@salutejs/plasma-new-hope 0.321.1-canary.1937.14653374486.0 → 0.321.1-canary.1942.14657998850.0

package/cjs/index.css

@@ -189,28 +189,28 @@
 
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.TextField_styles_1895ept_iq39zt5__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1895ept_i1j28rg8__ebba80b9{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1895ept_i1j28rg8__ebba80b9::-webkit-scrollbar{display:none;}.TextField_styles_1895ept_i1j28rg8__ebba80b9.TextField_styles_1895ept_hasChips__ebba80b9{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1895ept_s13zudoe__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1895ept_io4bpie__ebba80b9{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1895ept_io4bpie__ebba80b9::-webkit-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::-moz-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9:-ms-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::placeholder{opacity:0;}
-.TextField_styles_1895ept_i13qvwoy__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1895ept_i13qvwoy__ebba80b9 .TextField_styles_1895ept_io4bpie__ebba80b9{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1895ept_i19ry60d__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1895ept_obt1ohz__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_1895ept_tlv9av6__ebba80b9{display:inline-block;margin-left:auto;}
-.TextField_styles_1895ept_s600610__ebba80b9{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_luk2zst__ebba80b9{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1895ept_s1gjsnfi__ebba80b9{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_1895ept_ssv2kwg__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_s190z894__ebba80b9{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1895ept_s190z894__ebba80b9:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1895ept_s190z894__ebba80b9:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_1895ept_s7hnwwb__ebba80b9{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_1895ept_s14qvple__ebba80b9{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1895ept_s16itze4__ebba80b9{display:inline-block;line-height:0;}.TextField_styles_1895ept_s16itze4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1895ept_h1skqnhr__ebba80b9{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_hgy0im1__ebba80b9 .TextField_styles_1895ept_h1skqnhr__ebba80b9 .TextField_styles_1895ept_popoverRoot__ebba80b9{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1895ept_h8yezh4__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1895ept_szsveq4__ebba80b9{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9.TextField_styles_1895ept_textfieldHasHint__ebba80b9{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1cdp5eg_s13zudoe__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1cdp5eg_io4bpie__dcbef05d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-webkit-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-moz-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d:-ms-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::placeholder{opacity:0;}
+.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d .TextField_styles_1cdp5eg_io4bpie__dcbef05d{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1cdp5eg_i19ry60d__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1cdp5eg_obt1ohz__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1cdp5eg_tlv9av6__dcbef05d{display:inline-block;margin-left:auto;}
+.TextField_styles_1cdp5eg_s600610__dcbef05d{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_luk2zst__dcbef05d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1cdp5eg_s1gjsnfi__dcbef05d{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
+.TextField_styles_1cdp5eg_ssv2kwg__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_s190z894__dcbef05d{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1cdp5eg_s190z894__dcbef05d:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1cdp5eg_s190z894__dcbef05d:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1cdp5eg_s7hnwwb__dcbef05d{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1cdp5eg_s14qvple__dcbef05d{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1cdp5eg_s16itze4__dcbef05d{display:inline-block;line-height:0;}.TextField_styles_1cdp5eg_s16itze4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1cdp5eg_h1skqnhr__dcbef05d{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_hgy0im1__dcbef05d .TextField_styles_1cdp5eg_h1skqnhr__dcbef05d .TextField_styles_1cdp5eg_popoverRoot__dcbef05d{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1cdp5eg_h8yezh4__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1cdp5eg_szsveq4__dcbef05d{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d.TextField_styles_1cdp5eg_textfieldHasHint__dcbef05d{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .TextFieldChip_styles_hep428_s32p7ut__9a731a0d{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_hep428_s32p7ut__9a731a0d::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_hep428_s32p7ut__9a731a0d.TextFieldChip_styles_hep428_focusVisible__9a731a0d:focus::before,.TextFieldChip_styles_hep428_s32p7ut__9a731a0d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_hep428_s32p7ut__9a731a0d[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 .TextFieldChip_styles_hep428_t4nir3h__9a731a0d{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d.TextFieldChip_styles_hep428_focusVisible__9a731a0d:focus::before,.TextFieldChip_styles_hep428_t4nir3h__9a731a0d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d:after{content:',';}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d:last-child:after{content:'';}

package/emotion/cjs/components/Accordion/Accordion.template-doc.mdx

@@ -15,7 +15,7 @@ import TabItem from '@theme/TabItem';
 Компонент выпадающей информации
 <PropsTable name="AccordionItem" exclude={['value']} />
 
-Компонент представляет собой заголовок и контент, который раскрывается при нажатии. 
+Компонент представляет собой заголовок и контент, который раскрывается при нажатии.
 
 ## Примеры Accordion
 
@@ -35,10 +35,10 @@ import TabItem from '@theme/TabItem';
                     </Accordion>
                 </div>
             );
-        }
+    }
         ```
     </TabItem>
-     <TabItem value="view" label="View">
+    <TabItem value="view" label="View">
         ```tsx live
         import React from 'react';
         import { Accordion, AccordionItem } from '@salutejs/{{ package }}';
@@ -61,78 +61,106 @@ import TabItem from '@theme/TabItem';
                         </Accordion>
                     </div>
                 </div>
-            );
-        }
-        ```
-    </TabItem>
-    <TabItem value="size" label="Size">
-        ```tsx live
-        import React from 'react';
-        import { Accordion, AccordionItem } from '@salutejs/{{ package }}';
+        );
+    }
+    ```
+</TabItem>
+<TabItem value="size" label="Size">
+    ```tsx live
+    import React from 'react';
+    import { Accordion, AccordionItem } from '@salutejs/{{ package }}';
 
-        export function App() {
-            return (
-                <div style=\{{"width": "100%", "display": "flex", "flex-direction": "column"}}>
-                    <div style=\{{"width": "100%"}}>
-                        <Accordion size="xs">
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                        </Accordion>
-                    </div>
-                    <div style=\{{"width": "100%"}}>
-                        <Accordion size="s">
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                        </Accordion>
-                    </div>
-                    <div style=\{{"width": "100%"}}>
-                        <Accordion size="m">
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                        </Accordion>
-                    </div>
-                    <div style=\{{"width": "100%"}}>
-                        <Accordion size="l">
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                        </Accordion>
-                    </div>
+    export function App() {
+        return (
+            <div style=\{{"width": "100%", "display": "flex", "flex-direction": "column"}}>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="xs">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
                 </div>
-            );
-        }
-        ```
-    </TabItem>
-    <TabItem value="stretching" label="Stretching">
-        ```tsx live
-        import React from 'react';
-        import { Accordion, AccordionItem } from '@salutejs/{{ package }}';
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="s">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="m">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="l">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="h2">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="h3">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="h4">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion size="h5">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+        </div>
+    );
+}
+```
+</TabItem>
+<TabItem value="stretching" label="Stretching">
+    ```tsx live
+    import React from 'react';
+    import { Accordion, AccordionItem } from '@salutejs/{{ package }}';
 
-        export function App() {
-            return (
-                <div style=\{{"width": "100%", "display": "flex", "flex-direction": "column"}}>
-                    <div style=\{{"width": "100%"}}>
-                        <Accordion>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                        </Accordion>
-                    </div>
-                    <div style=\{{"width": "100%"}}>
-                        <Accordion stretching="fixed">
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                            <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
-                        </Accordion>
-                    </div>
+    export function App() {
+        return (
+            <div style=\{{"width": "100%", "display": "flex", "flex-direction": "column"}}>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
                 </div>
-            );
-        }
-        ```
-    </TabItem>
+                <div style=\{{"width": "100%"}}>
+                    <Accordion stretching="fixed">
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                        <AccordionItem title="Как оплатить заправку бонусами СберСпасибо?">После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива</AccordionItem>
+                    </Accordion>
+                </div>
+        </div>
+    );
+}
+```
+</TabItem>
 </Tabs>
 
 ### Использование Accordion в Controlled варианте