@salutejs/plasma-new-hope 0.343.1-canary.2393.20326467208.0 → 0.343.1-canary.2393.20451760148.0

package/dist/css/es/components/LinkButton/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n    base,\n    LinkButtonText,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n    forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            contentLeft,\n            contentRight,\n            isLoading,\n            loader,\n            disabled,\n            target,\n            href,\n            rel,\n            style,\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n\n        const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n        const linkProps = {\n            target,\n            href: disabled ? undefined : href,\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                tabIndex={!disabled ? 0 : -1}\n                disabled={disabled}\n                style={{\n                    ...(isLoading && {\n                        pointerEvents: 'none',\n                    }),\n                    ...style,\n                }}\n                {...linkProps}\n                {...rest}\n            >\n                <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n                    {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                    {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n                    {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </LoadWrap>\n                {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const linkButtonConfig = {\n    name: 'LinkButton',\n    tag: 'a',\n    layout: linkButtonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n    base,\n    LinkButtonText,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n    forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            contentLeft,\n            contentRight,\n            isLoading,\n            loader,\n            disabled,\n            target,\n            href,\n            rel,\n            style,\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n\n        const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n        const linkProps = {\n            target,\n            href: disabled ? undefined : href,\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        const hasContent = Boolean(txt || children || additionalContent || contentRight);\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                tabIndex={!disabled ? 0 : -1}\n                disabled={disabled}\n                style={{\n                    ...(isLoading && {\n                        pointerEvents: 'none',\n                    }),\n                    ...style,\n                }}\n                {...linkProps}\n                {...rest}\n            >\n                <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n                    {contentLeft && <StyledContentLeft hasContent={hasContent}>{contentLeft}</StyledContentLeft>}\n                    {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n                    {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n                    {contentRight && <StyledContentRight hasContent={hasContent}>{contentRight}</StyledContentRight>}\n                </LoadWrap>\n                {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const linkButtonConfig = {\n    name: 'LinkButton',\n    tag: 'a',\n    layout: linkButtonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","hasContent","Boolean","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/LinkButton/LinkButton.styles.js

@@ -1,5 +1,6 @@
-import './LinkButton.styles_1e7vwn3.css';
+import './LinkButton.styles_ztirgn.css';
 import { styled } from '@linaria/react';
+import { tokens } from './LinkButton.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';
 import { spinnerConfig } from '../Spinner/Spinner.js';
 
@@ -43,15 +44,33 @@ var LinkButtonText = /*#__PURE__*/styled('span')({
   "class": "l1uogc3z",
   propsAsIs: false
 });
+var _exp15 = function _exp15() {
+  return function (_ref2) {
+    var hasContent = _ref2.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
+  };
+};
 var StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",
   "class": "s176p3a0",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "s176p3a0-0": [/*#__PURE__*/_exp15()]
+  }
 });
+var _exp17 = function _exp17() {
+  return function (_ref3) {
+    var hasContent = _ref3.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
+  };
+};
 var StyledContentRight = /*#__PURE__*/styled('div')({
   name: "StyledContentRight",
   "class": "slixkvc",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "slixkvc-0": [/*#__PURE__*/_exp17()]
+  }
 });
 
 export { LinkButtonText, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };

package/dist/css/es/components/LinkButton/LinkButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    text-decoration: none;\n    appearance: none;\n    outline: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: '0.063rem',\n        outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n        outlineColor: `var(${tokens.linkButtonFocusColor})`,\n    })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: inherit;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n    padding: var(${tokens.linkButtonTextPadding});\n    color: var(${tokens.linkButtonTextColor});\n\n    ${applyEllipsis()}\n\n    &:hover {\n        color: var(${tokens.linkButtonTextColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.linkButtonTextColorActive});\n    }\n`;\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,MAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAanC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
+{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    text-decoration: none;\n    appearance: none;\n    outline: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: '0.063rem',\n        outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n        outlineColor: `var(${tokens.linkButtonFocusColor})`,\n    })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: inherit;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n    padding: var(${tokens.linkButtonTextPadding});\n    color: var(${tokens.linkButtonTextColor});\n\n    ${applyEllipsis()}\n\n    &:hover {\n        color: var(${tokens.linkButtonTextColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.linkButtonTextColorActive});\n    }\n`;\n\nexport const StyledContentLeft = styled.div<{ hasContent?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: ${({ hasContent }) => (hasContent ? `var(${tokens.linkButtonLeftContentMargin})` : '0')};\n`;\n\nexport const StyledContentRight = styled.div<{ hasContent?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: ${({ hasContent }) => (hasContent ? `var(${tokens.linkButtonRightContentMargin})` : '0')};\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","_exp15","_ref2","hasContent","concat","tokens","linkButtonLeftContentMargin","StyledContentLeft","_exp17","_ref3","linkButtonRightContentMargin","StyledContentRight"],"mappings":"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"}

package/dist/css/{cjs/components/LinkButton/LinkButton.styles_1e7vwn3.css → es/components/LinkButton/LinkButton.styles_ztirgn.css}

@@ -4,5 +4,5 @@
 .l7ptchj{position:absolute;}
 .s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
 .l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}.l1uogc3z:active{color:var(--plasma-link-button-text-color-active);}
-.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}

package/dist/css/es/components/List/List.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import { base } from './List.styles.js';
 import { classes } from './List.tokens.js';
@@ -14,7 +14,7 @@ var listRoot = function listRoot(Root) {
       variant = _ref.variant,
       className = _ref.className,
       children = _ref.children;
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React__default.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,

package/dist/css/es/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLUListElement, ListProps>) =>\n    forwardRef<HTMLUListElement, ListProps>(({ size, view, disabled, variant, className, children }, outerRootRef) => {\n        return (\n            <Root\n                ref={outerRootRef}\n                size={size}\n                view={view}\n                disabled={disabled}\n                className={cls(\n                    classes.listRoot,\n                    className,\n                    variant === 'tight' ? classes.tightListItem : '',\n                    disabled ? classes.disabledList : '',\n                )}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const listConfig = {\n    name: 'List',\n    tag: 'ul',\n    layout: listRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","disabled","variant","className","children","React","createElement","ref","cls","classes","tightListItem","disabledList","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAA8B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACzF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEA,QAAS;MACnBE,SAAS,EAAEK,GAAG,CACVC,OAAO,CAACf,QAAQ,EAChBS,SAAS,EACTD,OAAO,KAAK,OAAO,GAAGO,OAAO,CAACC,aAAa,GAAG,EAAE,EAChDT,QAAQ,GAAGQ,OAAO,CAACE,YAAY,GAAG,EACtC,CAAA;AAAE,KAAA,EAEDP,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMQ,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAErB,QAAQ;AAChBsB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLUListElement, ListProps>) =>\n    forwardRef<HTMLUListElement, ListProps>(({ size, view, disabled, variant, className, children }, outerRootRef) => {\n        return (\n            <Root\n                ref={outerRootRef}\n                size={size}\n                view={view}\n                disabled={disabled}\n                className={cls(\n                    classes.listRoot,\n                    className,\n                    variant === 'tight' ? classes.tightListItem : '',\n                    disabled ? classes.disabledList : '',\n                )}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const listConfig = {\n    name: 'List',\n    tag: 'ul',\n    layout: listRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","disabled","variant","className","children","React","createElement","ref","cls","classes","tightListItem","disabledList","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAA8B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACzF,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEA,QAAS;MACnBE,SAAS,EAAEK,GAAG,CACVC,OAAO,CAACf,QAAQ,EAChBS,SAAS,EACTD,OAAO,KAAK,OAAO,GAAGO,OAAO,CAACC,aAAa,GAAG,EAAE,EAChDT,QAAQ,GAAGQ,OAAO,CAACE,YAAY,GAAG,EACtC,CAAA;AAAE,KAAA,EAEDP,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMQ,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAErB,QAAQ;AAChBsB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/List/ui/ListItem.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { classes } from '../List.tokens.js';
 import { StyledListItem, CellItem } from './ListItem.styles.js';
 
@@ -9,9 +9,9 @@ var ListItem = function ListItem(_ref) {
     contentRight = _ref.contentRight,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledListItem, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledListItem, _extends({
     className: disabled ? classes.disabledListItem : ''
-  }, rest), /*#__PURE__*/React.createElement(CellItem, {
+  }, rest), /*#__PURE__*/React__default.createElement(CellItem, {
     contentRight: contentRight
   }, children));
 };

package/dist/css/es/components/List/ui/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { classes } from '../List.tokens';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n    children,\n    contentRight,\n    disabled,\n    ...rest\n}) => {\n    return (\n        <StyledListItem className={disabled ? classes.disabledListItem : ''} {...rest}>\n            <CellItem contentRight={contentRight}>{children}</CellItem>\n        </StyledListItem>\n    );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","className","classes","disabledListItem","CellItem"],"mappings":";;;;;;IAOaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAER,QAAQ,GAAGS,OAAO,CAACC,gBAAgB,GAAG,EAAA;AAAG,GAAA,EAAKT,IAAI,CACzEG,eAAAA,KAAA,CAAAC,aAAA,CAACM,QAAQ,EAAA;AAACZ,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { classes } from '../List.tokens';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n    children,\n    contentRight,\n    disabled,\n    ...rest\n}) => {\n    return (\n        <StyledListItem className={disabled ? classes.disabledListItem : ''} {...rest}>\n            <CellItem contentRight={contentRight}>{children}</CellItem>\n        </StyledListItem>\n    );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","className","classes","disabledListItem","CellItem"],"mappings":";;;;;;IAOaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAER,QAAQ,GAAGS,OAAO,CAACC,gBAAgB,GAAG,EAAA;AAAG,GAAA,EAAKT,IAAI,CACzEG,eAAAA,cAAA,CAAAC,aAAA,CAACM,QAAQ,EAAA;AAACZ,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}

package/dist/css/es/components/Loader/Loader.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
@@ -31,16 +31,16 @@ var loaderRoot = function loaderRoot(Root) {
       zIndex = _props$zIndex === void 0 ? DEFAULT_Z_INDEX : _props$zIndex,
       onOverlayClick = props.onOverlayClick,
       rest = _objectWithoutProperties(props, _excluded);
-    var loaderContent = /*#__PURE__*/React.createElement(Root, _extends({
+    var loaderContent = /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,
       className: className,
       style: style
-    }, rest), type === 'spinner' ? /*#__PURE__*/React.createElement(StyledSpinner, {
+    }, rest), type === 'spinner' ? /*#__PURE__*/React__default.createElement(StyledSpinner, {
       size: size,
       view: view
-    }) : /*#__PURE__*/React.createElement(StyledProgressBarCircular, {
+    }) : /*#__PURE__*/React__default.createElement(StyledProgressBarCircular, {
       value: value,
       maxValue: maxValue,
       strokeSize: strokeSize,
@@ -52,14 +52,14 @@ var loaderRoot = function loaderRoot(Root) {
       return loaderContent;
     }
     var overlayBackgroundToken = overlayColor || "var(".concat(tokens.overlayColor, ")");
-    return /*#__PURE__*/React.createElement(LoaderWrapper, {
+    return /*#__PURE__*/React__default.createElement(LoaderWrapper, {
       zIndex: zIndex
-    }, /*#__PURE__*/React.createElement(StyledOverlay, {
+    }, /*#__PURE__*/React__default.createElement(StyledOverlay, {
       className: classes.loaderOverlay,
       backgroundColorToken: overlayBackgroundToken,
       withBlur: withBlur,
       onClick: onOverlayClick
-    }), /*#__PURE__*/React.createElement(LoaderContentWrapper, null, loaderContent));
+    }), /*#__PURE__*/React__default.createElement(LoaderContentWrapper, null, loaderContent));
   });
 };
 var loaderConfig = {

package/dist/css/es/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n    base,\n    LoaderContentWrapper,\n    LoaderWrapper,\n    StyledOverlay,\n    StyledProgressBarCircular,\n    StyledSpinner,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n    forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n        const {\n            type = 'spinner',\n            hasOverlay = false,\n            withBlur = false,\n            value = 0,\n            overlayColor,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeSize,\n            hasTrack,\n            style,\n            zIndex = DEFAULT_Z_INDEX,\n            onOverlayClick,\n            ...rest\n        } = props;\n\n        const loaderContent = (\n            <Root ref={ref} view={view} size={size} className={className} style={style} {...rest}>\n                {type === 'spinner' ? (\n                    <StyledSpinner size={size} view={view} />\n                ) : (\n                    <StyledProgressBarCircular\n                        value={value}\n                        maxValue={maxValue}\n                        strokeSize={strokeSize}\n                        size={size}\n                        view={view}\n                        hasTrack={hasTrack}\n                    >\n                        {children}\n                    </StyledProgressBarCircular>\n                )}\n            </Root>\n        );\n\n        if (!hasOverlay) {\n            return loaderContent;\n        }\n\n        const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n        return (\n            <LoaderWrapper zIndex={zIndex}>\n                <StyledOverlay\n                    className={classes.loaderOverlay}\n                    backgroundColorToken={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    onClick={onOverlayClick}\n                />\n                <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n            </LoaderWrapper>\n        );\n    });\n\nexport const loaderConfig = {\n    name: 'Loader',\n    tag: 'div',\n    layout: loaderRoot,\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":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","rest","_objectWithoutProperties","_excluded","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n    base,\n    LoaderContentWrapper,\n    LoaderWrapper,\n    StyledOverlay,\n    StyledProgressBarCircular,\n    StyledSpinner,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n    forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n        const {\n            type = 'spinner',\n            hasOverlay = false,\n            withBlur = false,\n            value = 0,\n            overlayColor,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeSize,\n            hasTrack,\n            style,\n            zIndex = DEFAULT_Z_INDEX,\n            onOverlayClick,\n            ...rest\n        } = props;\n\n        const loaderContent = (\n            <Root ref={ref} view={view} size={size} className={className} style={style} {...rest}>\n                {type === 'spinner' ? (\n                    <StyledSpinner size={size} view={view} />\n                ) : (\n                    <StyledProgressBarCircular\n                        value={value}\n                        maxValue={maxValue}\n                        strokeSize={strokeSize}\n                        size={size}\n                        view={view}\n                        hasTrack={hasTrack}\n                    >\n                        {children}\n                    </StyledProgressBarCircular>\n                )}\n            </Root>\n        );\n\n        if (!hasOverlay) {\n            return loaderContent;\n        }\n\n        const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n        return (\n            <LoaderWrapper zIndex={zIndex}>\n                <StyledOverlay\n                    className={classes.loaderOverlay}\n                    backgroundColorToken={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    onClick={onOverlayClick}\n                />\n                <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n            </LoaderWrapper>\n        );\n    });\n\nexport const loaderConfig = {\n    name: 'Loader',\n    tag: 'div',\n    layout: loaderRoot,\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":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","rest","_objectWithoutProperties","_excluded","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Mask/Mask.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useImperativeHandle } from 'react';
+import React__default, { forwardRef, useState, useImperativeHandle } from 'react';
 import maskInputCompose from '@salutejs/react-maskinput';
 
 var _excluded = ["mask", "maskFormat"];
@@ -32,11 +32,11 @@ var composeMask = function composeMask(InputComponent) {
       return ref;
     }, [ref]);
     if (!mask) {
-      return /*#__PURE__*/React.createElement(InputComponent, _extends({
+      return /*#__PURE__*/React__default.createElement(InputComponent, _extends({
         ref: setRef
       }, rest));
     }
-    return /*#__PURE__*/React.createElement(MaskedInput, _extends({
+    return /*#__PURE__*/React__default.createElement(MaskedInput, _extends({
       getReference: setRef,
       mask: mask,
       maskFormat: maskFormat

package/dist/css/es/components/Mask/Mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mask.js","sources":["../../../../../src/components/Mask/Mask.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport type { ForwardRefExoticComponent } from 'react';\nimport maskInputCompose from '@salutejs/react-maskinput';\n\nimport type { CustomInputProps, MaskProps } from './Mask.types';\n\nconst defaultFormatChars = [\n    {\n        str: '*',\n        regexp: /./,\n    },\n    {\n        str: '0',\n        regexp: /[0-9]/,\n    },\n    {\n        str: 'a',\n        regexp: /[a-zA-Z]/,\n    },\n    {\n        str: 'я',\n        regexp: /[а-яА-ЯёЁ]/,\n    },\n];\n\nexport const composeMask = <T extends CustomInputProps>(InputComponent: ForwardRefExoticComponent<T>) => {\n    const MaskedInput = maskInputCompose(InputComponent);\n\n    return forwardRef<HTMLInputElement, T & MaskProps>(\n        ({ mask, maskFormat = defaultFormatChars, ...rest }, outerRef) => {\n            // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            useImperativeHandle(outerRef, () => ref as HTMLInputElement, [ref]);\n\n            if (!mask) {\n                return <InputComponent ref={setRef} {...(rest as T)} />;\n            }\n\n            return <MaskedInput getReference={setRef} mask={mask} maskFormat={maskFormat} {...(rest as T)} />;\n        },\n    );\n};\n"],"names":["defaultFormatChars","str","regexp","composeMask","InputComponent","MaskedInput","maskInputCompose","forwardRef","_ref","outerRef","mask","_ref$maskFormat","maskFormat","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","ref","setRef","useImperativeHandle","React","createElement","_extends","getReference"],"mappings":";;;;;AAMA,IAAMA,kBAAkB,GAAG,CACvB;AACIC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,GAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,OAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,YAAA;AACZ,CAAC,CACJ,CAAA;IAEYC,WAAW,GAAG,SAAdA,WAAWA,CAAgCC,cAA4C,EAAK;AACrG,EAAA,IAAMC,WAAW,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAEpD,EAAA,oBAAOG,UAAU,CACb,UAAAC,IAAA,EAAqDC,QAAQ,EAAK;AAAA,IAAA,IAA/DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAAC,eAAA,GAAAH,IAAA,CAAEI,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAGX,KAAAA,CAAAA,GAAAA,kBAAkB,GAAAW,eAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC7C;AACA,IAAA,IAAAC,SAAA,GAAsBC,QAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElBI,mBAAmB,CAACb,QAAQ,EAAE,YAAA;AAAA,MAAA,OAAMW,GAAG,CAAA;AAAA,KAAoB,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;IAEnE,IAAI,CAACV,IAAI,EAAE;AACP,MAAA,oBAAOa,KAAA,CAAAC,aAAA,CAACpB,cAAc,EAAAqB,QAAA,CAAA;AAACL,QAAAA,GAAG,EAAEC,MAAAA;OAAaR,EAAAA,IAAI,CAAS,CAAC,CAAA;AAC3D,KAAA;AAEA,IAAA,oBAAOU,KAAA,CAAAC,aAAA,CAACnB,WAAW,EAAAoB,QAAA,CAAA;AAACC,MAAAA,YAAY,EAAEL,MAAO;AAACX,MAAAA,IAAI,EAAEA,IAAK;AAACE,MAAAA,UAAU,EAAEA,UAAAA;KAAiBC,EAAAA,IAAI,CAAS,CAAC,CAAA;AACrG,GACJ,CAAC,CAAA;AACL;;;;"}
+{"version":3,"file":"Mask.js","sources":["../../../../../src/components/Mask/Mask.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport type { ForwardRefExoticComponent } from 'react';\nimport maskInputCompose from '@salutejs/react-maskinput';\n\nimport type { CustomInputProps, MaskProps } from './Mask.types';\n\nconst defaultFormatChars = [\n    {\n        str: '*',\n        regexp: /./,\n    },\n    {\n        str: '0',\n        regexp: /[0-9]/,\n    },\n    {\n        str: 'a',\n        regexp: /[a-zA-Z]/,\n    },\n    {\n        str: 'я',\n        regexp: /[а-яА-ЯёЁ]/,\n    },\n];\n\nexport const composeMask = <T extends CustomInputProps>(InputComponent: ForwardRefExoticComponent<T>) => {\n    const MaskedInput = maskInputCompose(InputComponent);\n\n    return forwardRef<HTMLInputElement, T & MaskProps>(\n        ({ mask, maskFormat = defaultFormatChars, ...rest }, outerRef) => {\n            // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            useImperativeHandle(outerRef, () => ref as HTMLInputElement, [ref]);\n\n            if (!mask) {\n                return <InputComponent ref={setRef} {...(rest as T)} />;\n            }\n\n            return <MaskedInput getReference={setRef} mask={mask} maskFormat={maskFormat} {...(rest as T)} />;\n        },\n    );\n};\n"],"names":["defaultFormatChars","str","regexp","composeMask","InputComponent","MaskedInput","maskInputCompose","forwardRef","_ref","outerRef","mask","_ref$maskFormat","maskFormat","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","ref","setRef","useImperativeHandle","React","createElement","_extends","getReference"],"mappings":";;;;;AAMA,IAAMA,kBAAkB,GAAG,CACvB;AACIC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,GAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,OAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,YAAA;AACZ,CAAC,CACJ,CAAA;IAEYC,WAAW,GAAG,SAAdA,WAAWA,CAAgCC,cAA4C,EAAK;AACrG,EAAA,IAAMC,WAAW,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAEpD,EAAA,oBAAOG,UAAU,CACb,UAAAC,IAAA,EAAqDC,QAAQ,EAAK;AAAA,IAAA,IAA/DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAAC,eAAA,GAAAH,IAAA,CAAEI,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAGX,KAAAA,CAAAA,GAAAA,kBAAkB,GAAAW,eAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC7C;AACA,IAAA,IAAAC,SAAA,GAAsBC,QAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElBI,mBAAmB,CAACb,QAAQ,EAAE,YAAA;AAAA,MAAA,OAAMW,GAAG,CAAA;AAAA,KAAoB,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;IAEnE,IAAI,CAACV,IAAI,EAAE;AACP,MAAA,oBAAOa,cAAA,CAAAC,aAAA,CAACpB,cAAc,EAAAqB,QAAA,CAAA;AAACL,QAAAA,GAAG,EAAEC,MAAAA;OAAaR,EAAAA,IAAI,CAAS,CAAC,CAAA;AAC3D,KAAA;AAEA,IAAA,oBAAOU,cAAA,CAAAC,aAAA,CAACnB,WAAW,EAAAoB,QAAA,CAAA;AAACC,MAAAA,YAAY,EAAEL,MAAO;AAACX,MAAAA,IAAI,EAAEA,IAAK;AAACE,MAAAA,UAAU,EAAEA,UAAAA;KAAiBC,EAAAA,IAAI,CAAS,CAAC,CAAA;AACrG,GACJ,CAAC,CAAA;AACL;;;;"}

package/dist/css/es/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo, useCallback } from 'react';
+import React__default, { forwardRef, useMemo, useCallback } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
 import { classes, tokens } from './Modal.tokens.js';
@@ -82,7 +82,7 @@ var modalRoot = function modalRoot(Root) {
         onClose();
       }
     }, [closeOnOverlayClick, onOverlayClick, onClose]);
-    var overlayNode = /*#__PURE__*/React.createElement(Overlay, {
+    var overlayNode = /*#__PURE__*/React__default.createElement(Overlay, {
       className: classes.overlay,
       zIndex: zIndex || DEFAULT_Z_INDEX,
       backgroundColorProperty: overlayBackgroundToken,
@@ -91,27 +91,27 @@ var modalRoot = function modalRoot(Root) {
       isClickable: closeOnOverlayClick,
       onOverlayClick: onModalOverlayKeyDown
     });
-    return /*#__PURE__*/React.createElement(Popup, _extends({
+    return /*#__PURE__*/React__default.createElement(Popup, _extends({
       id: innerId,
       opened: innerIsOpen,
       ref: innerRef,
       popupInfo: modalInfo,
       withAnimation: withAnimation,
       zIndex: zIndex,
-      overlay: /*#__PURE__*/React.createElement(Root, {
+      overlay: /*#__PURE__*/React__default.createElement(Root, {
         view: view
       }, overlay || overlayNode),
       draggable: draggable,
       resizable: resizable
-    }, rest), hasBody ? /*#__PURE__*/React.createElement(Root, {
+    }, rest), hasBody ? /*#__PURE__*/React__default.createElement(Root, {
       view: view
-    }, /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/React.createElement(CloseButton, {
+    }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/React__default.createElement(CloseButton, {
       onClick: onClose,
       "data-test": "modal-close"
-    }, _IconClose || (_IconClose = /*#__PURE__*/React.createElement(IconClose, {
+    }, _IconClose || (_IconClose = /*#__PURE__*/React__default.createElement(IconClose, {
       size: "s",
       color: "currentColor"
-    }))), children))) : /*#__PURE__*/React.createElement(React.Fragment, null, children));
+    }))), children))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children));
   });
 };
 var modalConfig = {

package/dist/css/es/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\nimport { IconClose } from 'src/components/_Icon';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                isFocusTrapped = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                overlay,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={<Root view={view}>{overlay || overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$isFocusTrapped","isFocusTrapped","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","overlay","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\nimport { IconClose } from 'src/components/_Icon';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                isFocusTrapped = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                overlay,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={<Root view={view}>{overlay || overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$isFocusTrapped","isFocusTrapped","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","overlay","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/NavigationDrawer/NavigationDrawer.js

@@ -1,6 +1,6 @@
 import './NavigationDrawer_x642ct.css';
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import { styled } from '@linaria/react';
 import { base as base$2 } from './variations/_view/base.js';
@@ -31,15 +31,15 @@ var navigationDrawerRoot = function navigationDrawerRoot(Root) {
       rest = _objectWithoutProperties(props, _excluded);
     var isOpen = opened || !withContentLeft;
     var isOverlay = mode === 'overlay' || mode === 'drawer';
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref
-    }, rest), /*#__PURE__*/React.createElement(Wrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(Wrapper, {
       className: cls(classes.navigationDrawerSidebar, isOverlay && classes.navigationDrawerSidebarOverlay, !isOpen && classes.navigationDrawerSidebarClosed)
     }, header, sections.map(function (_ref, index) {
       var items = _ref.items,
         label = _ref.label,
         hasDivider = _ref.hasDivider;
-      return /*#__PURE__*/React.createElement(Section, {
+      return /*#__PURE__*/React__default.createElement(Section, {
         key: index,
         items: items,
         label: label,
@@ -47,9 +47,9 @@ var navigationDrawerRoot = function navigationDrawerRoot(Root) {
         isOpen: isOpen,
         hasDivider: hasDivider
       });
-    }), footer && /*#__PURE__*/React.createElement(Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React.createElement(Overlay, {
+    }), footer && /*#__PURE__*/React__default.createElement(Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React__default.createElement(Overlay, {
       onClick: onHide
-    }), /*#__PURE__*/React.createElement(Content, {
+    }), /*#__PURE__*/React__default.createElement(Content, {
       className: cls(isOverlay && classes.navigationDrawerContentOverlay)
     }, children));
   });

package/dist/css/es/components/NavigationDrawer/NavigationDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationDrawer.js","sources":["../../../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n    Root: RootProps<\n        HTMLDivElement,\n        Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n    >,\n) => {\n    return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n        const {\n            opened = true,\n            header,\n            sections,\n            footer,\n            withContentLeft = true,\n            mode = 'static',\n            onHide,\n            children,\n            ...rest\n        } = props;\n        const isOpen = opened || !withContentLeft;\n\n        const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n        return (\n            <Root ref={ref} {...rest}>\n                <Wrapper\n                    className={cls(\n                        classes.navigationDrawerSidebar,\n                        isOverlay && classes.navigationDrawerSidebarOverlay,\n                        !isOpen && classes.navigationDrawerSidebarClosed,\n                    )}\n                >\n                    {header}\n\n                    {sections.map(({ items, label, hasDivider }, index) => (\n                        <Section\n                            key={index}\n                            items={items}\n                            label={label}\n                            withContentLeft={withContentLeft}\n                            isOpen={isOpen}\n                            hasDivider={hasDivider}\n                        />\n                    ))}\n\n                    {footer && <Footer>{footer}</Footer>}\n                </Wrapper>\n                {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n                <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n            </Root>\n        );\n    });\n};\n\nexport const navigationDrawerConfig = {\n    name: 'NavigationDrawer',\n    tag: 'div',\n    layout: navigationDrawerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"NavigationDrawer.js","sources":["../../../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n    Root: RootProps<\n        HTMLDivElement,\n        Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n    >,\n) => {\n    return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n        const {\n            opened = true,\n            header,\n            sections,\n            footer,\n            withContentLeft = true,\n            mode = 'static',\n            onHide,\n            children,\n            ...rest\n        } = props;\n        const isOpen = opened || !withContentLeft;\n\n        const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n        return (\n            <Root ref={ref} {...rest}>\n                <Wrapper\n                    className={cls(\n                        classes.navigationDrawerSidebar,\n                        isOverlay && classes.navigationDrawerSidebarOverlay,\n                        !isOpen && classes.navigationDrawerSidebarClosed,\n                    )}\n                >\n                    {header}\n\n                    {sections.map(({ items, label, hasDivider }, index) => (\n                        <Section\n                            key={index}\n                            items={items}\n                            label={label}\n                            withContentLeft={withContentLeft}\n                            isOpen={isOpen}\n                            hasDivider={hasDivider}\n                        />\n                    ))}\n\n                    {footer && <Footer>{footer}</Footer>}\n                </Wrapper>\n                {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n                <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n            </Root>\n        );\n    });\n};\n\nexport const navigationDrawerConfig = {\n    name: 'NavigationDrawer',\n    tag: 'div',\n    layout: navigationDrawerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import cls from 'classnames';
 import { StyledIndicator, ExtraCounter, Label, RightContentWrapper, ContentLeftWrapper, IconWrapper, Icon } from './MenuItem.styles.js';
 import { classes } from '../../NavigationDrawer.tokens.js';
@@ -20,19 +20,19 @@ var MenuItem = function MenuItem(props) {
   var onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;
   var hasCustomContentLeft = contentLeft && withContentLeft;
   var menuClasses = cls(classes.navigationDrawerMenuItem, selected && classes.navigationDrawerMenuItemSelected, disabled && classes.navigationDrawerMenuItemDisabled, hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft, !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft);
-  var indicators = /*#__PURE__*/React.createElement(React.Fragment, null, hasIndicator && /*#__PURE__*/React.createElement(StyledIndicator, {
+  var indicators = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasIndicator && /*#__PURE__*/React__default.createElement(StyledIndicator, {
     className: cls(withContentLeft && classes.navigationDrawerMenuIndicator)
-  }), counter !== undefined && /*#__PURE__*/React.createElement(ExtraCounter, {
+  }), counter !== undefined && /*#__PURE__*/React__default.createElement(ExtraCounter, {
     className: cls(withContentLeft && classes.navigationDrawerMenuCounter),
     count: counter
   }));
-  var contentLeftItem = contentLeft ? /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft, indicators) : null;
-  var iconItem = icon ? /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Icon, null, icon), indicators) : null;
-  var menuItemContent = withContentLeft ? /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && contentLeftItem, icon && iconItem, isOpen && /*#__PURE__*/React.createElement(Label, null, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(RightContentWrapper, null, indicators));
-  return typeof onClick === 'function' ? /*#__PURE__*/React.createElement("div", {
+  var contentLeftItem = contentLeft ? /*#__PURE__*/React__default.createElement(ContentLeftWrapper, null, contentLeft, indicators) : null;
+  var iconItem = icon ? /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(Icon, null, icon), indicators) : null;
+  var menuItemContent = withContentLeft ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, contentLeft && contentLeftItem, icon && iconItem, isOpen && /*#__PURE__*/React__default.createElement(Label, null, label)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Label, null, label), /*#__PURE__*/React__default.createElement(RightContentWrapper, null, indicators));
+  return typeof onClick === 'function' ? /*#__PURE__*/React__default.createElement("div", {
     className: menuClasses,
     onClick: onMenuClick
-  }, menuItemContent) : /*#__PURE__*/React.createElement(Link, {
+  }, menuItemContent) : /*#__PURE__*/React__default.createElement(Link, {
     className: cls(classes.navigationDrawerMenuLink, menuClasses),
     href: href,
     rel: "noopener noreferrer",

package/dist/css/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuItemProps } from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.types';\nimport cls from 'classnames';\nimport {\n    ExtraCounter,\n    IconWrapper,\n    Icon,\n    StyledIndicator,\n    RightContentWrapper,\n    ContentLeftWrapper,\n    Label,\n} from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles';\nimport { classes } from 'src/components/NavigationDrawer/NavigationDrawer.tokens';\nimport { Link } from 'src/examples/components/Link/Link';\n\nexport const MenuItem: React.FC<MenuItemProps> = (props) => {\n    const {\n        onClick,\n        href,\n        target,\n        disabled,\n        selected,\n        icon,\n        contentLeft,\n        withContentLeft,\n        label,\n        isOpen,\n        hasIndicator,\n        counter,\n    } = props;\n\n    const onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;\n\n    const hasCustomContentLeft = contentLeft && withContentLeft;\n\n    const menuClasses = cls(\n        classes.navigationDrawerMenuItem,\n        selected && classes.navigationDrawerMenuItemSelected,\n        disabled && classes.navigationDrawerMenuItemDisabled,\n        hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft,\n        !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft,\n    );\n\n    const indicators = (\n        <>\n            {hasIndicator && (\n                <StyledIndicator className={cls(withContentLeft && classes.navigationDrawerMenuIndicator)} />\n            )}\n            {counter !== undefined && (\n                <ExtraCounter className={cls(withContentLeft && classes.navigationDrawerMenuCounter)} count={counter} />\n            )}\n        </>\n    );\n\n    const contentLeftItem = contentLeft ? (\n        <ContentLeftWrapper>\n            {contentLeft}\n            {indicators}\n        </ContentLeftWrapper>\n    ) : null;\n\n    const iconItem = icon ? (\n        <IconWrapper>\n            <Icon>{icon}</Icon>\n            {indicators}\n        </IconWrapper>\n    ) : null;\n\n    const menuItemContent = withContentLeft ? (\n        <>\n            {contentLeft && contentLeftItem}\n            {icon && iconItem}\n            {isOpen && <Label>{label}</Label>}\n        </>\n    ) : (\n        <>\n            <Label>{label}</Label>\n            <RightContentWrapper>{indicators}</RightContentWrapper>\n        </>\n    );\n\n    return typeof onClick === 'function' ? (\n        <div className={menuClasses} onClick={onMenuClick}>\n            {menuItemContent}\n        </div>\n    ) : (\n        <Link\n            className={cls(classes.navigationDrawerMenuLink, menuClasses)}\n            href={href}\n            rel=\"noopener noreferrer\"\n            target={target}\n        >\n            {menuItemContent}\n        </Link>\n    );\n};\n"],"names":["MenuItem","props","onClick","href","target","disabled","selected","icon","contentLeft","withContentLeft","label","isOpen","hasIndicator","counter","onMenuClick","undefined","hasCustomContentLeft","menuClasses","cls","classes","navigationDrawerMenuItem","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerMenuItemWithoutContentLeft","indicators","React","createElement","Fragment","StyledIndicator","className","navigationDrawerMenuIndicator","ExtraCounter","navigationDrawerMenuCounter","count","contentLeftItem","ContentLeftWrapper","iconItem","IconWrapper","Icon","menuItemContent","Label","RightContentWrapper","Link","navigationDrawerMenuLink","rel"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuItemProps } from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.types';\nimport cls from 'classnames';\nimport {\n    ExtraCounter,\n    IconWrapper,\n    Icon,\n    StyledIndicator,\n    RightContentWrapper,\n    ContentLeftWrapper,\n    Label,\n} from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles';\nimport { classes } from 'src/components/NavigationDrawer/NavigationDrawer.tokens';\nimport { Link } from 'src/examples/components/Link/Link';\n\nexport const MenuItem: React.FC<MenuItemProps> = (props) => {\n    const {\n        onClick,\n        href,\n        target,\n        disabled,\n        selected,\n        icon,\n        contentLeft,\n        withContentLeft,\n        label,\n        isOpen,\n        hasIndicator,\n        counter,\n    } = props;\n\n    const onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;\n\n    const hasCustomContentLeft = contentLeft && withContentLeft;\n\n    const menuClasses = cls(\n        classes.navigationDrawerMenuItem,\n        selected && classes.navigationDrawerMenuItemSelected,\n        disabled && classes.navigationDrawerMenuItemDisabled,\n        hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft,\n        !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft,\n    );\n\n    const indicators = (\n        <>\n            {hasIndicator && (\n                <StyledIndicator className={cls(withContentLeft && classes.navigationDrawerMenuIndicator)} />\n            )}\n            {counter !== undefined && (\n                <ExtraCounter className={cls(withContentLeft && classes.navigationDrawerMenuCounter)} count={counter} />\n            )}\n        </>\n    );\n\n    const contentLeftItem = contentLeft ? (\n        <ContentLeftWrapper>\n            {contentLeft}\n            {indicators}\n        </ContentLeftWrapper>\n    ) : null;\n\n    const iconItem = icon ? (\n        <IconWrapper>\n            <Icon>{icon}</Icon>\n            {indicators}\n        </IconWrapper>\n    ) : null;\n\n    const menuItemContent = withContentLeft ? (\n        <>\n            {contentLeft && contentLeftItem}\n            {icon && iconItem}\n            {isOpen && <Label>{label}</Label>}\n        </>\n    ) : (\n        <>\n            <Label>{label}</Label>\n            <RightContentWrapper>{indicators}</RightContentWrapper>\n        </>\n    );\n\n    return typeof onClick === 'function' ? (\n        <div className={menuClasses} onClick={onMenuClick}>\n            {menuItemContent}\n        </div>\n    ) : (\n        <Link\n            className={cls(classes.navigationDrawerMenuLink, menuClasses)}\n            href={href}\n            rel=\"noopener noreferrer\"\n            target={target}\n        >\n            {menuItemContent}\n        </Link>\n    );\n};\n"],"names":["MenuItem","props","onClick","href","target","disabled","selected","icon","contentLeft","withContentLeft","label","isOpen","hasIndicator","counter","onMenuClick","undefined","hasCustomContentLeft","menuClasses","cls","classes","navigationDrawerMenuItem","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerMenuItemWithoutContentLeft","indicators","React","createElement","Fragment","StyledIndicator","className","navigationDrawerMenuIndicator","ExtraCounter","navigationDrawerMenuCounter","count","contentLeftItem","ContentLeftWrapper","iconItem","IconWrapper","Icon","menuItemContent","Label","RightContentWrapper","Link","navigationDrawerMenuLink","rel"],"mappings":"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"}