@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/es/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n    forwardRef<HTMLDivElement, AccordionProps>(\n        (\n            {\n                size,\n                view,\n                stretching = 'filled',\n                defaultActiveEventKey = [],\n                children,\n                disabled,\n                className,\n                singleActive,\n                onChange,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveEventKey);\n\n            const updateValue = (index: number, value?: boolean) => {\n                if (onChange) {\n                    onChange(index, value);\n                }\n                if (singleActive) {\n                    if (value) {\n                        setActiveIndex([index]);\n                    } else {\n                        setActiveIndex([]);\n                    }\n                } else if (value) {\n                    setActiveIndex([index, ...activeIndex]);\n                } else {\n                    const updatedActiveIndex = activeIndex.filter((i) => i !== index);\n                    setActiveIndex(updatedActiveIndex);\n                }\n            };\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.accordionRoot, className)}\n                >\n                    {getChildren(childrenArray, activeIndex, view, disabled, updateValue)}\n                </Root>\n            );\n        },\n    );\n\nexport const accordionConfig = {\n    name: 'Accordion',\n    tag: 'div',\n    layout: accordionRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveEve","defaultActiveEventKey","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","updatedActiveIndex","filter","i","childrenArray","Children","toArray","React","createElement","ref","cx","getChildren","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n    forwardRef<HTMLDivElement, AccordionProps>(\n        (\n            {\n                size,\n                view,\n                stretching = 'filled',\n                defaultActiveEventKey = [],\n                children,\n                disabled,\n                className,\n                singleActive,\n                onChange,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveEventKey);\n\n            const updateValue = (index: number, value?: boolean) => {\n                if (onChange) {\n                    onChange(index, value);\n                }\n                if (singleActive) {\n                    if (value) {\n                        setActiveIndex([index]);\n                    } else {\n                        setActiveIndex([]);\n                    }\n                } else if (value) {\n                    setActiveIndex([index, ...activeIndex]);\n                } else {\n                    const updatedActiveIndex = activeIndex.filter((i) => i !== index);\n                    setActiveIndex(updatedActiveIndex);\n                }\n            };\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.accordionRoot, className)}\n                >\n                    {getChildren(childrenArray, activeIndex, view, disabled, updateValue)}\n                </Root>\n            );\n        },\n    );\n\nexport const accordionConfig = {\n    name: 'Accordion',\n    tag: 'div',\n    layout: accordionRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["accordionRoot","Root","forwardRef","size","view","stretching","defaultActiveEventKey","children","disabled","className","singleActive","onChange","outerRootRef","stretchingClass","classes","activeIndex","setActiveIndex","useState","updateValue","index","value","updatedActiveIndex","filter","i","childrenArray","Children","toArray","React","createElement","ref","cx","getChildren","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;MAYaA,aAAa,GAAIC,IAA2D,iBACrFC,UAAU,CACN,CACI;EACIC,IAAI;EACJC,IAAI;AACJC,EAAAA,UAAU,GAAG,QAAQ;AACrBC,EAAAA,qBAAqB,GAAG,EAAE;EAC1BC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,YAAY;AACZC,EAAAA,QAAAA;AACJ,CAAC,EACDC,YAAY,KACX;AACD,EAAA,MAAMC,eAAe,GAAGC,OAAO,CAAC,CAAGT,EAAAA,UAAU,YAAY,CAAyB,CAAA;EAElF,MAAM,CAACU,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAWX,qBAAqB,CAAC,CAAA;AAE/E,EAAA,MAAMY,WAAW,GAAGA,CAACC,KAAa,EAAEC,KAAe,KAAK;AACpD,IAAA,IAAIT,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACQ,KAAK,EAAEC,KAAK,CAAC,CAAA;AAC1B,KAAA;AACA,IAAA,IAAIV,YAAY,EAAE;AACd,MAAA,IAAIU,KAAK,EAAE;AACPJ,QAAAA,cAAc,CAAC,CAACG,KAAK,CAAC,CAAC,CAAA;AAC3B,OAAC,MAAM;QACHH,cAAc,CAAC,EAAE,CAAC,CAAA;AACtB,OAAA;KACH,MAAM,IAAII,KAAK,EAAE;AACdJ,MAAAA,cAAc,CAAC,CAACG,KAAK,EAAE,GAAGJ,WAAW,CAAC,CAAC,CAAA;AAC3C,KAAC,MAAM;MACH,MAAMM,kBAAkB,GAAGN,WAAW,CAACO,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,KAAK,CAAC,CAAA;MACjEH,cAAc,CAACK,kBAAkB,CAAC,CAAA;AACtC,KAAA;GACH,CAAA;AAED,EAAA,MAAMG,aAAa,GAAGC,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAyB,CAAA;AACxE,EAAA,oBACIoB,KAAA,CAAAC,aAAA,CAAC3B,IAAI,EAAA;AACD4B,IAAAA,GAAG,EAAEjB,YAAa;AAClBT,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,IAAI,EAAEA,IAAK;IACXK,SAAS,EAAEqB,EAAE,CAACjB,eAAe,EAAEC,OAAO,CAACd,aAAa,EAAES,SAAS,CAAA;AAAE,GAAA,EAEhEsB,WAAW,CAACP,aAAa,EAAET,WAAW,EAAEX,IAAI,EAAEI,QAAQ,EAAEU,WAAW,CAClE,CAAC,CAAA;AAEf,CACJ,EAAC;AAEE,MAAMc,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,aAAa;EACrBoC,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjC,IAAAA,IAAI,EAAE;AACFkC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpC,IAAAA,IAAI,EAAE;AACFmC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Accordion/Accordion.styles.js

@@ -1,5 +1,5 @@
 import './Accordion.styles_rsiff6.css';
-var base = "bjv6ypd";
+const base = "bjv6ypd";
 
 export { base };
 //# sourceMappingURL=Accordion.styles.js.map

package/es/components/Accordion/Accordion.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.styles.js","sources":["../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Accordion.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.accordionGap});\n    align-items: stretch;\n    height: auto;\n    background: var(${tokens.accordionBackground});\n\n    &.${classes.fixedStretching} {\n        width: var(${tokens.accordionWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAchB;;;;"}
+{"version":3,"file":"Accordion.styles.js","sources":["../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Accordion.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.accordionGap});\n    align-items: stretch;\n    height: auto;\n    background: var(${tokens.accordionBackground});\n\n    &.${classes.fixedStretching} {\n        width: var(${tokens.accordionWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,MAAMA,IAAI,GAchB;;;;"}

package/es/components/Accordion/Accordion.tokens.js

@@ -1,4 +1,4 @@
-var classes = {
+const classes = {
   filledStretching: 'accordion-stretching-filled',
   fixedStretching: 'accordion-stretching-fixed',
   accordionRoot: 'accordion-root',
@@ -10,7 +10,7 @@ var classes = {
   accordionDisabled: 'accordion-disabled',
   accordionItemBody: 'accordion-item-body'
 };
-var tokens = {
+const tokens = {
   accordionGap: '--plasma-accordion-gap',
   accordionWidth: '--plasma-accordion-width',
   accordionBackground: '--plasma-accordion-background',

package/es/components/Accordion/Accordion.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.tokens.js","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"sourcesContent":["export const classes = {\n    filledStretching: 'accordion-stretching-filled',\n    fixedStretching: 'accordion-stretching-fixed',\n    accordionRoot: 'accordion-root',\n    accordionItem: 'accordion-item',\n    accordionItemOpened: 'accordion-item-opened',\n    clearAccordionItem: 'clear-accordion-item',\n    accordionItemShowBody: 'accordion-item-show-body',\n    accordionPlusAnimationElement: 'accordion-plus-animation-element',\n    accordionDisabled: 'accordion-disabled',\n    accordionItemBody: 'accordion-item-body',\n};\n\nexport const tokens = {\n    accordionGap: '--plasma-accordion-gap',\n    accordionWidth: '--plasma-accordion-width',\n    accordionBackground: '--plasma-accordion-background',\n\n    accordionItemBackground: '--plasma-accordion-item-background',\n    accordionItemShadow: '--plasma-accordion-item-shadow',\n    accordionItemBorderRadius: '--plasma-accordion-item-border-radius',\n    accordionItemPadding: '--plasma-accordion-item-padding',\n    accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',\n    accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',\n    accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',\n    accordionItemBodyPaddingBottom: '--plasma-accordion-item-body-padding-bottom',\n    accordionItemGap: '--plasma-accordion-item-gap',\n    accordionItemFocus: '--plasma-accordion-item-focus',\n    accordionItemBorder: '--plasma-accordion-item-border',\n    accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',\n    accordionItemIconColor: '--plasma-accordion-item-color-icon',\n    accordionItemIconSize: '--plasma-accordion-item-icon-size',\n\n    accordionItemHeaderLeftGap: '--plasma-accordion-item-header-left-gap',\n    accordionItemHeaderLeftGapDefault: '--plasma-accordion-item-header-left-gap-default',\n    accordionItemHeaderLeftGapClear: '--plasma-accordion-item-header-left-gap-clear',\n\n    accordionItemTitleColor: '--plasma-accordion-item-title-color',\n    accordionItemOpenedTitleColor: '--plasma-accordion-item-title-opened-color',\n    accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',\n    accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',\n    accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',\n    accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',\n    accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',\n    accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',\n\n    accordionItemTextColor: '--plasma-accordion-item-text-color',\n    accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',\n    accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',\n    accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',\n    accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',\n    accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',\n    accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height',\n};\n"],"names":["classes","filledStretching","fixedStretching","accordionRoot","accordionItem","accordionItemOpened","clearAccordionItem","accordionItemShowBody","accordionPlusAnimationElement","accordionDisabled","accordionItemBody","tokens","accordionGap","accordionWidth","accordionBackground","accordionItemBackground","accordionItemShadow","accordionItemBorderRadius","accordionItemPadding","accordionItemPaddingVertical","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","accordionItemBodyPaddingBottom","accordionItemGap","accordionItemFocus","accordionItemBorder","accordionItemBorderBottom","accordionItemIconColor","accordionItemIconSize","accordionItemHeaderLeftGap","accordionItemHeaderLeftGapDefault","accordionItemHeaderLeftGapClear","accordionItemTitleColor","accordionItemOpenedTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontStyle","accordionItemTitleFontWeight","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontStyle","accordionItemTextFontWeight","accordionItemTextLetterSpacing","accordionItemTextLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5CC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,6BAA6B,EAAE,kCAAkC;AACjEC,EAAAA,iBAAiB,EAAE,oBAAoB;AACvCC,EAAAA,iBAAiB,EAAE,qBAAA;AACvB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,mBAAmB,EAAE,+BAA+B;AAEpDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,8BAA8B,EAAE,4CAA4C;AAC5EC,EAAAA,kCAAkC,EAAE,iDAAiD;AACrFC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,iCAAiC,EAAE,iDAAiD;AACpFC,EAAAA,+BAA+B,EAAE,+CAA+C;AAEhFC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,6BAA6B,EAAE,4CAA4C;AAC3EC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,+BAA+B,EAAE,8CAA8C;AAC/EC,EAAAA,4BAA4B,EAAE,2CAA2C;AAEzEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;"}
+{"version":3,"file":"Accordion.tokens.js","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"sourcesContent":["export const classes = {\n    filledStretching: 'accordion-stretching-filled',\n    fixedStretching: 'accordion-stretching-fixed',\n    accordionRoot: 'accordion-root',\n    accordionItem: 'accordion-item',\n    accordionItemOpened: 'accordion-item-opened',\n    clearAccordionItem: 'clear-accordion-item',\n    accordionItemShowBody: 'accordion-item-show-body',\n    accordionPlusAnimationElement: 'accordion-plus-animation-element',\n    accordionDisabled: 'accordion-disabled',\n    accordionItemBody: 'accordion-item-body',\n};\n\nexport const tokens = {\n    accordionGap: '--plasma-accordion-gap',\n    accordionWidth: '--plasma-accordion-width',\n    accordionBackground: '--plasma-accordion-background',\n\n    accordionItemBackground: '--plasma-accordion-item-background',\n    accordionItemShadow: '--plasma-accordion-item-shadow',\n    accordionItemBorderRadius: '--plasma-accordion-item-border-radius',\n    accordionItemPadding: '--plasma-accordion-item-padding',\n    accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',\n    accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',\n    accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',\n    accordionItemBodyPaddingBottom: '--plasma-accordion-item-body-padding-bottom',\n    accordionItemGap: '--plasma-accordion-item-gap',\n    accordionItemFocus: '--plasma-accordion-item-focus',\n    accordionItemBorder: '--plasma-accordion-item-border',\n    accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',\n    accordionItemIconColor: '--plasma-accordion-item-color-icon',\n    accordionItemIconSize: '--plasma-accordion-item-icon-size',\n\n    accordionItemHeaderLeftGap: '--plasma-accordion-item-header-left-gap',\n    accordionItemHeaderLeftGapDefault: '--plasma-accordion-item-header-left-gap-default',\n    accordionItemHeaderLeftGapClear: '--plasma-accordion-item-header-left-gap-clear',\n\n    accordionItemTitleColor: '--plasma-accordion-item-title-color',\n    accordionItemOpenedTitleColor: '--plasma-accordion-item-title-opened-color',\n    accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',\n    accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',\n    accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',\n    accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',\n    accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',\n    accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',\n\n    accordionItemTextColor: '--plasma-accordion-item-text-color',\n    accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',\n    accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',\n    accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',\n    accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',\n    accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',\n    accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height',\n};\n"],"names":["classes","filledStretching","fixedStretching","accordionRoot","accordionItem","accordionItemOpened","clearAccordionItem","accordionItemShowBody","accordionPlusAnimationElement","accordionDisabled","accordionItemBody","tokens","accordionGap","accordionWidth","accordionBackground","accordionItemBackground","accordionItemShadow","accordionItemBorderRadius","accordionItemPadding","accordionItemPaddingVertical","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","accordionItemBodyPaddingBottom","accordionItemGap","accordionItemFocus","accordionItemBorder","accordionItemBorderBottom","accordionItemIconColor","accordionItemIconSize","accordionItemHeaderLeftGap","accordionItemHeaderLeftGapDefault","accordionItemHeaderLeftGapClear","accordionItemTitleColor","accordionItemOpenedTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontStyle","accordionItemTitleFontWeight","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontStyle","accordionItemTextFontWeight","accordionItemTextLetterSpacing","accordionItemTextLineHeight"],"mappings":"AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5CC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,6BAA6B,EAAE,kCAAkC;AACjEC,EAAAA,iBAAiB,EAAE,oBAAoB;AACvCC,EAAAA,iBAAiB,EAAE,qBAAA;AACvB,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,mBAAmB,EAAE,+BAA+B;AAEpDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,8BAA8B,EAAE,4CAA4C;AAC5EC,EAAAA,kCAAkC,EAAE,iDAAiD;AACrFC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,iCAAiC,EAAE,iDAAiD;AACpFC,EAAAA,+BAA+B,EAAE,+CAA+C;AAEhFC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,6BAA6B,EAAE,4CAA4C;AAC3EC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,+BAA+B,EAAE,8CAA8C;AAC/EC,EAAAA,4BAA4B,EAAE,2CAA2C;AAEzEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;"}

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

@@ -1,38 +1,31 @@
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { convertRoundnessMatrix } from '../../../../utils/roundness.js';
 import { classes, tokens } from '../../Accordion.tokens.js';
 import { cx } from '../../../../utils/index.js';
 import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionContentLeft, StyledAccordionTitle, StyledAccordionContentRight, StyledAccordionBodyAnimate, StyledAccordionBody, StyledArrow, StyledPlus, StyledMinus } from './AccordionItem.styles.js';
 
-var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-  var _ref2;
-  var value = _ref.value,
-    contentRight = _ref.contentRight,
-    contentLeft = _ref.contentLeft,
-    title = _ref.title,
-    _ref$pin = _ref.pin,
-    pin = _ref$pin === void 0 ? 'square-square' : _ref$pin,
-    children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'sign' : _ref$type,
-    index = _ref.index,
-    className = _ref.className,
-    style = _ref.style,
-    eventKey = _ref.eventKey,
-    disabled = _ref.disabled,
-    _ref$alignWithTitle = _ref.alignWithTitle,
-    alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
-    opened = _ref.opened,
-    view = _ref.view,
-    onChange = _ref.onChange,
-    onClick = _ref.onClick;
-  var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    leftPadding = _useState2[0],
-    setLeftPadding = _useState2[1];
-  var handleOpen = function handleOpen() {
+const AccordionItem = /*#__PURE__*/forwardRef(({
+  value,
+  contentRight,
+  contentLeft,
+  title,
+  pin = 'square-square',
+  children,
+  type = 'sign',
+  index,
+  className,
+  style,
+  eventKey,
+  disabled,
+  alignWithTitle = true,
+  opened,
+  view,
+  onChange,
+  onClick
+}, outerRef) => {
+  const key = eventKey ?? index ?? 0;
+  const [leftPadding, setLeftPadding] = useState();
+  const handleOpen = () => {
     if (disabled) {
       return;
     }
@@ -43,68 +36,66 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
       onClick(key, !value);
     }
   };
-  var leftContentRef = useRef(null);
-  useEffect(function () {
-    var _leftContentRef$curre, _leftContentRef$curre2;
-    var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
-    var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
+  const leftContentRef = useRef(null);
+  useEffect(() => {
+    const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;
+    const leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
-  var openedBodyClass = (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
-  var StyledAnimationPlus = function StyledAnimationPlus() {
-    return /*#__PURE__*/React.createElement(StyledPlus, null, /*#__PURE__*/React.createElement(StyledMinus, {
-      size: "xs",
-      color: "inherit",
-      sizeCustomProperty: tokens.accordionItemIconSize
-    }), /*#__PURE__*/React.createElement(StyledMinus, {
-      size: "xs",
-      color: "inherit",
-      className: openedBodyClass !== null && openedBodyClass !== void 0 ? openedBodyClass : classes.accordionPlusAnimationElement,
-      sizeCustomProperty: tokens.accordionItemIconSize
-    }));
-  };
-  var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"), '1.5rem');
-  var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemOpened : '';
-  var disabledClass = disabled ? classes.accordionDisabled : '';
-  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/React.createElement(StyledArrow, {
+  const openedBodyClass = opened ?? value ? classes.accordionItemShowBody : undefined;
+  const StyledAnimationPlus = () => /*#__PURE__*/React.createElement(StyledPlus, null, /*#__PURE__*/React.createElement(StyledMinus, {
     size: "xs",
     color: "inherit",
     sizeCustomProperty: tokens.accordionItemIconSize
-  }) : undefined;
-  var leftContentRotate = type === 'arrow' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
-  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPlus, null) : undefined;
-  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
+  }), /*#__PURE__*/React.createElement(StyledMinus, {
+    size: "xs",
+    color: "inherit",
+    className: openedBodyClass ?? classes.accordionPlusAnimationElement,
+    sizeCustomProperty: tokens.accordionItemIconSize
+  }));
+  const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');
+  const openedClass = opened ?? value ? classes.accordionItemOpened : '';
+  const disabledClass = disabled ? classes.accordionDisabled : '';
+  const leftContent = contentLeft ?? (type === 'arrow' ? /*#__PURE__*/React.createElement(StyledArrow, {
+    size: "xs",
+    color: "inherit",
+    sizeCustomProperty: tokens.accordionItemIconSize
+  }) : undefined);
+  const leftContentRotate = type === 'arrow' && (opened ?? value) ? classes.accordionItemShowBody : undefined;
+  const rightContent = contentRight ?? (type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPlus, null) : undefined);
+  const rightContentRotate = type === 'sign' && (opened ?? value) ? classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/React.createElement(StyledAccordionItem, {
     className: cx(classes.accordionItem, className, openedClass, disabledClass),
     key: key,
     ref: outerRef,
-    style: _objectSpread2({
-      borderRadius: accordionBorderRadius
-    }, style)
+    style: {
+      borderRadius: accordionBorderRadius,
+      ...style
+    }
   }, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
     role: "tab",
-    onKeyDown: function onKeyDown(e) {
+    onKeyDown: e => {
       if (e.key === 'Enter') {
         handleOpen();
       }
     },
     tabIndex: 0,
     onClick: handleOpen,
-    "aria-expanded": opened !== null && opened !== void 0 ? opened : value,
-    "aria-controls": "accordion-item-section".concat(key),
-    id: "accordion-item-".concat(key)
+    "aria-expanded": opened ?? value,
+    "aria-controls": `accordion-item-section${key}`,
+    id: `accordion-item-${key}`
   }, /*#__PURE__*/React.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(StyledAccordionContentLeft, {
     ref: leftContentRef,
     className: leftContentRotate
   }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, title)), contentRight || rightContent && /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
     className: rightContentRotate
   }, rightContent && rightContent)), /*#__PURE__*/React.createElement(StyledAccordionBodyAnimate, {
-    "aria-labelledby": "accordion-item-".concat(key),
-    "aria-hidden": !(opened !== null && opened !== void 0 ? opened : value),
-    id: "accordion-item-section".concat(key),
+    "aria-labelledby": `accordion-item-${key}`,
+    "aria-hidden": !(opened ?? value),
+    id: `accordion-item-section${key}`,
     className: cx(openedBodyClass),
     style: {
-      paddingLeft: "".concat(leftPadding)
+      paddingLeft: `${leftPadding}`
     }
   }, /*#__PURE__*/React.createElement(StyledAccordionBody, {
     className: classes.accordionItemBody

package/es/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, { useState, useRef, forwardRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { cx } from '../../../../utils';\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 = forwardRef<HTMLDivElement, AccordionItemProps>(\n    (\n        {\n            value,\n            contentRight,\n            contentLeft,\n            title,\n            pin = 'square-square',\n            children,\n            type = 'sign',\n            index,\n            className,\n            style,\n            eventKey,\n            disabled,\n            alignWithTitle = true,\n            opened,\n            view,\n            onChange,\n            onClick,\n        },\n        outerRef,\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            if (onClick) {\n                onClick(key, !value);\n            }\n        };\n\n        const leftContentRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n            const leftPaddingBody =\n                leftContentWidth && (alignWithTitle || view === 'clear')\n                    ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))`\n                    : 0;\n            setLeftPadding(leftPaddingBody);\n        }, [value, type, leftContentRef, setLeftPadding]);\n\n        const openedBodyClass = opened ?? value ? classes.accordionItemShowBody : undefined;\n\n        const StyledAnimationPlus = () => (\n            <StyledPlus>\n                <StyledMinus size=\"xs\" color=\"inherit\" sizeCustomProperty={tokens.accordionItemIconSize} />\n                <StyledMinus\n                    size=\"xs\"\n                    color=\"inherit\"\n                    className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n                    sizeCustomProperty={tokens.accordionItemIconSize}\n                />\n            </StyledPlus>\n        );\n\n        const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n        const openedClass = opened ?? value ? classes.accordionItemOpened : '';\n        const disabledClass = disabled ? classes.accordionDisabled : '';\n\n        const leftContent =\n            contentLeft ??\n            (type === 'arrow' ? (\n                <StyledArrow size=\"xs\" color=\"inherit\" sizeCustomProperty={tokens.accordionItemIconSize} />\n            ) : undefined);\n        const leftContentRotate = type === 'arrow' && (opened ?? value) ? classes.accordionItemShowBody : undefined;\n\n        const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPlus /> : undefined);\n        const rightContentRotate = type === 'sign' && (opened ?? value) ? classes.accordionItemShowBody : undefined;\n\n        return (\n            <StyledAccordionItem\n                className={cx(classes.accordionItem, className, openedClass, disabledClass)}\n                key={key}\n                ref={outerRef}\n                style={{ borderRadius: accordionBorderRadius, ...style }}\n            >\n                <StyledAccordionHeader\n                    role=\"tab\"\n                    onKeyDown={(e) => {\n                        if (e.key === 'Enter') {\n                            handleOpen();\n                        }\n                    }}\n                    tabIndex={0}\n                    onClick={handleOpen}\n                    aria-expanded={opened ?? 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                    {contentRight ||\n                        (rightContent && (\n                            <StyledAccordionContentRight className={rightContentRotate}>\n                                {rightContent && rightContent}\n                            </StyledAccordionContentRight>\n                        ))}\n                </StyledAccordionHeader>\n                <StyledAccordionBodyAnimate\n                    aria-labelledby={`accordion-item-${key}`}\n                    aria-hidden={!(opened ?? value)}\n                    id={`accordion-item-section${key}`}\n                    className={cx(openedBodyClass)}\n                    style={{ paddingLeft: `${leftPadding}` }}\n                >\n                    <StyledAccordionBody className={classes.accordionItemBody}>{children}</StyledAccordionBody>\n                </StyledAccordionBodyAnimate>\n            </StyledAccordionItem>\n        );\n    },\n);\n"],"names":["AccordionItem","forwardRef","_ref","outerRef","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","className","style","eventKey","disabled","_ref$alignWithTitle","alignWithTitle","opened","view","onChange","onClick","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","size","color","sizeCustomProperty","accordionItemIconSize","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","openedClass","accordionItemOpened","disabledClass","accordionDisabled","leftContent","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","cx","accordionItem","ref","_objectSpread","borderRadius","StyledAccordionHeader","role","onKeyDown","e","tabIndex","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody","accordionItemBody"],"mappings":";;;;;;;AAqBO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAoBIC,QAAQ,EACP;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAnBGC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAAC,QAAA,GAAAP,IAAA,CACLQ,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,eAAe,GAAAA,QAAA;IACrBE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IAAAC,SAAA,GAAAV,IAAA,CACRW,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IACbE,KAAK,GAAAZ,IAAA,CAALY,KAAK;IACLC,SAAS,GAAAb,IAAA,CAATa,SAAS;IACTC,KAAK,GAAAd,IAAA,CAALc,KAAK;IACLC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,QAAQ,GAAAhB,IAAA,CAARgB,QAAQ;IAAAC,mBAAA,GAAAjB,IAAA,CACRkB,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,IAAI,GAAApB,IAAA,CAAJoB,IAAI;IACJC,QAAQ,GAAArB,IAAA,CAARqB,QAAQ;IACRC,OAAO,GAAAtB,IAAA,CAAPsB,OAAO,CAAA;AAIX,EAAA,IAAMC,GAAG,GAAArB,CAAAA,KAAA,GAAGa,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIH,KAAK,MAAAV,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,CAAC,CAAA;AAElC,EAAA,IAAAsB,SAAA,GAAsCC,QAAQ,EAA0B;IAAAC,UAAA,GAAAC,cAAA,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,IAAId,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIK,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACE,GAAG,EAAE,CAACpB,KAAK,CAAC,CAAA;AACzB,KAAA;AACA,IAAA,IAAImB,OAAO,EAAE;AACTA,MAAAA,OAAO,CAACC,GAAG,EAAE,CAACpB,KAAK,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,IAAM4B,cAAc,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEnDC,EAAAA,SAAS,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;IAClE,IAAMK,eAAe,GACjBH,gBAAgB,KAAKlB,cAAc,IAAIE,IAAI,KAAK,OAAO,CAAC,WAAAoB,MAAA,CAC1CJ,gBAAgB,EAAAI,WAAAA,CAAAA,CAAAA,MAAA,CAAYC,MAAM,CAACC,gBAAgB,EAAA,IAAA,CAAA,GAC3D,CAAC,CAAA;IACXb,cAAc,CAACU,eAAe,CAAC,CAAA;GAClC,EAAE,CAACpC,KAAK,EAAEQ,IAAI,EAAEoB,cAAc,EAAEF,cAAc,CAAC,CAAC,CAAA;AAEjD,EAAA,IAAMc,eAAe,GAAG,CAAAxB,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIhB,KAAK,IAAGyC,OAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;AAEnF,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAA;IAAA,oBACrBC,KAAA,CAAAC,aAAA,CAACC,UAAU,qBACPF,KAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACC,kBAAkB,EAAEb,MAAM,CAACc,qBAAAA;AAAsB,KAAE,CAAC,eAC3FP,KAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,KAAK,EAAC,SAAS;MACfxC,SAAS,EAAE8B,eAAe,KAAfA,IAAAA,IAAAA,eAAe,cAAfA,eAAe,GAAIC,OAAO,CAACY,6BAA8B;MACpEF,kBAAkB,EAAEb,MAAM,CAACc,qBAAAA;AAAsB,KACpD,CACO,CAAC,CAAA;GAChB,CAAA;AAED,EAAA,IAAME,qBAAqB,GAAGC,sBAAsB,CAAClD,GAAG,EAAA,MAAA,CAAAgC,MAAA,CAASC,MAAM,CAACkB,yBAAyB,EAAA,GAAA,CAAA,EAAK,QAAQ,CAAC,CAAA;AAC/G,EAAA,IAAMC,WAAW,GAAG,CAAAzC,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIhB,KAAK,IAAGyC,OAAO,CAACiB,mBAAmB,GAAG,EAAE,CAAA;EACtE,IAAMC,aAAa,GAAG9C,QAAQ,GAAG4B,OAAO,CAACmB,iBAAiB,GAAG,EAAE,CAAA;AAE/D,EAAA,IAAMC,WAAW,GACb3D,WAAW,KAAXA,IAAAA,IAAAA,WAAW,cAAXA,WAAW,GACVM,IAAI,KAAK,OAAO,gBACbqC,KAAA,CAAAC,aAAA,CAACgB,WAAW,EAAA;AAACb,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,KAAK,EAAC,SAAS;IAACC,kBAAkB,EAAEb,MAAM,CAACc,qBAAAA;GAAwB,CAAC,GAC3FT,SAAU,CAAA;AAClB,EAAA,IAAMoB,iBAAiB,GAAGvD,IAAI,KAAK,OAAO,KAAKQ,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GAAIhB,KAAK,CAAC,GAAGyC,OAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;EAE3G,IAAMqB,YAAY,GAAG/D,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAKO,IAAI,KAAK,MAAM,gBAAGqC,KAAA,CAAAC,aAAA,CAACF,mBAAmB,EAAE,IAAA,CAAC,GAAGD,SAAU,CAAA;AAC5F,EAAA,IAAMsB,kBAAkB,GAAGzD,IAAI,KAAK,MAAM,KAAKQ,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GAAIhB,KAAK,CAAC,GAAGyC,OAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;AAE3G,EAAA,oBACIE,KAAA,CAAAC,aAAA,CAACoB,mBAAmB,EAAA;AAChBxD,IAAAA,SAAS,EAAEyD,EAAE,CAAC1B,OAAO,CAAC2B,aAAa,EAAE1D,SAAS,EAAE+C,WAAW,EAAEE,aAAa,CAAE;AAC5EvC,IAAAA,GAAG,EAAEA,GAAI;AACTiD,IAAAA,GAAG,EAAEvE,QAAS;AACda,IAAAA,KAAK,EAAA2D,cAAA,CAAA;AAAIC,MAAAA,YAAY,EAAEjB,qBAAAA;AAAqB,KAAA,EAAK3C,KAAK,CAAA;AAAG,GAAA,eAEzDkC,KAAA,CAAAC,aAAA,CAAC0B,qBAAqB,EAAA;AAClBC,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,SAAS,EAAE,SAAAA,SAACC,CAAAA,CAAC,EAAK;AACd,MAAA,IAAIA,CAAC,CAACvD,GAAG,KAAK,OAAO,EAAE;AACnBO,QAAAA,UAAU,EAAE,CAAA;AAChB,OAAA;KACF;AACFiD,IAAAA,QAAQ,EAAE,CAAE;AACZzD,IAAAA,OAAO,EAAEQ,UAAW;AACpB,IAAA,eAAA,EAAeX,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,MAAM,GAAIhB,KAAM;IAC/B,eAAAqC,EAAAA,wBAAAA,CAAAA,MAAA,CAAwCjB,GAAG,CAAG;IAC9CyD,EAAE,EAAA,iBAAA,CAAAxC,MAAA,CAAoBjB,GAAG,CAAA;AAAG,GAAA,eAE5ByB,KAAA,CAAAC,aAAA,CAACgC,yBAAyB,EAAA,IAAA,EACrBjB,WAAW,iBACRhB,KAAA,CAAAC,aAAA,CAACiC,0BAA0B,EAAA;AAACV,IAAAA,GAAG,EAAEzC,cAAe;AAAClB,IAAAA,SAAS,EAAEqD,iBAAAA;GACvDF,EAAAA,WACuB,CAC/B,eACDhB,KAAA,CAAAC,aAAA,CAACkC,oBAAoB,EAAE7E,IAAAA,EAAAA,KAA4B,CAC5B,CAAC,EAE3BF,YAAY,IACR+D,YAAY,iBACTnB,KAAA,CAAAC,aAAA,CAACmC,2BAA2B,EAAA;AAACvE,IAAAA,SAAS,EAAEuD,kBAAAA;GACnCD,EAAAA,YAAY,IAAIA,YACQ,CAElB,CAAC,eACxBnB,KAAA,CAAAC,aAAA,CAACoC,0BAA0B,EAAA;IACvB,iBAAA7C,EAAAA,iBAAAA,CAAAA,MAAA,CAAmCjB,GAAG,CAAG;IACzC,aAAa,EAAA,EAAEJ,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GAAIhB,KAAK,CAAE;AAChC6E,IAAAA,EAAE,EAAAxC,wBAAAA,CAAAA,MAAA,CAA2BjB,GAAG,CAAG;AACnCV,IAAAA,SAAS,EAAEyD,EAAE,CAAC3B,eAAe,CAAE;AAC/B7B,IAAAA,KAAK,EAAE;MAAEwE,WAAW,EAAA,EAAA,CAAA9C,MAAA,CAAKZ,WAAW,CAAA;AAAG,KAAA;AAAE,GAAA,eAEzCoB,KAAA,CAAAC,aAAA,CAACsC,mBAAmB,EAAA;IAAC1E,SAAS,EAAE+B,OAAO,CAAC4C,iBAAAA;GAAoB/E,EAAAA,QAA8B,CAClE,CACX,CAAC,CAAA;AAE9B,CACJ;;;;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { cx } from '../../../../utils';\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 = forwardRef<HTMLDivElement, AccordionItemProps>(\n    (\n        {\n            value,\n            contentRight,\n            contentLeft,\n            title,\n            pin = 'square-square',\n            children,\n            type = 'sign',\n            index,\n            className,\n            style,\n            eventKey,\n            disabled,\n            alignWithTitle = true,\n            opened,\n            view,\n            onChange,\n            onClick,\n        },\n        outerRef,\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            if (onClick) {\n                onClick(key, !value);\n            }\n        };\n\n        const leftContentRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n            const leftPaddingBody =\n                leftContentWidth && (alignWithTitle || view === 'clear')\n                    ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))`\n                    : 0;\n            setLeftPadding(leftPaddingBody);\n        }, [value, type, leftContentRef, setLeftPadding]);\n\n        const openedBodyClass = opened ?? value ? classes.accordionItemShowBody : undefined;\n\n        const StyledAnimationPlus = () => (\n            <StyledPlus>\n                <StyledMinus size=\"xs\" color=\"inherit\" sizeCustomProperty={tokens.accordionItemIconSize} />\n                <StyledMinus\n                    size=\"xs\"\n                    color=\"inherit\"\n                    className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n                    sizeCustomProperty={tokens.accordionItemIconSize}\n                />\n            </StyledPlus>\n        );\n\n        const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n        const openedClass = opened ?? value ? classes.accordionItemOpened : '';\n        const disabledClass = disabled ? classes.accordionDisabled : '';\n\n        const leftContent =\n            contentLeft ??\n            (type === 'arrow' ? (\n                <StyledArrow size=\"xs\" color=\"inherit\" sizeCustomProperty={tokens.accordionItemIconSize} />\n            ) : undefined);\n        const leftContentRotate = type === 'arrow' && (opened ?? value) ? classes.accordionItemShowBody : undefined;\n\n        const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPlus /> : undefined);\n        const rightContentRotate = type === 'sign' && (opened ?? value) ? classes.accordionItemShowBody : undefined;\n\n        return (\n            <StyledAccordionItem\n                className={cx(classes.accordionItem, className, openedClass, disabledClass)}\n                key={key}\n                ref={outerRef}\n                style={{ borderRadius: accordionBorderRadius, ...style }}\n            >\n                <StyledAccordionHeader\n                    role=\"tab\"\n                    onKeyDown={(e) => {\n                        if (e.key === 'Enter') {\n                            handleOpen();\n                        }\n                    }}\n                    tabIndex={0}\n                    onClick={handleOpen}\n                    aria-expanded={opened ?? 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                    {contentRight ||\n                        (rightContent && (\n                            <StyledAccordionContentRight className={rightContentRotate}>\n                                {rightContent && rightContent}\n                            </StyledAccordionContentRight>\n                        ))}\n                </StyledAccordionHeader>\n                <StyledAccordionBodyAnimate\n                    aria-labelledby={`accordion-item-${key}`}\n                    aria-hidden={!(opened ?? value)}\n                    id={`accordion-item-section${key}`}\n                    className={cx(openedBodyClass)}\n                    style={{ paddingLeft: `${leftPadding}` }}\n                >\n                    <StyledAccordionBody className={classes.accordionItemBody}>{children}</StyledAccordionBody>\n                </StyledAccordionBodyAnimate>\n            </StyledAccordionItem>\n        );\n    },\n);\n"],"names":["AccordionItem","forwardRef","value","contentRight","contentLeft","title","pin","children","type","index","className","style","eventKey","disabled","alignWithTitle","opened","view","onChange","onClick","outerRef","key","leftPadding","setLeftPadding","useState","handleOpen","leftContentRef","useRef","useEffect","leftContentWidth","current","offsetWidth","leftPaddingBody","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPlus","React","createElement","StyledPlus","StyledMinus","size","color","sizeCustomProperty","accordionItemIconSize","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","openedClass","accordionItemOpened","disabledClass","accordionDisabled","leftContent","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","cx","accordionItem","ref","borderRadius","StyledAccordionHeader","role","onKeyDown","e","tabIndex","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody","accordionItemBody"],"mappings":"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"}

package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -3,65 +3,61 @@ import { styled } from '@linaria/react';
 import { IconChevronDownFill } from '../../../_Icon/Icons/IconChevronDownFill.js';
 import { IconMinus } from '../../../_Icon/Icons/IconMinus.js';
 
-var StyledAccordionHeader = /*#__PURE__*/styled('div')({
+const StyledAccordionHeader = /*#__PURE__*/styled('div')({
   name: "StyledAccordionHeader",
-  "class": "s1d847tf",
+  class: "s1d847tf",
   propsAsIs: false
 });
-var StyledAccordionHeaderLeft = /*#__PURE__*/styled('div')({
+const StyledAccordionHeaderLeft = /*#__PURE__*/styled('div')({
   name: "StyledAccordionHeaderLeft",
-  "class": "s18inj31",
+  class: "s18inj31",
   propsAsIs: false
 });
-var StyledAccordionContentRight = /*#__PURE__*/styled('div')({
+const StyledAccordionContentRight = /*#__PURE__*/styled('div')({
   name: "StyledAccordionContentRight",
-  "class": "s1kvo44v",
+  class: "s1kvo44v",
   propsAsIs: false
 });
-var StyledAccordionContentLeft = /*#__PURE__*/styled('div')({
+const StyledAccordionContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledAccordionContentLeft",
-  "class": "s2tqnbp",
+  class: "s2tqnbp",
   propsAsIs: false
 });
-var StyledAccordionTitle = /*#__PURE__*/styled('div')({
+const StyledAccordionTitle = /*#__PURE__*/styled('div')({
   name: "StyledAccordionTitle",
-  "class": "s11daj3x",
+  class: "s11daj3x",
   propsAsIs: false
 });
-var StyledAccordionBodyAnimate = /*#__PURE__*/styled('div')({
+const StyledAccordionBodyAnimate = /*#__PURE__*/styled('div')({
   name: "StyledAccordionBodyAnimate",
-  "class": "sy09zp7",
+  class: "sy09zp7",
   propsAsIs: false
 });
-var StyledAccordionBody = /*#__PURE__*/styled('div')({
+const StyledAccordionBody = /*#__PURE__*/styled('div')({
   name: "StyledAccordionBody",
-  "class": "sbzgv9z",
+  class: "sbzgv9z",
   propsAsIs: false
 });
-var _exp28 = function _exp28() {
-  return IconChevronDownFill;
-};
-var StyledArrow = /*#__PURE__*/styled(_exp28())({
+const _exp28 = /*#__PURE__*/() => IconChevronDownFill;
+const StyledArrow = /*#__PURE__*/styled(_exp28())({
   name: "StyledArrow",
-  "class": "s1ewkyyv",
+  class: "s1ewkyyv",
   propsAsIs: true
 });
-var _exp30 = function _exp30() {
-  return IconMinus;
-};
-var StyledMinus = /*#__PURE__*/styled(_exp30())({
+const _exp30 = /*#__PURE__*/() => IconMinus;
+const StyledMinus = /*#__PURE__*/styled(_exp30())({
   name: "StyledMinus",
-  "class": "s15qiue1",
+  class: "s15qiue1",
   propsAsIs: true
 });
-var StyledPlus = /*#__PURE__*/styled('div')({
+const StyledPlus = /*#__PURE__*/styled('div')({
   name: "StyledPlus",
-  "class": "syldew1",
+  class: "syldew1",
   propsAsIs: false
 });
-var StyledAccordionItem = /*#__PURE__*/styled('div')({
+const StyledAccordionItem = /*#__PURE__*/styled('div')({
   name: "StyledAccordionItem",
-  "class": "s1he8scv",
+  class: "s1he8scv",
   propsAsIs: false
 });
 

package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionHeader = styled.div`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemHeaderLeftGap}, var(${tokens.accordionItemGap}));\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemBodyPaddingBottom}, var(${tokens.accordionItemPaddingVertical}));\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n        color: var(${tokens.accordionItemOpenedTitleColor}, var(${tokens.accordionItemIconColor}));\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(${tokens.accordionItemIconSize}, 1rem);\n    height: var(${tokens.accordionItemIconSize}, 1rem);\n`;\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n    box-shadow: var(${tokens.accordionItemShadow});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &.${classes.accordionItemOpened} {\n        ${StyledArrow} {\n            color: var(${tokens.accordionItemOpenedTitleColor}, var(${tokens.accordionItemIconColor}));\n        }\n\n        ${StyledAccordionTitle} {\n            color: var(${tokens.accordionItemOpenedTitleColor}, var(${tokens.accordionItemTitleColor}));\n        }\n    }\n`;\n"],"names":["StyledAccordionHeader","styled","name","class","propsAsIs","StyledAccordionHeaderLeft","StyledAccordionContentRight","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionBodyAnimate","StyledAccordionBody","_exp28","IconChevronDownFill","StyledArrow","_exp30","IconMinus","StyledMinus","StyledPlus","StyledAccordionItem"],"mappings":";;;;AAMO,IAAMA,qBAAqB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsB1C,EAAA;AAEM,IAAMC,yBAAyB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9C,EAAA;AAEM,IAAME,2BAA2B,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,6BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhD,EAAA;AAEM,IAAMG,0BAA0B,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/C,EAAA;AAEM,IAAMI,oBAAoB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASzC,EAAA;AAEM,IAAMK,0BAA0B,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe/C,EAAA;AAEM,IAAMM,mBAAmB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAAC,IAAAO,MAAA,GAjGgBA,SAiGhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA9C,IAAMC,WAAW,gBAAGZ,MAAM,CAAAU,MAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAU,MAAA,GAvGgBA,SAuGhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,WAAW,gBAAGf,MAAM,CAAAa,MAAA,EAAA,CAAA,CAAA;AAAAZ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoBhC,EAAA;AAEM,IAAMa,UAAU,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,IAAMc,mBAAmB,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwBxC;;;;"}
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionHeader = styled.div`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemHeaderLeftGap}, var(${tokens.accordionItemGap}));\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemBodyPaddingBottom}, var(${tokens.accordionItemPaddingVertical}));\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n        color: var(${tokens.accordionItemOpenedTitleColor}, var(${tokens.accordionItemIconColor}));\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(${tokens.accordionItemIconSize}, 1rem);\n    height: var(${tokens.accordionItemIconSize}, 1rem);\n`;\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n    box-shadow: var(${tokens.accordionItemShadow});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &.${classes.accordionItemOpened} {\n        ${StyledArrow} {\n            color: var(${tokens.accordionItemOpenedTitleColor}, var(${tokens.accordionItemIconColor}));\n        }\n\n        ${StyledAccordionTitle} {\n            color: var(${tokens.accordionItemOpenedTitleColor}, var(${tokens.accordionItemTitleColor}));\n        }\n    }\n`;\n"],"names":["StyledAccordionHeader","styled","name","class","propsAsIs","StyledAccordionHeaderLeft","StyledAccordionContentRight","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionBodyAnimate","StyledAccordionBody","_exp28","IconChevronDownFill","StyledArrow","_exp30","IconMinus","StyledMinus","StyledPlus","StyledAccordionItem"],"mappings":";;;;AAMO,MAAMA,qBAAqB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsB1C,EAAA;AAEM,MAAMC,yBAAyB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9C,EAAA;AAEM,MAAME,2BAA2B,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,6BAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhD,EAAA;AAEM,MAAMG,0BAA0B,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/C,EAAA;AAEM,MAAMI,oBAAoB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASzC,EAAA;AAEM,MAAMK,0BAA0B,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe/C,EAAA;AAEM,MAAMM,mBAAmB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAAC,MAAAO,MAAA,gBAjGgBA,MAmGgBC,mBAAmB,CAAA;AAA9C,MAAMC,WAAW,gBAAGZ,MAAM,CAAAU,MAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,MAAAU,MAAA,gBAvGgBA,MAyGgBC,SAAS,CAAA;AAApC,MAAMC,WAAW,gBAAGf,MAAM,CAAAa,MAAA,EAAA,CAAA,CAAA;AAAAZ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoBhC,EAAA;AAEM,MAAMa,UAAU,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,MAAMc,mBAAmB,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwBxC;;;;"}

package/es/components/Accordion/utils/index.js

@@ -1,24 +1,19 @@
 import { Children, isValidElement, cloneElement } from 'react';
 
-var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
-  return Children.map(children || [], function (child, index) {
-    if (! /*#__PURE__*/isValidElement(child)) {
-      return child;
-    }
-    var props = {
-      index: index,
-      value: !!((activeIndex === null || activeIndex === void 0 ? void 0 : activeIndex.findIndex(function (i) {
-        var _child$props$eventKey;
-        return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
-      })) !== -1),
-      view: view,
-      disabled: disabled,
-      onChange: updateValue
-    };
-    return /*#__PURE__*/cloneElement(child, props);
-  });
-};
-var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
+const updatePropsRecursively = (children, activeIndex, view, disabled, updateValue) => Children.map(children || [], (child, index) => {
+  if (! /*#__PURE__*/isValidElement(child)) {
+    return child;
+  }
+  const props = {
+    index,
+    value: !!(activeIndex?.findIndex(i => i === (child.props.eventKey ?? index)) !== -1),
+    view,
+    disabled,
+    onChange: updateValue
+  };
+  return /*#__PURE__*/cloneElement(child, props);
+});
+const getChildren = (children, activeIndex, view, disabled, updateValue) => {
   return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
 };
 

package/es/components/Accordion/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n    children?: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    view?: string,\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n    Children.map(children || [], (child, index) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const props = {\n            index,\n            value: !!(activeIndex?.findIndex((i: number) => i === (child.props.eventKey ?? index)) !== -1),\n            view,\n            disabled,\n            onChange: updateValue,\n        };\n\n        return cloneElement(child, props);\n    });\n\nexport const getChildren = (\n    children: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    view?: string,\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n) => {\n    return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","view","disabled","updateValue","Children","map","child","index","isValidElement","props","value","findIndex","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,IAAa,EACbC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,QAAQ,CAACC,GAAG,CAACN,QAAQ,IAAI,EAAE,EAAE,UAACO,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAAE,CAAAV,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,SAAS,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,MAAK,CAAC,CAAC,CAAC;AAC9FN,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,YAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBlB,QAA4C,EAC5CC,WAAsB,EACtBC,IAAa,EACbC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOL,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AACrF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n    children?: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    view?: string,\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n    Children.map(children || [], (child, index) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const props = {\n            index,\n            value: !!(activeIndex?.findIndex((i: number) => i === (child.props.eventKey ?? index)) !== -1),\n            view,\n            disabled,\n            onChange: updateValue,\n        };\n\n        return cloneElement(child, props);\n    });\n\nexport const getChildren = (\n    children: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    view?: string,\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n) => {\n    return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","view","disabled","updateValue","Children","map","child","index","isValidElement","props","value","findIndex","i","eventKey","onChange","cloneElement","getChildren"],"mappings":";;AAIO,MAAMA,sBAAsB,GAAGA,CAClCC,QAA6C,EAC7CC,WAAsB,EACtBC,IAAa,EACbC,QAAkB,EAClBC,WAAsD,KAEtDC,QAAQ,CAACC,GAAG,CAACN,QAAQ,IAAI,EAAE,EAAE,CAACO,KAAK,EAAEC,KAAK,KAAK;AAC3C,EAAA,IAAI,eAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AACxB,IAAA,OAAOA,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,MAAMG,KAAK,GAAG;IACVF,KAAK;IACLG,KAAK,EAAE,CAAC,EAAEV,WAAW,EAAEW,SAAS,CAAEC,CAAS,IAAKA,CAAC,MAAMN,KAAK,CAACG,KAAK,CAACI,QAAQ,IAAIN,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9FN,IAAI;IACJC,QAAQ;AACRY,IAAAA,QAAQ,EAAEX,WAAAA;GACb,CAAA;AAED,EAAA,oBAAOY,YAAY,CAACT,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,CAAC,EAAC;AAEOO,MAAAA,WAAW,GAAGA,CACvBjB,QAA4C,EAC5CC,WAAsB,EACtBC,IAAa,EACbC,QAAkB,EAClBC,WAAsD,KACrD;EACD,OAAOL,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AACrF;;;;"}

package/es/components/Accordion/variations/_size/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "b1erma6h";
+const base = "b1erma6h";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Accordion/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Accordion/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Accordion/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,MAAMA,IAAI,GAAQ;;;;"}

package/es/components/Accordion/variations/_view/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "b1blyamu";
+const base = "b1blyamu";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Accordion/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Accordion/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Accordion/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,MAAMA,IAAI,GAAQ;;;;"}