diff --git a/apps/doc/src/app/components/accordion/examples/accordion-basic-example/accordion-basic-example.component.html b/apps/doc/src/app/components/accordion/examples/accordion-basic-example/accordion-basic-example.component.html
index 7cd72e7bea..04b3593873 100644
--- a/apps/doc/src/app/components/accordion/examples/accordion-basic-example/accordion-basic-example.component.html
+++ b/apps/doc/src/app/components/accordion/examples/accordion-basic-example/accordion-basic-example.component.html
@@ -1,5 +1,5 @@
 <prizm-accordion>
-  <prizm-accordion-item title="Static_title_h3 - 16 Medium">
+  <prizm-accordion-item [title]="'Static_title_h3 - 16 Medium'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
@@ -10,7 +10,7 @@
       используется.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 2">
+  <prizm-accordion-item [title]="'Title number 2'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
diff --git a/apps/doc/src/app/components/accordion/examples/accordion-multiple-expand-example/accordion-multiple-expand-example.component.html b/apps/doc/src/app/components/accordion/examples/accordion-multiple-expand-example/accordion-multiple-expand-example.component.html
index 6fc779e56d..f9991b240a 100644
--- a/apps/doc/src/app/components/accordion/examples/accordion-multiple-expand-example/accordion-multiple-expand-example.component.html
+++ b/apps/doc/src/app/components/accordion/examples/accordion-multiple-expand-example/accordion-multiple-expand-example.component.html
@@ -1,5 +1,5 @@
 <prizm-accordion>
-  <prizm-accordion-item title="Static_title_h3 - 16 Medium">
+  <prizm-accordion-item [title]="'Static_title_h3 - 16 Medium'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
@@ -10,7 +10,7 @@
       используется Lorem Ipsum.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 2">
+  <prizm-accordion-item [title]="'Title number 2'">
     <ng-template prizmAccordionTools>
       <prizm-checkbox label="Checkbox label is here"></prizm-checkbox>
     </ng-template>
@@ -25,7 +25,7 @@
       - фатальная ошибка.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 3">
+  <prizm-accordion-item [title]="'Title number 3'">
     <ng-template prizmAccordionTools>
       <prizm-checkbox label="Checkbox label is here but..."></prizm-checkbox>
     </ng-template>
@@ -40,7 +40,7 @@
       - фатальная ошибка.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 4">
+  <prizm-accordion-item [title]="'Title number 4'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
diff --git a/apps/doc/src/app/components/accordion/examples/accordion-single-expand-example/accordion-single-expand-example.component.html b/apps/doc/src/app/components/accordion/examples/accordion-single-expand-example/accordion-single-expand-example.component.html
index 95ef094136..b2307b6418 100644
--- a/apps/doc/src/app/components/accordion/examples/accordion-single-expand-example/accordion-single-expand-example.component.html
+++ b/apps/doc/src/app/components/accordion/examples/accordion-single-expand-example/accordion-single-expand-example.component.html
@@ -1,5 +1,5 @@
 <prizm-accordion [onlyOneExpanded]="true">
-  <prizm-accordion-item title="Static_title_h3 - 16 Medium">
+  <prizm-accordion-item [title]="'Static_title_h3 - 16 Medium'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
@@ -10,7 +10,7 @@
       используется Lorem Ipsum.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 2">
+  <prizm-accordion-item [title]="'Title number 2'">
     <ng-template prizmAccordionTools>
       <prizm-checkbox label="Checkbox label is here"></prizm-checkbox>
     </ng-template>
@@ -25,7 +25,7 @@
       - фатальная ошибка.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 3">
+  <prizm-accordion-item [title]="'Title number 3'">
     <ng-template prizmAccordionTools>
       <prizm-checkbox label="Checkbox label is here but..."></prizm-checkbox>
     </ng-template>
@@ -40,7 +40,7 @@
       - фатальная ошибка.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 4">
+  <prizm-accordion-item [title]="'Title number 4'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
diff --git a/apps/doc/src/app/components/accordion/examples/accordion-with-instruments-example/accordion-with-instruments-example.component.html b/apps/doc/src/app/components/accordion/examples/accordion-with-instruments-example/accordion-with-instruments-example.component.html
index 10e0c682df..a093286213 100644
--- a/apps/doc/src/app/components/accordion/examples/accordion-with-instruments-example/accordion-with-instruments-example.component.html
+++ b/apps/doc/src/app/components/accordion/examples/accordion-with-instruments-example/accordion-with-instruments-example.component.html
@@ -1,5 +1,5 @@
 <prizm-accordion>
-  <prizm-accordion-item [disabled]="true" title="Static_title_h3 - 16 Medium">
+  <prizm-accordion-item [disabled]="true" [title]="'Static_title_h3 - 16 Medium'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
@@ -10,7 +10,7 @@
       используется Lorem Ipsum.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 2">
+  <prizm-accordion-item [title]="'Title number 2'">
     <ng-template prizmAccordionTools>
       <prizm-checkbox label="Checkbox label is here"></prizm-checkbox>
     </ng-template>
@@ -25,7 +25,7 @@
       - фатальная ошибка.
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 3">
+  <prizm-accordion-item [title]="'Title number 3'">
     <ng-template prizmAccordionTools>
       <prizm-checkbox label="Checkbox label is here but..."></prizm-checkbox>
     </ng-template>
diff --git a/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.html b/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.html
index e37d4b3348..3d5b9fe640 100644
--- a/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.html
+++ b/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.html
@@ -1,7 +1,7 @@
 <prizm-accordion>
-  <prizm-accordion-item class="custom" *ngFor="let item of items" [title]="title">
+  <prizm-accordion-item *ngFor="let item of items" [title]="title">
     <ng-template #title>
-      <span [prizmHint]="item.hint"> {{ item.title }} </span>
+      <span class="custom" [prizmHint]="item.hint"> {{ item.title }} </span>
     </ng-template>
 
     <ng-template prizmAccordionContent>
diff --git a/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.less b/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.less
index d5d93bd490..b21162b45d 100644
--- a/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.less
+++ b/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.less
@@ -5,5 +5,5 @@
 }
 
 .custom {
-  --prizm-accordion-item-hover-boxShadowColor: orange;
+  color: orange;
 }
diff --git a/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.ts b/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.ts
index 98ae96ac69..1726eccbca 100644
--- a/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.ts
+++ b/apps/doc/src/app/components/accordion/examples/custom-title/custom-title.component.ts
@@ -16,7 +16,7 @@ export class AccordionCustomTitleComponent {
       Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х
       годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых
       используется.`,
-      title: 'Title 1',
+      title: 'My custom title 1',
       hint: 'It is 1st element',
     },
     {
@@ -28,7 +28,7 @@ export class AccordionCustomTitleComponent {
       годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых
       используется Lorem Ipsum. Не дочитали до конца - ошибка, дочитали и думали, что текст тот же, что и выше
       - фатальная ошибка.`,
-      title: 'Title 2',
+      title: 'My Custom title 2',
       hint: 'It is 2nd element',
     },
   ];
diff --git a/apps/doc/src/app/components/accordion/examples/nested/nested.component.html b/apps/doc/src/app/components/accordion/examples/nested/nested.component.html
index dff7ca776b..11a68293e7 100644
--- a/apps/doc/src/app/components/accordion/examples/nested/nested.component.html
+++ b/apps/doc/src/app/components/accordion/examples/nested/nested.component.html
@@ -1,17 +1,17 @@
 <prizm-accordion>
-  <prizm-accordion-item title="Title number 1">
+  <prizm-accordion-item [title]="'Title number 1'">
     <ng-template prizmAccordionContent>
       <prizm-accordion class="nested">
-        <prizm-accordion-item title="Static_title_h3 - 16 Medium">
+        <prizm-accordion-item [title]="'Static_title_h3 - 16 Medium'">
           <ng-template prizmAccordionContent> nested content 1 </ng-template>
         </prizm-accordion-item>
-        <prizm-accordion-item title="Title number 2">
+        <prizm-accordion-item [title]="'Title number 2'">
           <ng-template prizmAccordionContent> nested content 2 </ng-template>
         </prizm-accordion-item>
       </prizm-accordion>
     </ng-template>
   </prizm-accordion-item>
-  <prizm-accordion-item title="Title number 2">
+  <prizm-accordion-item [title]="'Title number 2'">
     <ng-template prizmAccordionContent>
       Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является
       стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник
diff --git a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.html b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.html
index f4fd237a80..07ad3bb466 100644
--- a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.html
+++ b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.html
@@ -36,6 +36,7 @@
     <div class="btn-wrapper">
       <button
         class="accordion__button"
+        [class.accordion_expanded__button]="isExpanded"
         [icon]="'chevrons-double-down'"
         [disabled]="disabled"
         prizmIconButton
diff --git a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less
index c633e77e2f..72887697db 100644
--- a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less
+++ b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less
@@ -7,16 +7,16 @@
   flex-direction: column;
 
   cursor: pointer;
-  border-top: 1px solid var(--prizm-v3-background-stroke);
+  border-top: 1px solid var(--prizm-background-stroke);
 
   &_focused:not(.accordion_disabled),
   &:hover:not(.accordion_disabled) {
     border-radius: 2px;
-    position: relative;
   }
 
   &_focused:not(.accordion_disabled) {
-    box-shadow: 0 0 0 2px var(--prizm-v3-background-stroke-focus);
+    box-shadow: 0 0 0 2px var(--prizm-background-stroke-focus);
+    position: relative;
   }
 
   &__header {
@@ -26,7 +26,7 @@
     display: flex;
     align-items: center;
 
-    background: var(--prizm-v3-background-fill-panel);
+    background: var(--prizm-background-fill-panel);
 
     outline: none;
     overflow: hidden;
@@ -38,7 +38,7 @@
       font-size: 14px;
       line-height: 20px;
 
-      color: var(--prizm-v3-text-icon-primary);
+      color: var(--prizm-text-icon-primary);
 
       overflow: hidden;
       white-space: nowrap;
@@ -46,7 +46,7 @@
     }
 
     .header-icon {
-      color: var(--prizm-v3-text-icon-primary);
+      color: var(--prizm-text-icon-primary);
       margin-right: 8px;
     }
   }
@@ -60,7 +60,7 @@
     opacity: 0;
 
     overflow: hidden;
-    background: var(--prizm-v3-background-fill-panel);
+    background: var(--prizm-background-fill-primary);
 
     transition: 400ms;
   }
@@ -68,7 +68,7 @@
   .btn-wrapper {
     margin: auto 0px auto 12px;
 
-    border-left: 1px solid var(--prizm-v3-background-stroke);
+    border-left: 1px solid var(--prizm-background-stroke);
 
     .accordion__button {
       margin-left: 12px;
@@ -76,7 +76,7 @@
   }
 
   &_expanded {
-    .accordion__button {
+    .accordion_expanded__button {
       transform: rotate(180deg);
     }
 
@@ -96,7 +96,7 @@
     & > .accordion__header .title,
     & > .accordion__header,
     & > .accordion__header .header-icon {
-      color: var(--prizm-v3-text-icon-disable);
+      color: var(--prizm-text-icon-disable);
       pointer-events: none;
     }
   }
diff --git a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng14 b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng14
new file mode 100644
index 0000000000..56035079c7
--- /dev/null
+++ b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng14
@@ -0,0 +1,103 @@
+:host {
+  display: block;
+}
+
+.accordion {
+  display: flex;
+  flex-direction: column;
+
+  cursor: pointer;
+  border-top: 1px solid var(--prizm-v3-background-stroke);
+
+  &_focused:not(.accordion_disabled),
+  &:hover:not(.accordion_disabled) {
+    border-radius: 2px;
+  }
+
+  &_focused:not(.accordion_disabled) {
+    box-shadow: 0 0 0 2px var(--prizm-v3-background-stroke-focus);
+    position: relative;
+  }
+
+  &__header {
+    height: 47px;
+    padding: 0 16px;
+
+    display: flex;
+    align-items: center;
+
+    background: var(--prizm-v3-background-fill-panel);
+
+    outline: none;
+    overflow: hidden;
+
+    .title {
+      flex: 1;
+
+      font-weight: 600;
+      font-size: 14px;
+      line-height: 20px;
+
+      color: var(--prizm-v3-text-icon-primary);
+
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .header-icon {
+      color: var(--prizm-v3-text-icon-primary);
+      margin-right: 8px;
+    }
+  }
+
+  &__tools {
+    display: flex;
+    margin-left: 10px;
+  }
+
+  &__content {
+    opacity: 0;
+
+    overflow: hidden;
+    background: var(--prizm-v3-background-fill-primary);
+
+    transition: 400ms;
+  }
+
+  .btn-wrapper {
+    margin: auto 0px auto 12px;
+
+    border-left: 1px solid var(--prizm-v3-background-stroke);
+
+    .accordion__button {
+      margin-left: 12px;
+    }
+  }
+
+  &_expanded {
+    .accordion_expanded__button {
+      transform: rotate(180deg);
+    }
+
+    &:focus {
+      box-shadow: none;
+    }
+
+    & > .accordion__content {
+      padding: var(--prizm-accordion-content-padding, 16px);
+      opacity: 1;
+    }
+  }
+
+  &_disabled {
+    cursor: not-allowed;
+
+    & > .accordion__header .title,
+    & > .accordion__header,
+    & > .accordion__header .header-icon {
+      color: var(--prizm-v3-text-icon-disable);
+      pointer-events: none;
+    }
+  }
+}
diff --git a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng15 b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng15
new file mode 100644
index 0000000000..56035079c7
--- /dev/null
+++ b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng15
@@ -0,0 +1,103 @@
+:host {
+  display: block;
+}
+
+.accordion {
+  display: flex;
+  flex-direction: column;
+
+  cursor: pointer;
+  border-top: 1px solid var(--prizm-v3-background-stroke);
+
+  &_focused:not(.accordion_disabled),
+  &:hover:not(.accordion_disabled) {
+    border-radius: 2px;
+  }
+
+  &_focused:not(.accordion_disabled) {
+    box-shadow: 0 0 0 2px var(--prizm-v3-background-stroke-focus);
+    position: relative;
+  }
+
+  &__header {
+    height: 47px;
+    padding: 0 16px;
+
+    display: flex;
+    align-items: center;
+
+    background: var(--prizm-v3-background-fill-panel);
+
+    outline: none;
+    overflow: hidden;
+
+    .title {
+      flex: 1;
+
+      font-weight: 600;
+      font-size: 14px;
+      line-height: 20px;
+
+      color: var(--prizm-v3-text-icon-primary);
+
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .header-icon {
+      color: var(--prizm-v3-text-icon-primary);
+      margin-right: 8px;
+    }
+  }
+
+  &__tools {
+    display: flex;
+    margin-left: 10px;
+  }
+
+  &__content {
+    opacity: 0;
+
+    overflow: hidden;
+    background: var(--prizm-v3-background-fill-primary);
+
+    transition: 400ms;
+  }
+
+  .btn-wrapper {
+    margin: auto 0px auto 12px;
+
+    border-left: 1px solid var(--prizm-v3-background-stroke);
+
+    .accordion__button {
+      margin-left: 12px;
+    }
+  }
+
+  &_expanded {
+    .accordion_expanded__button {
+      transform: rotate(180deg);
+    }
+
+    &:focus {
+      box-shadow: none;
+    }
+
+    & > .accordion__content {
+      padding: var(--prizm-accordion-content-padding, 16px);
+      opacity: 1;
+    }
+  }
+
+  &_disabled {
+    cursor: not-allowed;
+
+    & > .accordion__header .title,
+    & > .accordion__header,
+    & > .accordion__header .header-icon {
+      color: var(--prizm-v3-text-icon-disable);
+      pointer-events: none;
+    }
+  }
+}
diff --git a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng17 b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng17
new file mode 100644
index 0000000000..72887697db
--- /dev/null
+++ b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.less.ng17
@@ -0,0 +1,103 @@
+:host {
+  display: block;
+}
+
+.accordion {
+  display: flex;
+  flex-direction: column;
+
+  cursor: pointer;
+  border-top: 1px solid var(--prizm-background-stroke);
+
+  &_focused:not(.accordion_disabled),
+  &:hover:not(.accordion_disabled) {
+    border-radius: 2px;
+  }
+
+  &_focused:not(.accordion_disabled) {
+    box-shadow: 0 0 0 2px var(--prizm-background-stroke-focus);
+    position: relative;
+  }
+
+  &__header {
+    height: 47px;
+    padding: 0 16px;
+
+    display: flex;
+    align-items: center;
+
+    background: var(--prizm-background-fill-panel);
+
+    outline: none;
+    overflow: hidden;
+
+    .title {
+      flex: 1;
+
+      font-weight: 600;
+      font-size: 14px;
+      line-height: 20px;
+
+      color: var(--prizm-text-icon-primary);
+
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .header-icon {
+      color: var(--prizm-text-icon-primary);
+      margin-right: 8px;
+    }
+  }
+
+  &__tools {
+    display: flex;
+    margin-left: 10px;
+  }
+
+  &__content {
+    opacity: 0;
+
+    overflow: hidden;
+    background: var(--prizm-background-fill-primary);
+
+    transition: 400ms;
+  }
+
+  .btn-wrapper {
+    margin: auto 0px auto 12px;
+
+    border-left: 1px solid var(--prizm-background-stroke);
+
+    .accordion__button {
+      margin-left: 12px;
+    }
+  }
+
+  &_expanded {
+    .accordion_expanded__button {
+      transform: rotate(180deg);
+    }
+
+    &:focus {
+      box-shadow: none;
+    }
+
+    & > .accordion__content {
+      padding: var(--prizm-accordion-content-padding, 16px);
+      opacity: 1;
+    }
+  }
+
+  &_disabled {
+    cursor: not-allowed;
+
+    & > .accordion__header .title,
+    & > .accordion__header,
+    & > .accordion__header .header-icon {
+      color: var(--prizm-text-icon-disable);
+      pointer-events: none;
+    }
+  }
+}