@salutejs/plasma-new-hope 0.102.0-dev.0 → 0.103.0-dev.0

package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -10,6 +10,7 @@ var AccordionItem_styles = require('./AccordionItem.styles.js');
 
 var _StyledMinus, _StyledArrow;
 var AccordionItem = function AccordionItem(_ref) {
+  var _ref2;
   var value = _ref.value,
     contentRight = _ref.contentRight,
     contentLeft = _ref.contentLeft,
@@ -23,7 +24,7 @@ var AccordionItem = function AccordionItem(_ref) {
     eventKey = _ref.eventKey,
     disabled = _ref.disabled,
     onChange = _ref.onChange;
-  var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
+  var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
   var _useState = React.useState(),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     leftPadding = _useState2[0],

package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\n\nimport {\n    StyledAccordionItem,\n    StyledAccordionHeader,\n    StyledAccordionBody,\n    StyledAccordionTitle,\n    StyledAccordionContentLeft,\n    StyledAccordionHeaderLeft,\n    StyledAccordionContentRight,\n    StyledArrow,\n    StyledMinus,\n    StyledPlus,\n    StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributes<HTMLDivElement> & AccordionItemProps> = ({\n    value,\n    contentRight,\n    contentLeft,\n    title,\n    pin = 'square-square',\n    children,\n    type = 'sign',\n    index,\n    eventKey,\n    disabled,\n    onChange,\n}) => {\n    const key = eventKey ?? index;\n\n    const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n    const handleOpen = () => {\n        if (disabled) {\n            return;\n        }\n        if (onChange) {\n            onChange(key, !value);\n        }\n    };\n\n    const leftContentRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n        const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n        setLeftPadding(leftPaddingBody);\n    }, [value, type, leftContentRef, setLeftPadding]);\n\n    const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n    const StyledAnimationPLus = () => (\n        <StyledPlus>\n            <StyledMinus size=\"xs\" color=\"inhert\" />\n            <StyledMinus\n                size=\"xs\"\n                color=\"inhert\"\n                className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n            />\n        </StyledPlus>\n    );\n\n    const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n    const disabledClass = disabled ? classes.accordionDisabled : '';\n\n    const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n    const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n    const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n    const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n    return (\n        <StyledAccordionItem\n            className={classes.accordionItem}\n            key={key}\n            style={{ borderRadius: accordionBorderRadius }}\n        >\n            <StyledAccordionHeader\n                role=\"tab\"\n                tabIndex={0}\n                onClick={handleOpen}\n                className={disabledClass}\n                aria-expanded={value}\n                aria-controls={`accordion-item-section${key}`}\n                id={`accordion-item-${key}`}\n            >\n                <StyledAccordionHeaderLeft>\n                    {leftContent && (\n                        <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n                            {leftContent}\n                        </StyledAccordionContentLeft>\n                    )}\n                    <StyledAccordionTitle>{title}</StyledAccordionTitle>\n                </StyledAccordionHeaderLeft>\n\n                <StyledAccordionContentRight className={rightContentRotate}>\n                    {rightContent && rightContent}\n                </StyledAccordionContentRight>\n            </StyledAccordionHeader>\n            <StyledAccordionBodyAnimate\n                aria-labelledby={`accordion-item-${key}`}\n                aria-hidden={!value}\n                id={`accordion-item-section${key}`}\n                className={openedBodyClass}\n                style={{ paddingLeft: `${leftPadding}` }}\n            >\n                <StyledAccordionBody>{children}</StyledAccordionBody>\n            </StyledAccordionBodyAnimate>\n        </StyledAccordionItem>\n    );\n};\n"],"names":["AccordionItem","_ref","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","accordionItem","style","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { HTMLAttributesOmitOnChange } from '../../../../engines/types';\n\nimport {\n    StyledAccordionItem,\n    StyledAccordionHeader,\n    StyledAccordionBody,\n    StyledAccordionTitle,\n    StyledAccordionContentLeft,\n    StyledAccordionHeaderLeft,\n    StyledAccordionContentRight,\n    StyledArrow,\n    StyledMinus,\n    StyledPlus,\n    StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributesOmitOnChange & AccordionItemProps> = ({\n    value,\n    contentRight,\n    contentLeft,\n    title,\n    pin = 'square-square',\n    children,\n    type = 'sign',\n    index,\n    eventKey,\n    disabled,\n    onChange,\n}) => {\n    const key = eventKey ?? index ?? 0;\n\n    const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n    const handleOpen = () => {\n        if (disabled) {\n            return;\n        }\n        if (onChange) {\n            onChange(key, !value);\n        }\n    };\n\n    const leftContentRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n        const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n        setLeftPadding(leftPaddingBody);\n    }, [value, type, leftContentRef, setLeftPadding]);\n\n    const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n    const StyledAnimationPLus = () => (\n        <StyledPlus>\n            <StyledMinus size=\"xs\" color=\"inhert\" />\n            <StyledMinus\n                size=\"xs\"\n                color=\"inhert\"\n                className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n            />\n        </StyledPlus>\n    );\n\n    const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n    const disabledClass = disabled ? classes.accordionDisabled : '';\n\n    const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n    const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n    const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n    const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n    return (\n        <StyledAccordionItem\n            className={classes.accordionItem}\n            key={key}\n            style={{ borderRadius: accordionBorderRadius }}\n        >\n            <StyledAccordionHeader\n                role=\"tab\"\n                tabIndex={0}\n                onClick={handleOpen}\n                className={disabledClass}\n                aria-expanded={value}\n                aria-controls={`accordion-item-section${key}`}\n                id={`accordion-item-${key}`}\n            >\n                <StyledAccordionHeaderLeft>\n                    {leftContent && (\n                        <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n                            {leftContent}\n                        </StyledAccordionContentLeft>\n                    )}\n                    <StyledAccordionTitle>{title}</StyledAccordionTitle>\n                </StyledAccordionHeaderLeft>\n\n                <StyledAccordionContentRight className={rightContentRotate}>\n                    {rightContent && rightContent}\n                </StyledAccordionContentRight>\n            </StyledAccordionHeader>\n            <StyledAccordionBodyAnimate\n                aria-labelledby={`accordion-item-${key}`}\n                aria-hidden={!value}\n                id={`accordion-item-section${key}`}\n                className={openedBodyClass}\n                style={{ paddingLeft: `${leftPadding}` }}\n            >\n                <StyledAccordionBody>{children}</StyledAccordionBody>\n            </StyledAccordionBodyAnimate>\n        </StyledAccordionItem>\n    );\n};\n"],"names":["AccordionItem","_ref","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","accordionItem","style","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":";;;;;;;;;;;IAqBaA,aAAwE,GAAG,SAA3EA,aAAwEA,CAAAC,IAAA,EAY/E;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAXFC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAAC,QAAA,GAAAN,IAAA,CACLO,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,eAAe,GAAAA,QAAA;IACrBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,SAAA,GAAAT,IAAA,CACRU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IACbE,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,QAAQ,GAAAd,IAAA,CAARc,QAAQ,CAAA;AAER,EAAA,IAAMC,GAAG,GAAAd,CAAAA,KAAA,GAAGW,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAID,KAAK,MAAAV,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,CAAC,CAAA;AAElC,EAAA,IAAAe,SAAA,GAAsCC,cAAQ,EAA0B;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjEI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,UAAU,GAAG,SAAbA,UAAUA,GAAS;AACrB,IAAA,IAAIT,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIC,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACC,GAAG,EAAE,CAACb,KAAK,CAAC,CAAA;AACzB,KAAA;GACH,CAAA;AAED,EAAA,IAAMqB,cAAc,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAEnDC,EAAAA,eAAS,CAAC,YAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,CAAA;IACZ,IAAMC,gBAAgB,GAAAF,CAAAA,qBAAA,GAAGH,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAA,CAAAI,sBAAA,GAAdJ,cAAc,CAAEM,OAAO,MAAAF,IAAAA,IAAAA,sBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAyBG,WAAW,cAAAJ,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,CAAA;AAClE,IAAA,IAAMK,eAAe,GAAGH,gBAAgB,GAAA,OAAA,CAAAI,MAAA,CAAWJ,gBAAgB,EAAAI,WAAAA,CAAAA,CAAAA,MAAA,CAAYC,uBAAM,CAACC,gBAAgB,UAAO,CAAC,CAAA;IAC9Gb,cAAc,CAACU,eAAe,CAAC,CAAA;GAClC,EAAE,CAAC7B,KAAK,EAAEQ,IAAI,EAAEa,cAAc,EAAEF,cAAc,CAAC,CAAC,CAAA;EAEjD,IAAMc,eAAe,GAAGjC,KAAK,GAAGkC,wBAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;AAEzE,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAA;AAAA,IAAA,oBACrBC,KAAA,CAAAC,aAAA,CAACC,+BAAU,EAAAC,IAAAA,EAAAA,YAAA,KAAAA,YAAA,gBACPH,KAAA,CAAAC,aAAA,CAACG,gCAAW,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,QAAA;AAAQ,KAAE,CAAC,CACxCN,eAAAA,KAAA,CAAAC,aAAA,CAACG,gCAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,KAAK,EAAC,QAAQ;MACdC,SAAS,EAAEZ,eAAe,KAAfA,IAAAA,IAAAA,eAAe,cAAfA,eAAe,GAAIC,wBAAO,CAACY,6BAAAA;AAA8B,KACvE,CACO,CAAC,CAAA;GAChB,CAAA;AAED,EAAA,IAAMC,qBAAqB,GAAGC,gCAAsB,CAAC3C,GAAG,EAAA,MAAA,CAAAyB,MAAA,CAASC,uBAAM,CAACkB,yBAAyB,EAAA,GAAA,CAAA,EAAK,QAAQ,CAAC,CAAA;EAC/G,IAAMC,aAAa,GAAGvC,QAAQ,GAAGuB,wBAAO,CAACiB,iBAAiB,GAAG,EAAE,CAAA;EAE/D,IAAMC,WAAW,GAAGlD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,WAAW,GAAKM,IAAI,KAAK,OAAO,GAAA6C,YAAA,KAAAA,YAAA,gBAAGf,KAAA,CAAAC,aAAA,CAACe,gCAAW,EAAA;AAACX,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,KAAK,EAAC,QAAA;GAAU,CAAC,IAAGR,SAAU,CAAA;AAC5G,EAAA,IAAMmB,iBAAiB,GAAG/C,IAAI,KAAK,OAAO,IAAIR,KAAK,GAAGkC,wBAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;EAE/F,IAAMoB,YAAY,GAAGvD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAKO,IAAI,KAAK,MAAM,gBAAG8B,KAAA,CAAAC,aAAA,CAACF,mBAAmB,EAAE,IAAA,CAAC,GAAGD,SAAU,CAAA;AAC5F,EAAA,IAAMqB,kBAAkB,GAAGjD,IAAI,KAAK,MAAM,IAAIR,KAAK,GAAGkC,wBAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;AAE/F,EAAA,oBACIE,KAAA,CAAAC,aAAA,CAACmB,wCAAmB,EAAA;IAChBb,SAAS,EAAEX,wBAAO,CAACyB,aAAc;AACjC9C,IAAAA,GAAG,EAAEA,GAAI;AACT+C,IAAAA,KAAK,EAAE;AAAEC,MAAAA,YAAY,EAAEd,qBAAAA;AAAsB,KAAA;AAAE,GAAA,eAE/CT,KAAA,CAAAC,aAAA,CAACuB,0CAAqB,EAAA;AAClBC,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,OAAO,EAAE7C,UAAW;AACpByB,IAAAA,SAAS,EAAEK,aAAc;AACzB,IAAA,eAAA,EAAelD,KAAM;IACrB,eAAA8B,EAAAA,wBAAAA,CAAAA,MAAA,CAAwCjB,GAAG,CAAG;IAC9CqD,EAAE,EAAA,iBAAA,CAAApC,MAAA,CAAoBjB,GAAG,CAAA;AAAG,GAAA,eAE5ByB,KAAA,CAAAC,aAAA,CAAC4B,8CAAyB,EAAA,IAAA,EACrBf,WAAW,iBACRd,KAAA,CAAAC,aAAA,CAAC6B,+CAA0B,EAAA;AAACC,IAAAA,GAAG,EAAEhD,cAAe;AAACwB,IAAAA,SAAS,EAAEU,iBAAAA;AAAkB,GAAA,EACzEH,WACuB,CAC/B,eACDd,KAAA,CAAAC,aAAA,CAAC+B,yCAAoB,EAAEnE,IAAAA,EAAAA,KAA4B,CAC5B,CAAC,eAE5BmC,KAAA,CAAAC,aAAA,CAACgC,gDAA2B,EAAA;AAAC1B,IAAAA,SAAS,EAAEY,kBAAAA;GACnCD,EAAAA,YAAY,IAAIA,YACQ,CACV,CAAC,eACxBlB,KAAA,CAAAC,aAAA,CAACiC,+CAA0B,EAAA;IACvB,iBAAA1C,EAAAA,iBAAAA,CAAAA,MAAA,CAAmCjB,GAAG,CAAG;AACzC,IAAA,aAAA,EAAa,CAACb,KAAM;AACpBkE,IAAAA,EAAE,EAAApC,wBAAAA,CAAAA,MAAA,CAA2BjB,GAAG,CAAG;AACnCgC,IAAAA,SAAS,EAAEZ,eAAgB;AAC3B2B,IAAAA,KAAK,EAAE;MAAEa,WAAW,EAAA,EAAA,CAAA3C,MAAA,CAAKZ,WAAW,CAAA;AAAG,KAAA;GAEvCoB,eAAAA,KAAA,CAAAC,aAAA,CAACmC,wCAAmB,EAAEpE,IAAAA,EAAAA,QAA8B,CAC5B,CACX,CAAC,CAAA;AAE9B;;;;"}

package/cjs/components/Header/HeaderRoot/HeaderRoot.css

@@ -1,2 +1,2 @@
-.HeaderRoot_styles_ab58js_s1pft4si__74f44cb7{box-sizing:content-box;width:100%;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_ab58js_s1pft4si__74f44cb7.HeaderRoot_styles_ab58js_headerWithGradient__74f44cb7::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
-.HeaderRoot_styles_ab58js_s4v2au0__74f44cb7{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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
+.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c.HeaderRoot_styles_tgf9lv_headerWithGradient__d5411e2c::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
+.HeaderRoot_styles_tgf9lv_s4v2au0__d5411e2c{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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}

package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js

@@ -1,4 +1,4 @@
-import './HeaderRoot.styles_ab58js.css';
+import './HeaderRoot.styles_tgf9lv.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderRoot.styles.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../Header.tokens';\n\nimport type { StyledHeaderRootProps } from './HeaderRoot.types';\n\nexport const StyledHeaderRoot = styled.header<StyledHeaderRootProps>`\n    box-sizing: content-box;\n\n    width: 100%;\n    height: var(${tokens.headerHeight});\n    padding-top: var(${tokens.headerPaddingTop});\n    padding-bottom: var(${tokens.headerPaddingBottom});\n\n    --header_private-gradient-color: ${({ $gradientColor }) => String($gradientColor)};\n    &.${String(classes.headerWithGradient)} {\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: calc(\n                var(${tokens.headerHeight}) + var(${tokens.headerPaddingTop}) + var(${tokens.headerPaddingBottom})\n            );\n            background-image: linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));\n        }\n    }\n`;\n\nexport const StyledInner = styled.div`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["_exp4","_ref","$gradientColor","String","StyledHeaderRoot","styled","name","class","propsAsIs","vars","StyledInner"],"mappings":";;;;;;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAcD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAqBC,MAAM,CAACD,cAAc,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR9E,IAAME,gBAAgB,gBAAGC,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAQCT,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAcpF,EAAA;AAEM,IAAMU,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC;;;;;"}
+{"version":3,"file":"HeaderRoot.styles.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../Header.tokens';\n\nimport type { StyledHeaderRootProps } from './HeaderRoot.types';\n\nexport const StyledHeaderRoot = styled.header<StyledHeaderRootProps>`\n    box-sizing: content-box;\n\n    height: var(${tokens.headerHeight});\n    padding-top: var(${tokens.headerPaddingTop});\n    padding-bottom: var(${tokens.headerPaddingBottom});\n\n    --header_private-gradient-color: ${({ $gradientColor }) => String($gradientColor)};\n    &.${String(classes.headerWithGradient)} {\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: calc(\n                var(${tokens.headerHeight}) + var(${tokens.headerPaddingTop}) + var(${tokens.headerPaddingBottom})\n            );\n            background-image: linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));\n        }\n    }\n`;\n\nexport const StyledInner = styled.div`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["_exp4","_ref","$gradientColor","String","StyledHeaderRoot","styled","name","class","propsAsIs","vars","StyledInner"],"mappings":";;;;;;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAaD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAqBC,MAAM,CAACD,cAAc,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP9E,IAAME,gBAAgB,gBAAGC,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOCT,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAcpF,EAAA;AAEM,IAAMU,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC;;;;;"}

package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css

@@ -0,0 +1,2 @@
+.s1pft4si{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.s1pft4si.header-with-gradient::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
+.s4v2au0{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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}

package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js

@@ -37,7 +37,7 @@ var headerArrowRoot = function headerArrowRoot(Root) {
       size: "s",
       tabIndex: -1,
       className: Header_tokens.classes.headerArrow,
-      value: String(value)
+      value: value
     }, rest), /*#__PURE__*/React.createElement(IconChevronLeft.IconChevronLeft, _rollupPluginBabelHelpers.extends({
       size: iconSize,
       sizeCustomProperty: Header_tokens.tokens.headerArrowIconSize,

package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n    forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n        const { arrow, iconSize = 's', value, ...rest } = props;\n\n        const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n        return (\n            <Root ref={outerRootRef}>\n                <Button\n                    view=\"clear\"\n                    size=\"s\"\n                    tabIndex={-1}\n                    className={classes.headerArrow}\n                    value={String(value)}\n                    {...rest}\n                >\n                    <IconChevronLeft\n                        size={iconSize}\n                        sizeCustomProperty={tokens.headerArrowIconSize}\n                        className={cx(classes.headerArrowIcon, minimizeClass)}\n                        color=\"inherit\"\n                        {...props}\n                    />\n                </Button>\n            </Root>\n        );\n    });\n\nexport const headerArrowConfig = {\n    name: 'HeaderArrow',\n    tag: 'div',\n    layout: headerArrowRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","String","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,gBAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,qBAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,iCAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,qBAAO,CAACW,WAAY;MAC/BhB,KAAK,EAAEiB,MAAM,CAACjB,KAAK,CAAA;KACfC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACS,+BAAe,EAAAP,iCAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfoB,kBAAkB,EAAEC,oBAAM,CAACC,mBAAoB;MAC/CN,SAAS,EAAEO,QAAE,CAACjB,qBAAO,CAACkB,eAAe,EAAEnB,aAAa,CAAE;AACtDoB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX7B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM8B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpC,eAAe;AACvBqC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACRlB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDnB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n    forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n        const { arrow, iconSize = 's', value, ...rest } = props;\n\n        const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n        return (\n            <Root ref={outerRootRef}>\n                <Button\n                    view=\"clear\"\n                    size=\"s\"\n                    tabIndex={-1}\n                    className={classes.headerArrow}\n                    value={value as string}\n                    {...rest}\n                >\n                    <IconChevronLeft\n                        size={iconSize}\n                        sizeCustomProperty={tokens.headerArrowIconSize}\n                        className={cx(classes.headerArrowIcon, minimizeClass)}\n                        color=\"inherit\"\n                        {...props}\n                    />\n                </Button>\n            </Root>\n        );\n    });\n\nexport const headerArrowConfig = {\n    name: 'HeaderArrow',\n    tag: 'div',\n    layout: headerArrowRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,gBAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,qBAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,iCAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,qBAAO,CAACW,WAAY;AAC/BhB,MAAAA,KAAK,EAAEA,KAAAA;KACHC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACQ,+BAAe,EAAAN,iCAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfmB,kBAAkB,EAAEC,oBAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,QAAE,CAAChB,qBAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX5B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,eAAe;AACvBoC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -21,7 +21,7 @@ var textSkeleton = function textSkeleton(Component) {
       customGradientColor = _ref.customGradientColor,
       lighter = _ref.lighter,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'body1' : _ref$size,
+      size = _ref$size === void 0 ? 'bodyM' : _ref$size,
       props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     var _useState = React.useState(null),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -56,8 +56,11 @@ var textSkeleton = function textSkeleton(Component) {
         setFixedWidth(String(width));
       }
     }, [width, lines]);
+
+    // TODO: Подумать как можно обойти явное приведение типов
+    var ComponentSkeleton = Component;
     return /*#__PURE__*/React.createElement(TextSkeleton_styles.StyledTextSkeleton, props, Array.from(Array(lines), function (_, i) {
-      return /*#__PURE__*/React.createElement(Component, {
+      return /*#__PURE__*/React.createElement(ComponentSkeleton, {
         key: "line:".concat(i),
         size: size,
         roundness: roundness,

package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextSkeleton.js","sources":["../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = (\n    Component: FC<LineSkeletonProps>,\n): FC<TextSkeletonProps & HTMLAttributes<HTMLDivElement>> => ({\n    lines,\n    width,\n    roundness,\n    customGradientColor,\n    lighter,\n    size = 'body1',\n    ...props\n}: TextSkeletonProps & HTMLAttributes<HTMLDivElement>) => {\n    const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n    const [linesWidth, setLinesWidth] = useState([]);\n\n    useEffect(() => {\n        if (!width) {\n            setFixedWidth(null);\n            const computedLengths = Array(lines)\n                .fill(0)\n                .reduce((acc, _, i) => {\n                    let w;\n                    // Последняя строка\n                    if (i === lines - 1 && lines !== 1) {\n                        w = 45 - variousWidth[i % variousWidth.length];\n                    } else if (lines === 1 || lines === 2) {\n                        // Единственная или первая из двух\n                        w = 100;\n                    } else {\n                        w = 100 - variousWidth[i % variousWidth.length];\n                    }\n\n                    return { ...acc, [i]: w };\n                }, {});\n\n            setLinesWidth(Object.values(computedLengths));\n            return;\n        }\n\n        if (!Number.isNaN(Number(width))) {\n            setFixedWidth(`${width}%`);\n        } else {\n            setFixedWidth(String(width));\n        }\n    }, [width, lines]);\n\n    return (\n        <StyledTextSkeleton {...props}>\n            {Array.from(Array<number>(lines), (_, i) => {\n                return (\n                    <Component\n                        key={`line:${i}`}\n                        size={size}\n                        roundness={roundness}\n                        customGradientColor={customGradientColor}\n                        lighter={lighter}\n                        style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n                    />\n                );\n            })}\n        </StyledTextSkeleton>\n    );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":"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"}
+{"version":3,"file":"TextSkeleton.js","sources":["../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n    Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n    lines,\n    width,\n    roundness,\n    customGradientColor,\n    lighter,\n    size = 'bodyM',\n    ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n    const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n    const [linesWidth, setLinesWidth] = useState([]);\n\n    useEffect(() => {\n        if (!width) {\n            setFixedWidth(null);\n            const computedLengths = Array(lines)\n                .fill(0)\n                .reduce((acc, _, i) => {\n                    let w;\n                    // Последняя строка\n                    if (i === lines - 1 && lines !== 1) {\n                        w = 45 - variousWidth[i % variousWidth.length];\n                    } else if (lines === 1 || lines === 2) {\n                        // Единственная или первая из двух\n                        w = 100;\n                    } else {\n                        w = 100 - variousWidth[i % variousWidth.length];\n                    }\n\n                    return { ...acc, [i]: w };\n                }, {});\n\n            setLinesWidth(Object.values(computedLengths));\n            return;\n        }\n\n        if (!Number.isNaN(Number(width))) {\n            setFixedWidth(`${width}%`);\n        } else {\n            setFixedWidth(String(width));\n        }\n    }, [width, lines]);\n\n    // TODO: Подумать как можно обойти явное приведение типов\n    const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n    return (\n        <StyledTextSkeleton {...props}>\n            {Array.from(Array<number>(lines), (_, i) => {\n                return (\n                    <ComponentSkeleton\n                        key={`line:${i}`}\n                        size={size}\n                        roundness={roundness}\n                        customGradientColor={customGradientColor}\n                        lighter={lighter}\n                        style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n                    />\n                );\n            })}\n        </StyledTextSkeleton>\n    );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":"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"}

package/cjs/components/Skeleton/hoc/withSkeleton.js

@@ -1,4 +1,4 @@
-import './withSkeleton_1r1ep44.css';
+import './withSkeleton_66xd8g.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Skeleton/hoc/{withSkeleton_1r1ep44.css → withSkeleton_66xd8g.css}

@@ -1 +1 @@
-.wkvmjj8{display:contents;}.wkvmjj8 .apply-skeleton-gradient{position:relative;overflow:hidden;z-index:1;}.wkvmjj8 .apply-skeleton-gradient::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:loading-wkvmjj8 4s linear infinite;animation:loading-wkvmjj8 4s linear infinite;background-image:var(--plasma-colors-skeleton-gradient-lighter);}@-webkit-keyframes loading-wkvmjj8{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes loading-wkvmjj8{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}
+.wkvmjj8{display:contents;}.wkvmjj8 .apply-skeleton-gradient{position:relative;overflow:hidden;z-index:1;}.wkvmjj8 .apply-skeleton-gradient::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:loading-wkvmjj8 4s linear infinite;animation:loading-wkvmjj8 4s linear infinite;background-image:var(--plasma-colors-skeleton-gradient-lighter,var(--surface-skeleton-deep-gradient));}@-webkit-keyframes loading-wkvmjj8{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes loading-wkvmjj8{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}

package/cjs/index.css

@@ -329,8 +329,8 @@
 
 .HeaderContent_styles_ru84zp_s1jgshq1__4edd06d7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}
 
-.HeaderRoot_styles_ab58js_s1pft4si__74f44cb7{box-sizing:content-box;width:100%;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_ab58js_s1pft4si__74f44cb7.HeaderRoot_styles_ab58js_headerWithGradient__74f44cb7::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
-.HeaderRoot_styles_ab58js_s4v2au0__74f44cb7{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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
+.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c.HeaderRoot_styles_tgf9lv_headerWithGradient__d5411e2c::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
+.HeaderRoot_styles_tgf9lv_s4v2au0__d5411e2c{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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
 
 .Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
@@ -374,7 +374,7 @@
 
 .RectSkeleton_styles_15notjd_sgcbrr4__438ef31a{position:relative;overflow:hidden;width:var(--sgcbrr4-0);height:var(--sgcbrr4-1);--plasma_private-line-skeleton-roundness:var(--sgcbrr4-2);border-radius:var(--plasma_private-line-skeleton-roundness);--plasma_private-line-skeleton-gradient:var(--sgcbrr4-3);position:relative;overflow:hidden;z-index:1;}.RectSkeleton_styles_15notjd_sgcbrr4__438ef31a::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:RectSkeleton_styles_15notjd_loadingSgcbrr4__438ef31a 4s linear infinite;animation:RectSkeleton_styles_15notjd_loadingSgcbrr4__438ef31a 4s linear infinite;background-image:var(--plasma_private-line-skeleton-gradient);}@-webkit-keyframes RectSkeleton_styles_15notjd_loadingSgcbrr4__438ef31a{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes RectSkeleton_styles_15notjd_loadingSgcbrr4__438ef31a{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}
 
-.withSkeleton_1r1ep44_wkvmjj8__aa19bfc7{display:contents;}.withSkeleton_1r1ep44_wkvmjj8__aa19bfc7 .withSkeleton_1r1ep44_applySkeletonGradient__aa19bfc7{position:relative;overflow:hidden;z-index:1;}.withSkeleton_1r1ep44_wkvmjj8__aa19bfc7 .withSkeleton_1r1ep44_applySkeletonGradient__aa19bfc7::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:withSkeleton_1r1ep44_loadingWkvmjj8__aa19bfc7 4s linear infinite;animation:withSkeleton_1r1ep44_loadingWkvmjj8__aa19bfc7 4s linear infinite;background-image:var(--plasma-colors-skeleton-gradient-lighter);}@-webkit-keyframes withSkeleton_1r1ep44_loadingWkvmjj8__aa19bfc7{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes withSkeleton_1r1ep44_loadingWkvmjj8__aa19bfc7{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}
+.withSkeleton_66xd8g_wkvmjj8__bb77cc47{display:contents;}.withSkeleton_66xd8g_wkvmjj8__bb77cc47 .withSkeleton_66xd8g_applySkeletonGradient__bb77cc47{position:relative;overflow:hidden;z-index:1;}.withSkeleton_66xd8g_wkvmjj8__bb77cc47 .withSkeleton_66xd8g_applySkeletonGradient__bb77cc47::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:withSkeleton_66xd8g_loadingWkvmjj8__bb77cc47 4s linear infinite;animation:withSkeleton_66xd8g_loadingWkvmjj8__bb77cc47 4s linear infinite;background-image:var(--plasma-colors-skeleton-gradient-lighter,var(--surface-skeleton-deep-gradient));}@-webkit-keyframes withSkeleton_66xd8g_loadingWkvmjj8__bb77cc47{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes withSkeleton_66xd8g_loadingWkvmjj8__bb77cc47{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}
 
 .Image_styles_12ttxgz_birej10__83bd03eb{position:relative;display:block;box-sizing:border-box;overflow:hidden;height:inherit;border-radius:inherit;width:var(--plasma_private-image-width);height:var(--plasma_private-image-height);padding-bottom:var(--plasma_private-image-pading-bottom);}
 .Image_styles_12ttxgz_s2ny8jg__83bd03eb{width:100%;height:100%;object-fit:cover;position:absolute;}

package/cjs/mixins/applySkeletonGradient.js

@@ -14,9 +14,9 @@ var getSkeletonColor = function getSkeletonColor(_ref) {
     return customGradientColor.trim();
   }
   if (lighter) {
-    return 'var(--plasma-colors-skeleton-gradient-lighter)';
+    return 'var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient))';
   }
-  return 'var(--plasma-colors-skeleton-gradient)';
+  return 'var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient))';
 };
 
 /**

package/cjs/mixins/applySkeletonGradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"applySkeletonGradient.js","sources":["../../src/mixins/applySkeletonGradient.ts"],"sourcesContent":["export interface SkeletonGradientProps {\n    lighter?: boolean;\n    customGradientColor?: string;\n}\n\n/**\n * Функция для получения значения градиента скелетона\n * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс gradientColor\n * Пример в компоненте Skeleton/LineSkeleton\n */\nexport const getSkeletonColor = ({ lighter, customGradientColor }: SkeletonGradientProps) => {\n    if (customGradientColor) {\n        return customGradientColor.trim();\n    }\n\n    if (lighter) {\n        return 'var(--plasma-colors-skeleton-gradient-lighter)';\n    }\n\n    return 'var(--plasma-colors-skeleton-gradient)';\n};\n\n/**\n * Миксин применения градиента скелетона.\n * gradientColor должно передаваться как css-переменная applySkeletonGradient('var(--gradient-token)')\n */\nexport const applySkeletonGradient = (gradientColor: string) => `\n    position: relative;\n    overflow: hidden;\n    z-index: 1; /* for safari */\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        width: 200vw;\n        height: 100%;\n        animation: loading 4s linear infinite;\n        background-image: ${gradientColor};\n    }\n\n    @keyframes loading {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(100vw);\n        }\n    }\n`;\n"],"names":["getSkeletonColor","_ref","lighter","customGradientColor","trim","applySkeletonGradient","gradientColor","concat"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA1DC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,mBAAmB,GAAAF,IAAA,CAAnBE,mBAAmB,CAAA;AAC3D,EAAA,IAAIA,mBAAmB,EAAE;AACrB,IAAA,OAAOA,mBAAmB,CAACC,IAAI,EAAE,CAAA;AACrC,GAAA;AAEA,EAAA,IAAIF,OAAO,EAAE;AACT,IAAA,OAAO,gDAAgD,CAAA;AAC3D,GAAA;AAEA,EAAA,OAAO,wCAAwC,CAAA;AACnD,EAAC;;AAED;AACA;AACA;AACA;IACaG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,aAAqB,EAAA;EAAA,OAAAC,4TAAAA,CAAAA,MAAA,CAa/BD,aAAa,EAAA,uLAAA,CAAA,CAAA;AAAA;;;;;"}
+{"version":3,"file":"applySkeletonGradient.js","sources":["../../src/mixins/applySkeletonGradient.ts"],"sourcesContent":["export interface SkeletonGradientProps {\n    lighter?: boolean;\n    customGradientColor?: string;\n}\n\n/**\n * Функция для получения значения градиента скелетона\n * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс gradientColor\n * Пример в компоненте Skeleton/LineSkeleton\n */\nexport const getSkeletonColor = ({ lighter, customGradientColor }: SkeletonGradientProps) => {\n    if (customGradientColor) {\n        return customGradientColor.trim();\n    }\n\n    if (lighter) {\n        return 'var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient))';\n    }\n\n    return 'var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient))';\n};\n\n/**\n * Миксин применения градиента скелетона.\n * gradientColor должно передаваться как css-переменная applySkeletonGradient('var(--gradient-token)')\n */\nexport const applySkeletonGradient = (gradientColor: string) => `\n    position: relative;\n    overflow: hidden;\n    z-index: 1; /* for safari */\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        width: 200vw;\n        height: 100%;\n        animation: loading 4s linear infinite;\n        background-image: ${gradientColor};\n    }\n\n    @keyframes loading {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(100vw);\n        }\n    }\n`;\n"],"names":["getSkeletonColor","_ref","lighter","customGradientColor","trim","applySkeletonGradient","gradientColor","concat"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA1DC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,mBAAmB,GAAAF,IAAA,CAAnBE,mBAAmB,CAAA;AAC3D,EAAA,IAAIA,mBAAmB,EAAE;AACrB,IAAA,OAAOA,mBAAmB,CAACC,IAAI,EAAE,CAAA;AACrC,GAAA;AAEA,EAAA,IAAIF,OAAO,EAAE;AACT,IAAA,OAAO,uFAAuF,CAAA;AAClG,GAAA;AAEA,EAAA,OAAO,0EAA0E,CAAA;AACrF,EAAC;;AAED;AACA;AACA;AACA;IACaG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,aAAqB,EAAA;EAAA,OAAAC,4TAAAA,CAAAA,MAAA,CAa/BD,aAAa,EAAA,uLAAA,CAAA,CAAA;AAAA;;;;;"}

package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -19,6 +19,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
+  var _ref2;
   var value = _ref.value,
     contentRight = _ref.contentRight,
     contentLeft = _ref.contentLeft,
@@ -32,7 +33,7 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
     eventKey = _ref.eventKey,
     disabled = _ref.disabled,
     onChange = _ref.onChange;
-  var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
+  var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
     leftPadding = _useState2[0],

package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js

@@ -11,10 +11,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 var StyledHeaderRoot = exports.StyledHeaderRoot = /*#__PURE__*/(0, _base["default"])("header", {
   target: "e1sh9b3j1",
   label: "plasma-new-hope__StyledHeaderRoot"
-})("box-sizing:content-box;width:100%;height:var(", _Header.tokens.headerHeight, ");padding-top:var(", _Header.tokens.headerPaddingTop, ");padding-bottom:var(", _Header.tokens.headerPaddingBottom, ");--header_private-gradient-color:", function (_ref) {
+})("box-sizing:content-box;height:var(", _Header.tokens.headerHeight, ");padding-top:var(", _Header.tokens.headerPaddingTop, ");padding-bottom:var(", _Header.tokens.headerPaddingBottom, ");--header_private-gradient-color:", function (_ref) {
   var $gradientColor = _ref.$gradientColor;
   return String($gradientColor);
-}, ";&.", /*#__PURE__*/String(_Header.classes.headerWithGradient), "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc(\n                var(", _Header.tokens.headerHeight, ") + var(", _Header.tokens.headerPaddingTop, ") + var(", _Header.tokens.headerPaddingBottom, ")\n            );background-image:linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlclJvb3QvSGVhZGVyUm9vdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW9FIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlclJvb3QvSGVhZGVyUm9vdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL0hlYWRlci50b2tlbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZEhlYWRlclJvb3RQcm9wcyB9IGZyb20gJy4vSGVhZGVyUm9vdC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJSb290ID0gc3R5bGVkLmhlYWRlcjxTdHlsZWRIZWFkZXJSb290UHJvcHM+YFxuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVhZGVySGVpZ2h0fSk7XG4gICAgcGFkZGluZy10b3A6IHZhcigke3Rva2Vucy5oZWFkZXJQYWRkaW5nVG9wfSk7XG4gICAgcGFkZGluZy1ib3R0b206IHZhcigke3Rva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfSk7XG5cbiAgICAtLWhlYWRlcl9wcml2YXRlLWdyYWRpZW50LWNvbG9yOiAkeyh7ICRncmFkaWVudENvbG9yIH0pID0+IFN0cmluZygkZ3JhZGllbnRDb2xvcil9O1xuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5oZWFkZXJXaXRoR3JhZGllbnQpfSB7XG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgICAgICAgICB2YXIoJHt0b2tlbnMuaGVhZGVySGVpZ2h0fSkgKyB2YXIoJHt0b2tlbnMuaGVhZGVyUGFkZGluZ1RvcH0pICsgdmFyKCR7dG9rZW5zLmhlYWRlclBhZGRpbmdCb3R0b219KVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxODBkZWcsIHZhcigtLWhlYWRlcl9wcml2YXRlLWdyYWRpZW50LWNvbG9yKSwgcmdiYSgwLCAwLCAwLCAwKSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));
+}, ";&.", /*#__PURE__*/String(_Header.classes.headerWithGradient), "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc(\n                var(", _Header.tokens.headerHeight, ") + var(", _Header.tokens.headerPaddingTop, ") + var(", _Header.tokens.headerPaddingBottom, ")\n            );background-image:linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlclJvb3QvSGVhZGVyUm9vdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW9FIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlclJvb3QvSGVhZGVyUm9vdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL0hlYWRlci50b2tlbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZEhlYWRlclJvb3RQcm9wcyB9IGZyb20gJy4vSGVhZGVyUm9vdC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJSb290ID0gc3R5bGVkLmhlYWRlcjxTdHlsZWRIZWFkZXJSb290UHJvcHM+YFxuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVhZGVySGVpZ2h0fSk7XG4gICAgcGFkZGluZy10b3A6IHZhcigke3Rva2Vucy5oZWFkZXJQYWRkaW5nVG9wfSk7XG4gICAgcGFkZGluZy1ib3R0b206IHZhcigke3Rva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfSk7XG5cbiAgICAtLWhlYWRlcl9wcml2YXRlLWdyYWRpZW50LWNvbG9yOiAkeyh7ICRncmFkaWVudENvbG9yIH0pID0+IFN0cmluZygkZ3JhZGllbnRDb2xvcil9O1xuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5oZWFkZXJXaXRoR3JhZGllbnQpfSB7XG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgICAgICAgICB2YXIoJHt0b2tlbnMuaGVhZGVySGVpZ2h0fSkgKyB2YXIoJHt0b2tlbnMuaGVhZGVyUGFkZGluZ1RvcH0pICsgdmFyKCR7dG9rZW5zLmhlYWRlclBhZGRpbmdCb3R0b219KVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxODBkZWcsIHZhcigtLWhlYWRlcl9wcml2YXRlLWdyYWRpZW50LWNvbG9yKSwgcmdiYSgwLCAwLCAwLCAwKSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));
 var StyledInner = exports.StyledInner = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1sh9b3j0",
   label: "plasma-new-hope__StyledInner"
@@ -24,6 +24,6 @@ var StyledInner = exports.StyledInner = /*#__PURE__*/(0, _base["default"])("div"
 } : {
   name: "m24tjt",
   styles: "position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlclJvb3QvSGVhZGVyUm9vdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0hlYWRlci9IZWFkZXJSb290L0hlYWRlclJvb3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi9IZWFkZXIudG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRIZWFkZXJSb290UHJvcHMgfSBmcm9tICcuL0hlYWRlclJvb3QudHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyUm9vdCA9IHN0eWxlZC5oZWFkZXI8U3R5bGVkSGVhZGVyUm9vdFByb3BzPmBcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlYWRlckhlaWdodH0pO1xuICAgIHBhZGRpbmctdG9wOiB2YXIoJHt0b2tlbnMuaGVhZGVyUGFkZGluZ1RvcH0pO1xuICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMuaGVhZGVyUGFkZGluZ0JvdHRvbX0pO1xuXG4gICAgLS1oZWFkZXJfcHJpdmF0ZS1ncmFkaWVudC1jb2xvcjogJHsoeyAkZ3JhZGllbnRDb2xvciB9KSA9PiBTdHJpbmcoJGdyYWRpZW50Q29sb3IpfTtcbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuaGVhZGVyV2l0aEdyYWRpZW50KX0ge1xuICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgdmFyKCR7dG9rZW5zLmhlYWRlckhlaWdodH0pICsgdmFyKCR7dG9rZW5zLmhlYWRlclBhZGRpbmdUb3B9KSArIHZhcigke3Rva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfSlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCB2YXIoLS1oZWFkZXJfcHJpdmF0ZS1ncmFkaWVudC1jb2xvciksIHJnYmEoMCwgMCwgMCwgMCkpO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlclJvb3QvSGVhZGVyUm9vdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0hlYWRlci9IZWFkZXJSb290L0hlYWRlclJvb3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi9IZWFkZXIudG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRIZWFkZXJSb290UHJvcHMgfSBmcm9tICcuL0hlYWRlclJvb3QudHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyUm9vdCA9IHN0eWxlZC5oZWFkZXI8U3R5bGVkSGVhZGVyUm9vdFByb3BzPmBcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlYWRlckhlaWdodH0pO1xuICAgIHBhZGRpbmctdG9wOiB2YXIoJHt0b2tlbnMuaGVhZGVyUGFkZGluZ1RvcH0pO1xuICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMuaGVhZGVyUGFkZGluZ0JvdHRvbX0pO1xuXG4gICAgLS1oZWFkZXJfcHJpdmF0ZS1ncmFkaWVudC1jb2xvcjogJHsoeyAkZ3JhZGllbnRDb2xvciB9KSA9PiBTdHJpbmcoJGdyYWRpZW50Q29sb3IpfTtcbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuaGVhZGVyV2l0aEdyYWRpZW50KX0ge1xuICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgdmFyKCR7dG9rZW5zLmhlYWRlckhlaWdodH0pICsgdmFyKCR7dG9rZW5zLmhlYWRlclBhZGRpbmdUb3B9KSArIHZhcigke3Rva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfSlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCB2YXIoLS1oZWFkZXJfcHJpdmF0ZS1ncmFkaWVudC1jb2xvciksIHJnYmEoMCwgMCwgMCwgMCkpO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js

@@ -41,7 +41,7 @@ var headerArrowRoot = exports.headerArrowRoot = function headerArrowRoot(Root) {
       size: "s",
       tabIndex: -1,
       className: _Header.classes.headerArrow,
-      value: String(value)
+      value: value
     }, rest), /*#__PURE__*/_react["default"].createElement(_Icon.IconChevronLeft, _extends({
       size: iconSize,
       sizeCustomProperty: _Header.tokens.headerArrowIconSize,

package/emotion/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -37,7 +37,7 @@ var textSkeleton = exports.textSkeleton = function textSkeleton(Component) {
       customGradientColor = _ref.customGradientColor,
       lighter = _ref.lighter,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'body1' : _ref$size,
+      size = _ref$size === void 0 ? 'bodyM' : _ref$size,
       props = _objectWithoutProperties(_ref, _excluded);
     var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -72,8 +72,11 @@ var textSkeleton = exports.textSkeleton = function textSkeleton(Component) {
         setFixedWidth(String(width));
       }
     }, [width, lines]);
+
+    // TODO: Подумать как можно обойти явное приведение типов
+    var ComponentSkeleton = Component;
     return /*#__PURE__*/_react["default"].createElement(_TextSkeleton.StyledTextSkeleton, props, Array.from(Array(lines), function (_, i) {
-      return /*#__PURE__*/_react["default"].createElement(Component, {
+      return /*#__PURE__*/_react["default"].createElement(ComponentSkeleton, {
         key: "line:".concat(i),
         size: size,
         roundness: roundness,

package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx

@@ -1,16 +1,26 @@
-import * as React from 'react';
-import type { ComponentProps } from 'react';
+import React from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 
 import { mergeConfig } from '../../../../engines';
 import { WithTheme, argTypesFromConfig } from '../../../_helpers';
 import { accordionConfig } from '../../../../components/Accordion';
+import { Pin } from '../../../../utils/roundness';
 
 import { config } from './Accordion.config';
 import { Accordion, AccordionItem } from './Accordion';
 
-const meta: Meta<typeof Accordion> = {
+type AccordionItemCustomProps = {
+    type: 'arrow' | 'sign' | 'clear';
+    title: string;
+    body: ReactNode;
+    pin?: Pin;
+};
+
+type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps;
+
+const meta: Meta<AccordionProps> = {
     title: 'plasma_b2c/Accordion',
     decorators: [WithTheme],
     component: Accordion,
@@ -19,8 +29,9 @@ const meta: Meta<typeof Accordion> = {
         view: 'default',
         size: 'm',
         stretching: 'filled',
-        type: 'arrow',
         disabled: false,
+        type: 'arrow',
+        pin: undefined,
         title: 'Как оплатить заправку бонусами СберСпасибо?',
         body:
             'После указания деталей заправки нажмите кнопку «К оплате». Откроется окно оплаты, где вы сможете списать бонусы и оплатить ими до 99% стоимости топлива',
@@ -40,13 +51,27 @@ const meta: Meta<typeof Accordion> = {
                 type: 'select',
             },
         },
+        pin: {
+            options: [
+                'square-square',
+                'square-clear',
+                'clear-square',
+                'clear-clear',
+                'clear-circle',
+                'circle-clear',
+                'circle-circle',
+            ],
+            control: {
+                type: 'select',
+            },
+        },
     },
 };
 
 export default meta;
 
-export const Default: StoryObj<ComponentProps<typeof Accordion>> = {
-    render: (props: ComponentProps<typeof Accordion>) => {
+export const Default: StoryObj<AccordionProps> = {
+    render: (props: AccordionProps) => {
         const args = { ...props, text: undefined };
 
         return (