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

package/cjs/components/Badge/Badge.js

@@ -17,56 +17,53 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["children", "className", "style", "text", "contentLeft", "contentRight", "size", "view", "customColor", "customBackgroundColor", "pilled", "transparent", "clear", "maxWidth"];
-var badgeRoot = function badgeRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _StyledContentLeft, _StyledContentMain, _StyledContentMain2, _StyledContentRight;
-    var children = props.children,
-      className = props.className,
-      style = props.style,
-      text = props.text,
-      contentLeft = props.contentLeft,
-      contentRight = props.contentRight,
-      size = props.size,
-      view = props.view,
-      customColor = props.customColor,
-      customBackgroundColor = props.customBackgroundColor,
-      _props$pilled = props.pilled,
-      pilled = _props$pilled === void 0 ? false : _props$pilled,
-      _props$transparent = props.transparent,
-      transparent = _props$transparent === void 0 ? false : _props$transparent,
-      _props$clear = props.clear,
-      clear = _props$clear === void 0 ? false : _props$clear,
-      _props$maxWidth = props.maxWidth,
-      maxWidth = _props$maxWidth === void 0 ? 'auto' : _props$maxWidth,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var pilledClass = pilled ? Badge_tokens.classes.badgePilled : undefined;
-    var transparentClass = transparent ? Badge_tokens.classes.badgeTransparent : undefined;
-    var clearClass = clear ? Badge_tokens.classes.badgeClear : undefined;
-    var truncateClass = maxWidth !== 'auto' ? Badge_tokens.classes.badgeTruncate : undefined;
-    var txt = !text && typeof children === 'string' ? children : text;
-    var iconOnlyClass = !txt && contentLeft ? Badge_tokens.classes.iconOnly : undefined;
-    var BadgeContent = function BadgeContent() {
-      if (contentLeft) {
-        return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, _StyledContentLeft || (_StyledContentLeft = /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentLeft, null, contentLeft)), txt ? _StyledContentMain || (_StyledContentMain = /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentMain, null, txt)) : children);
-      }
-      return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, txt ? _StyledContentMain2 || (_StyledContentMain2 = /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentMain, null, txt)) : children, contentRight && (_StyledContentRight || (_StyledContentRight = /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentRight, null, contentRight))));
-    };
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: ref,
-      className: index.cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className),
-      view: view,
-      size: size,
-      pilled: pilled,
-      transparent: transparent,
-      clear: clear,
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({
-        maxWidth: maxWidth
-      }, Badge_tokens.privateTokens.customBackground, customBackgroundColor), Badge_tokens.privateTokens.customColor, customColor))
-    }, rest), /*#__PURE__*/React__default.default.createElement(BadgeContent, null));
-  });
-};
-var badgeConfig = {
+const badgeRoot = Root => /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    style,
+    text,
+    contentLeft,
+    contentRight,
+    size,
+    view,
+    customColor,
+    customBackgroundColor,
+    pilled = false,
+    transparent = false,
+    clear = false,
+    maxWidth = 'auto',
+    ...rest
+  } = props;
+  const pilledClass = pilled ? Badge_tokens.classes.badgePilled : undefined;
+  const transparentClass = transparent ? Badge_tokens.classes.badgeTransparent : undefined;
+  const clearClass = clear ? Badge_tokens.classes.badgeClear : undefined;
+  const truncateClass = maxWidth !== 'auto' ? Badge_tokens.classes.badgeTruncate : undefined;
+  const txt = !text && typeof children === 'string' ? children : text;
+  const iconOnlyClass = !txt && contentLeft ? Badge_tokens.classes.iconOnly : undefined;
+  const BadgeContent = () => {
+    if (contentLeft) {
+      return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentMain, null, txt) : children);
+    }
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, txt ? /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React__default.default.createElement(Badge_styles.StyledContentRight, null, contentRight));
+  };
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    ref: ref,
+    className: index.cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className),
+    view: view,
+    size: size,
+    pilled: pilled,
+    transparent: transparent,
+    clear: clear,
+    style: {
+      ...style,
+      maxWidth,
+      [Badge_tokens.privateTokens.customBackground]: customBackgroundColor,
+      [Badge_tokens.privateTokens.customColor]: customColor
+    }
+  }, rest), /*#__PURE__*/React__default.default.createElement(BadgeContent, null));
+});
+const badgeConfig = {
   name: 'Badge',
   tag: 'div',
   layout: badgeRoot,

package/cjs/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes, privateTokens } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            style,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            customColor,\n            customBackgroundColor,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;\n\n        const BadgeContent = () => {\n            if (contentLeft) {\n                return (\n                    <>\n                        <StyledContentLeft>{contentLeft}</StyledContentLeft>\n                        {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    </>\n                );\n            }\n\n            return (\n                <>\n                    {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </>\n            );\n        };\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                style={\n                    {\n                        ...style,\n                        maxWidth,\n                        [privateTokens.customBackground]: customBackgroundColor,\n                        [privateTokens.customColor]: customColor,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <BadgeContent />\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","_StyledContentLeft","_StyledContentMain","_StyledContentMain2","_StyledContentRight","children","className","style","text","contentLeft","contentRight","size","view","customColor","customBackgroundColor","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","truncateClass","badgeTruncate","txt","iconOnlyClass","iconOnly","BadgeContent","React","createElement","Fragment","StyledContentLeft","StyledContentMain","StyledContentRight","_extends","cx","_objectSpread","_defineProperty","privateTokens","customBackground","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes, privateTokens } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            style,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            customColor,\n            customBackgroundColor,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;\n\n        const BadgeContent = () => {\n            if (contentLeft) {\n                return (\n                    <>\n                        <StyledContentLeft>{contentLeft}</StyledContentLeft>\n                        {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    </>\n                );\n            }\n\n            return (\n                <>\n                    {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </>\n            );\n        };\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                style={\n                    {\n                        ...style,\n                        maxWidth,\n                        [privateTokens.customBackground]: customBackgroundColor,\n                        [privateTokens.customColor]: customColor,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <BadgeContent />\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","children","className","style","text","contentLeft","contentRight","size","view","customColor","customBackgroundColor","pilled","transparent","clear","maxWidth","rest","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","truncateClass","badgeTruncate","txt","iconOnlyClass","iconOnly","BadgeContent","React","createElement","Fragment","StyledContentLeft","StyledContentMain","StyledContentRight","_extends","cx","privateTokens","customBackground","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":"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"}

package/cjs/components/Badge/Badge.styles.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var StyledContentLeft = /*#__PURE__*/react.styled('div')({
+const StyledContentLeft = /*#__PURE__*/react.styled('div')({
   name: "StyledContentLeft",
-  "class": "s1t43xoe",
+  class: "s1t43xoe",
   propsAsIs: false
 });
-var StyledContentMain = /*#__PURE__*/react.styled('span')({
+const StyledContentMain = /*#__PURE__*/react.styled('span')({
   name: "StyledContentMain",
-  "class": "st1n7hr",
+  class: "st1n7hr",
   propsAsIs: false
 });
-var StyledContentRight = /*#__PURE__*/react.styled('div')({
+const StyledContentRight = /*#__PURE__*/react.styled('div')({
   name: "StyledContentRight",
-  "class": "sqn2dok",
+  class: "sqn2dok",
   propsAsIs: false
 });
-var base = "bae60b0";
+const base = "bae60b0";
 
 exports.StyledContentLeft = StyledContentLeft;
 exports.StyledContentMain = StyledContentMain;

package/cjs/components/Badge/Badge.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { classes, tokens } from './Badge.tokens';\n\nexport const StyledContentLeft = styled.div`\n    display: flex;\n    margin-left: var(${tokens.leftContentMarginLeft});\n    margin-right: var(${tokens.leftContentMarginRight});\n`;\n\nexport const StyledContentMain = styled.span``;\n\nexport const StyledContentRight = styled.div`\n    display: flex;\n    margin-left: var(${tokens.rightContentMarginLeft});\n    margin-right: var(${tokens.rightContentMarginRight});\n`;\n\nexport const base = css`\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    width: max-content;\n\n    &.${classes.badgeTruncate} {\n        max-width: 100%;\n\n        ${StyledContentMain} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentMain","StyledContentRight","base"],"mappings":";;;;;;AAKO,IAAMA,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAEvC,IAAME,kBAAkB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMG,IAAI,GAiBhB;;;;;;;"}
+{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { classes, tokens } from './Badge.tokens';\n\nexport const StyledContentLeft = styled.div`\n    display: flex;\n    margin-left: var(${tokens.leftContentMarginLeft});\n    margin-right: var(${tokens.leftContentMarginRight});\n`;\n\nexport const StyledContentMain = styled.span``;\n\nexport const StyledContentRight = styled.div`\n    display: flex;\n    margin-left: var(${tokens.rightContentMarginLeft});\n    margin-right: var(${tokens.rightContentMarginRight});\n`;\n\nexport const base = css`\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    width: max-content;\n\n    &.${classes.badgeTruncate} {\n        max-width: 100%;\n\n        ${StyledContentMain} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentMain","StyledContentRight","base"],"mappings":";;;;;;AAKO,MAAMA,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAEM,MAAMC,iBAAiB,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAEvC,MAAME,kBAAkB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,MAAMG,IAAI,GAiBhB;;;;;;;"}

package/cjs/components/Badge/Badge.tokens.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   badgePilled: 'badge-pilled',
   badgeTransparent: 'badge-transparent',
   badgeClear: 'badge-clear',
   badgeTruncate: 'badge-truncate',
   iconOnly: 'badge-icon-only'
 };
-var privateTokens = {
+const privateTokens = {
   customBackground: '--plasma-badge-custom-background',
   customColor: '--plasma-badge-custom-color'
 };
-var tokens = {
+const tokens = {
   background: '--plasma-badge-background',
   color: '--plasma-badge-color',
   backgroundTransparent: '--plasma-badge-background-transparent',

package/cjs/components/Badge/Badge.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n    badgeTruncate: 'badge-truncate',\n    iconOnly: 'badge-icon-only',\n};\n\nexport const privateTokens = {\n    customBackground: '--plasma-badge-custom-background',\n    customColor: '--plasma-badge-custom-color',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n    backgroundClear: '--plasma-badge-background-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    padding: '--plasma-badge-padding',\n    paddingIconOnly: '--plasma-badge-padding-icon-only',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","badgeTruncate","iconOnly","privateTokens","customBackground","customColor","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","backgroundClear","borderRadius","pilledBorderRadius","height","padding","paddingIconOnly","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,WAAW,EAAE,6BAAA;AACjB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,eAAe,EAAE,iCAAiC;AAElDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;;;"}
+{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n    badgeTruncate: 'badge-truncate',\n    iconOnly: 'badge-icon-only',\n};\n\nexport const privateTokens = {\n    customBackground: '--plasma-badge-custom-background',\n    customColor: '--plasma-badge-custom-color',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n    backgroundClear: '--plasma-badge-background-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    padding: '--plasma-badge-padding',\n    paddingIconOnly: '--plasma-badge-padding-icon-only',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","badgeTruncate","iconOnly","privateTokens","customBackground","customColor","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","backgroundClear","borderRadius","pilledBorderRadius","height","padding","paddingIconOnly","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,MAAMC,aAAa,GAAG;AACzBC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,WAAW,EAAE,6BAAA;AACjB,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,eAAe,EAAE,iCAAiC;AAElDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;;;"}

package/cjs/components/Badge/variations/_clear/base.js

@@ -3,7 +3,7 @@ require('./base_wiboj8.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1e1wuvi";
+const base = "b1e1wuvi";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Badge/variations/_clear/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeClear} {\n        color: var(${privateTokens.customColor}, var(${tokens.colorClear}));\n        background-color: var(${privateTokens.customBackground}, var(${tokens.backgroundClear}));\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeClear} {\n        color: var(${privateTokens.customColor}, var(${tokens.colorClear}));\n        background-color: var(${privateTokens.customBackground}, var(${tokens.backgroundClear}));\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAKhB;;;;"}

package/cjs/components/Badge/variations/_pilled/base.js

@@ -3,7 +3,7 @@ require('./base_zpvffd.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b3w4z61";
+const base = "b3w4z61";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Badge/variations/_pilled/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgePilled} {\n        border-radius: var(${tokens.pilledBorderRadius});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAIhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgePilled} {\n        border-radius: var(${tokens.pilledBorderRadius});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAIhB;;;;"}

package/cjs/components/Badge/variations/_size/base.js

@@ -3,7 +3,7 @@ require('./base_bu5opk.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bb8jvo5";
+const base = "bb8jvo5";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Badge/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\nimport { StyledContentLeft } from '../../Badge.styles';\n\nexport const base = css`\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-radius: var(${tokens.borderRadius});\n\n    height: var(${tokens.height});\n\n    padding: var(${tokens.padding});\n\n    &.${classes.iconOnly} {\n        padding: var(${tokens.paddingIconOnly});\n\n        ${StyledContentLeft} {\n            margin: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAqBhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Badge.tokens';\nimport { StyledContentLeft } from '../../Badge.styles';\n\nexport const base = css`\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-radius: var(${tokens.borderRadius});\n\n    height: var(${tokens.height});\n\n    padding: var(${tokens.padding});\n\n    &.${classes.iconOnly} {\n        padding: var(${tokens.paddingIconOnly});\n\n        ${StyledContentLeft} {\n            margin: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,MAAMA,IAAI,GAqBhB;;;;"}

package/cjs/components/Badge/variations/_transparent/base.js

@@ -3,7 +3,7 @@ require('./base_aapqhz.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "binquhc";
+const base = "binquhc";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Badge/variations/_transparent/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_transparent/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeTransparent} {\n        color: var(${privateTokens.customColor}, var(${tokens.colorTransparent}));\n        background-color: var(${privateTokens.customBackground}, var(${tokens.backgroundTransparent}));\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_transparent/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    &.${classes.badgeTransparent} {\n        color: var(${privateTokens.customColor}, var(${tokens.colorTransparent}));\n        background-color: var(${privateTokens.customBackground}, var(${tokens.backgroundTransparent}));\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAKhB;;;;"}

package/cjs/components/Badge/variations/_view/base.js

@@ -3,7 +3,7 @@ require('./base_j3xzf3.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b5zny0e";
+const base = "b5zny0e";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Badge/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    color: var(${privateTokens.customColor}, var(${tokens.color}));\n    background-color: var(${privateTokens.customBackground}, var(${tokens.background}));\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAGhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Badge/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { privateTokens, tokens } from '../../Badge.tokens';\n\nexport const base = css`\n    color: var(${privateTokens.customColor}, var(${tokens.color}));\n    background-color: var(${privateTokens.customBackground}, var(${tokens.background}));\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAGhB;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -14,35 +14,31 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var breadcrumbsRoot = function breadcrumbsRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-    var view = _ref.view,
-      size = _ref.size,
-      separator = _ref.separator,
-      items = _ref.items,
-      _ref$showItems = _ref.showItems,
-      showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
-      className = _ref.className;
-    var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React__default.default.createElement(Breadcrumbs_styles.Separator, {
-      color: "inherit",
-      size: index.convertIconSize(size)
-    });
-    var renderItems = getShortItems.getRenderItems(items, renderSeparator, showItems);
-    var itemsWithSeparator = index.addSeparator(renderItems, renderSeparator);
-    return /*#__PURE__*/React__default.default.createElement(Root, {
-      ref: outerRootRef,
-      size: size,
-      view: view,
-      className: index$1.cx(className),
-      items: items
-    }, itemsWithSeparator.map(function (item, index) {
-      return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, {
-        key: index
-      }, item);
-    }));
+const breadcrumbsRoot = Root => /*#__PURE__*/React.forwardRef(({
+  view,
+  size,
+  separator,
+  items,
+  showItems = items.length,
+  className
+}, outerRootRef) => {
+  const renderSeparator = separator ?? /*#__PURE__*/React__default.default.createElement(Breadcrumbs_styles.Separator, {
+    color: "inherit",
+    size: index.convertIconSize(size)
   });
-};
-var breadcrumbsConfig = {
+  const renderItems = getShortItems.getRenderItems(items, renderSeparator, showItems);
+  const itemsWithSeparator = index.addSeparator(renderItems, renderSeparator);
+  return /*#__PURE__*/React__default.default.createElement(Root, {
+    ref: outerRootRef,
+    size: size,
+    view: view,
+    className: index$1.cx(className),
+    items: items
+  }, itemsWithSeparator.map((item, index) => /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, {
+    key: index
+  }, item)));
+});
+const breadcrumbsConfig = {
   name: 'Breadcrumbs',
   tag: 'div',
   layout: breadcrumbsRoot,

package/cjs/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize } from './utils';\nimport { getRenderItems } from './utils/getShortItems';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n    forwardRef<HTMLDivElement, BreadcrumbsProps>(\n        ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n            const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n            const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n            const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n                    {itemsWithSeparator.map((item, index) => (\n                        <React.Fragment key={index}>{item}</React.Fragment>\n                    ))}\n                </Root>\n            );\n        },\n    );\n\nexport const breadcrumbsConfig = {\n    name: 'Breadcrumbs',\n    tag: 'div',\n    layout: breadcrumbsRoot,\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":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","index","Fragment","key","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAYaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,sBAAA,CAAAC,aAAA,CAACC,4BAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,qBAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,4BAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,kBAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,UAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;AAAA,MAAA,oBAChCb,sBAAA,CAAAC,aAAA,CAACD,sBAAK,CAACc,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEF,KAAAA;AAAM,OAAA,EAAED,IAAqB,CAAC,CAAA;AAAA,KACtD,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMI,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjC,eAAe;AACvBkC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACR9B,IAAAA,IAAI,EAAE;AACF+B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD/B,IAAAA,IAAI,EAAE;AACF8B,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize } from './utils';\nimport { getRenderItems } from './utils/getShortItems';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n    forwardRef<HTMLDivElement, BreadcrumbsProps>(\n        ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n            const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n            const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n            const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n                    {itemsWithSeparator.map((item, index) => (\n                        <React.Fragment key={index}>{item}</React.Fragment>\n                    ))}\n                </Root>\n            );\n        },\n    );\n\nexport const breadcrumbsConfig = {\n    name: 'Breadcrumbs',\n    tag: 'div',\n    layout: breadcrumbsRoot,\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":["breadcrumbsRoot","Root","forwardRef","view","size","separator","items","showItems","length","className","outerRootRef","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","index","Fragment","key","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;MAYaA,eAAe,GAAIC,IAAiD,iBAC7EC,gBAAU,CACN,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC,SAAS;EAAEC,KAAK;EAAEC,SAAS,GAAGD,KAAK,CAACE,MAAM;AAAEC,EAAAA,SAAAA;AAAU,CAAC,EAAEC,YAAY,KAAK;EACrF,MAAMC,eAAe,GAAGN,SAAS,iBAAIO,sBAAA,CAAAC,aAAA,CAACC,4BAAS,EAAA;AAACC,IAAAA,KAAK,EAAC,SAAS;IAACX,IAAI,EAAEY,qBAAe,CAACZ,IAAI,CAAA;AAAE,GAAE,CAAC,CAAA;EAC/F,MAAMa,WAAwB,GAAGC,4BAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEJ,SAAS,CAAC,CAAA;AAClF,EAAA,MAAMY,kBAAkB,GAAGC,kBAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACZ,IAAI,EAAA;AAACoB,IAAAA,GAAG,EAAEX,YAAa;AAACN,IAAAA,IAAI,EAAEA,IAAK;AAACD,IAAAA,IAAI,EAAEA,IAAK;AAACM,IAAAA,SAAS,EAAEa,UAAE,CAACb,SAAS,CAAE;AAACH,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAChCb,sBAAA,CAAAC,aAAA,CAACD,sBAAK,CAACc,QAAQ,EAAA;AAACC,IAAAA,GAAG,EAAEF,KAAAA;GAAQD,EAAAA,IAAqB,CACrD,CACC,CAAC,CAAA;AAEf,CACJ,EAAC;AAEE,MAAMI,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE/B,eAAe;QACvBgC,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACR9B,IAAAA,IAAI,EAAE;AACF+B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD/B,IAAAA,IAAI,EAAE;AACF8B,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -6,42 +6,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('@linaria/react');
 var Breadcrumbs_tokens = require('./Breadcrumbs.tokens.js');
 var common = require('../../engines/common.js');
-var IconDisclosureRight = require('../_Icon/Icons/IconDisclosureRight.js');
 var Link$1 = require('../Link/Link.js');
+var IconDisclosureRight = require('../_Icon/Icons/IconDisclosureRight.js');
 
-var mergedLinkConfig = /*#__PURE__*/common.mergeConfig(Link$1.linkConfig);
-var Link = /*#__PURE__*/common.component(mergedLinkConfig);
-var _exp = function _exp() {
-  return Link;
-};
-var _exp2 = function _exp2() {
-  return function (_ref) {
-    var isHref = _ref.isHref;
-    return isHref ? "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColor, ")") : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColorText, ")");
-  };
-};
-var _exp8 = function _exp8() {
-  return function (_ref2) {
-    var isHref = _ref2.isHref;
-    return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
-  };
-};
-var StyledLink = /*#__PURE__*/react.styled(_exp())({
+const mergedLinkConfig = common.mergeConfig(Link$1.linkConfig);
+const Link = common.component(mergedLinkConfig);
+const _exp = /*#__PURE__*/() => Link;
+const _exp2 = /*#__PURE__*/() => ({
+  isHref
+}) => isHref ? `var(${Breadcrumbs_tokens.tokens.breadcrumbsColor})` : `var(${Breadcrumbs_tokens.tokens.breadcrumbsColorText})`;
+const _exp8 = /*#__PURE__*/() => ({
+  isHref
+}) => isHref ? 1 : `var(${Breadcrumbs_tokens.tokens.breadcrumbsOpacity})`;
+const StyledLink = /*#__PURE__*/react.styled(_exp())({
   name: "StyledLink",
-  "class": "shehk3i",
+  class: "shehk3i",
   propsAsIs: true,
   vars: {
-    "shehk3i-0": [/*#__PURE__*/_exp2()],
-    "shehk3i-1": [/*#__PURE__*/_exp8()]
+    "shehk3i-0": [_exp2()],
+    "shehk3i-1": [_exp8()]
   }
 });
-var base = "bkgt5xr";
-var _exp18 = function _exp18() {
-  return IconDisclosureRight.IconDisclosureRight;
-};
-var Separator = /*#__PURE__*/react.styled(_exp18())({
+const base = "bkgt5xr";
+const _exp18 = /*#__PURE__*/() => IconDisclosureRight.IconDisclosureRight;
+const Separator = /*#__PURE__*/react.styled(_exp18())({
   name: "Separator",
-  "class": "sajtslk",
+  class: "sajtslk",
   propsAsIs: true
 });
 

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\nimport { tokens as linkTokens } from '../Link/Link.tokens';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    --plasma__private-color: ${({ isHref }) =>\n        isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n    ${linkTokens.linkColor}: var(--plasma__private-color);\n    ${linkTokens.linkColorHover}: var(--plasma__private-color);\n    ${linkTokens.linkColorActive}: var(--plasma__private-color);\n\n    ${linkTokens.linkDisabledOpacity}: var(${tokens.breadcrumbsOpacity});\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n    cursor: pointer;\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsColor","breadcrumbsColorText","_exp8","_ref2","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp18","IconDisclosureRight","Separator"],"mappings":";;;;;;;;;;AAWA,IAAMA,gBAAgB,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAXvBA,SAWuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAbnBA,SAamBA,KAAAA,GAAA;AAAA,EAAA,OACN,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC1BA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACC,gBAAgB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,yBAAM,CAACE,oBAAoB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfxEA,SAewEA,KAAAA,GAAA;AAAA,EAAA,OAO3E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACK,kBAAkB,EAAI,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT1E,IAAMC,UAAU,gBAAGC,YAAM,CAAAZ,IAAA,EAAA,CAAA,CAAA;AAAAa,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACDf,KAC2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAO3EO,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhF,EAAA;AAEM,IAAMS,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GA/CgBA,SA+ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}
+{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\nimport { tokens as linkTokens } from '../Link/Link.tokens';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    --plasma__private-color: ${({ isHref }) =>\n        isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n    ${linkTokens.linkColor}: var(--plasma__private-color);\n    ${linkTokens.linkColorHover}: var(--plasma__private-color);\n    ${linkTokens.linkColorActive}: var(--plasma__private-color);\n\n    ${linkTokens.linkDisabledOpacity}: var(${tokens.breadcrumbsOpacity});\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n    cursor: pointer;\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","isHref","tokens","breadcrumbsColor","breadcrumbsColorText","_exp8","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp18","IconDisclosureRight","Separator"],"mappings":";;;;;;;;;;AAWA,MAAMA,gBAAgB,GAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,MAAMC,IAAI,GAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,MAAAK,IAAA,gBAXvBA,MAaeF,IAAI,CAAA;AAAA,MAAAG,KAAA,gBAbnBA,MAca,CAAC;AAAEC,EAAAA,MAAAA;AAAO,CAAC,KAClCA,MAAM,GAAG,CAAA,IAAA,EAAOC,yBAAM,CAACC,gBAAgB,CAAA,CAAA,CAAG,GAAG,CAAA,IAAA,EAAOD,yBAAM,CAACE,oBAAoB,CAAG,CAAA,CAAA,CAAA;AAAA,MAAAC,KAAA,gBAfxEA,MAsBH,CAAC;AAAEJ,EAAAA,MAAAA;AAAO,CAAC,KAAMA,MAAM,GAAG,CAAC,GAAG,CAAOC,IAAAA,EAAAA,yBAAM,CAACI,kBAAkB,CAAI,CAAA,CAAA,CAAA;AAT1E,MAAMC,UAAU,gBAAGC,YAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CACDZ,KAC2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAO3EK,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhF,EAAA;AAEM,MAAMQ,IAAI,GAahB,UAAA;AAAC,MAAAC,MAAA,gBA/CgBA,MAiDcC,uCAAmB,CAAA;AAA5C,MAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   breadcrumbsRoot: 'breadcrumbs-root'
 };
-var tokens = {
+const tokens = {
   breadcrumbsGap: '--plasma-breadcrumbs-gap',
   breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
   breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',

package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n    breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n    breadcrumbsGap: '--plasma-breadcrumbs-gap',\n    breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n    breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n    breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',\n    breadcrumbsColorText: '--plasma-breadcrumbs-color-text',\n\n    breadcrumbsColor: '--plasma-breadcrumbs-color',\n    breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n    breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n    breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n    breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n    breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n    breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColorSeparator","breadcrumbsColorText","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,yBAAyB,EAAE,sCAAsC;AACjEC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;;"}
+{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n    breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n    breadcrumbsGap: '--plasma-breadcrumbs-gap',\n    breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n    breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n    breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',\n    breadcrumbsColorText: '--plasma-breadcrumbs-color-text',\n\n    breadcrumbsColor: '--plasma-breadcrumbs-color',\n    breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n    breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n    breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n    breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n    breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n    breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColorSeparator","breadcrumbsColorText","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,yBAAyB,EAAE,sCAAsC;AACjEC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;;"}

package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../utils/index.js');
 var BreadcrumbShorter_styles = require('./BreadcrumbShorter.styles.js');
@@ -11,15 +10,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
-  var children = _ref.children,
-    separator = _ref.separator;
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    openShorter = _useState2[0],
-    setOpenShorter = _useState2[1];
-  var renderItems = index.addSeparator(children, separator);
-  var onKeyPress = function onKeyPress(event) {
+const BreadcrumbShorter = ({
+  children,
+  separator
+}) => {
+  const [openShorter, setOpenShorter] = React.useState(false);
+  const renderItems = index.addSeparator(children, separator);
+  const onKeyPress = event => {
     event.persist();
     if (event.keyCode === 13) {
       setOpenShorter(true);
@@ -27,13 +24,9 @@ var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
   };
   return /*#__PURE__*/React__default.default.createElement(BreadcrumbShorter_styles.StyledRoot, null, !openShorter && /*#__PURE__*/React__default.default.createElement(BreadcrumbShorter_styles.StyledShorter, {
     tabIndex: 0,
-    onClick: function onClick() {
-      return setOpenShorter(true);
-    },
+    onClick: () => setOpenShorter(true),
     onKeyDown: onKeyPress
-  }, "..."), openShorter && /*#__PURE__*/React__default.default.createElement(BreadcrumbShorter_styles.StyledHidden, null, renderItems.map(function (item) {
-    return item;
-  })));
+  }, "..."), openShorter && /*#__PURE__*/React__default.default.createElement(BreadcrumbShorter_styles.StyledHidden, null, renderItems.map(item => item)));
 };
 
 exports.BreadcrumbShorter = BreadcrumbShorter;

package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n    children,\n    separator,\n}) => {\n    const [openShorter, setOpenShorter] = useState(false);\n\n    const renderItems: ReactNode[] = addSeparator(children, separator);\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        event.persist();\n\n        if (event.keyCode === 13) {\n            setOpenShorter(true);\n        }\n    };\n\n    return (\n        <StyledRoot>\n            {!openShorter && (\n                <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n                    ...\n                </StyledShorter>\n            )}\n            {openShorter && <StyledHidden>{renderItems.map((item) => item)}</StyledHidden>}\n        </StyledRoot>\n    );\n};\n"],"names":["BreadcrumbShorter","_ref","children","separator","_useState","useState","_useState2","_slicedToArray","openShorter","setOpenShorter","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;;;;;;;;;IAOaA,iBAAoF,GAAG,SAAvFA,iBAAoFA,CAAAC,IAAA,EAG3F;AAAA,EAAA,IAFFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAAsCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,WAAwB,GAAGC,kBAAY,CAACT,QAAQ,EAAEC,SAAS,CAAC,CAAA;AAElE,EAAA,IAAMS,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBN,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIO,sBAAA,CAAAC,aAAA,CAACC,mCAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,sBAAA,CAAAC,aAAA,CAACE,sCAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,cAAc,CAAC,IAAI,CAAC,CAAA;KAAC;AAACa,IAAAA,SAAS,EAAEV,UAAAA;AAAW,GAAA,EAAC,KAEzE,CAClB,EACAJ,WAAW,iBAAIQ,sBAAA,CAAAC,aAAA,CAACM,qCAAY,QAAEb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,IAAA,OAAKA,IAAI,CAAA;AAAA,GAAA,CAAgB,CACrE,CAAC,CAAA;AAErB;;;;"}
+{"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n    children,\n    separator,\n}) => {\n    const [openShorter, setOpenShorter] = useState(false);\n\n    const renderItems: ReactNode[] = addSeparator(children, separator);\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        event.persist();\n\n        if (event.keyCode === 13) {\n            setOpenShorter(true);\n        }\n    };\n\n    return (\n        <StyledRoot>\n            {!openShorter && (\n                <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n                    ...\n                </StyledShorter>\n            )}\n            {openShorter && <StyledHidden>{renderItems.map((item) => item)}</StyledHidden>}\n        </StyledRoot>\n    );\n};\n"],"names":["BreadcrumbShorter","children","separator","openShorter","setOpenShorter","useState","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;;;;;;;;AAOO,MAAMA,iBAAoF,GAAGA,CAAC;EACjGC,QAAQ;AACRC,EAAAA,SAAAA;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAErD,EAAA,MAAMC,WAAwB,GAAGC,kBAAY,CAACN,QAAQ,EAAEC,SAAS,CAAC,CAAA;EAElE,MAAMM,UAAU,GAAIC,KAAoC,IAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBP,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIQ,sBAAA,CAAAC,aAAA,CAACC,mCAAU,EAAA,IAAA,EACN,CAACX,WAAW,iBACTS,sBAAA,CAAAC,aAAA,CAACE,sCAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;AAACC,IAAAA,OAAO,EAAEA,MAAMb,cAAc,CAAC,IAAI,CAAE;AAACc,IAAAA,SAAS,EAAEV,UAAAA;GAAY,EAAA,KAEzE,CAClB,EACAL,WAAW,iBAAIS,sBAAA,CAAAC,aAAA,CAACM,qCAAY,QAAEb,WAAW,CAACc,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAgB,CACrE,CAAC,CAAA;AAErB;;;;"}