@salutejs/plasma-new-hope 0.157.0-canary.1438.11114892430.0 → 0.157.0-canary.1443.11121362963.0

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

@@ -1,13 +1 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-
-.AccordionItem_styles_aus2x3_s1d847tf__94808ef4{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.AccordionItem_styles_aus2x3_s1d847tf__94808ef4:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_aus2x3_s1d847tf__94808ef4.AccordionItem_styles_aus2x3_accordionDisabled__94808ef4{opacity:0.4;cursor:not-allowed;}
-.AccordionItem_styles_aus2x3_s18inj31__94808ef4{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4:focus{outline:none;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4.AccordionItem_styles_aus2x3_focusVisible__94808ef4:focus::before,.AccordionItem_styles_aus2x3_s18inj31__94808ef4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
-.AccordionItem_styles_aus2x3_s1kvo44v__94808ef4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.AccordionItem_styles_aus2x3_s2tqnbp__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_aus2x3_s2tqnbp__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_aus2x3_s11daj3x__94808ef4{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AccordionItem_styles_aus2x3_s11daj3x__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
-.AccordionItem_styles_aus2x3_sy09zp7__94808ef4{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
-.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4.AccordionItem_styles_aus2x3_accordionPlusAnimationElement__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_aus2x3_s1ewkyyv__94808ef4{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
-.AccordionItem_styles_aus2x3_s15qiue1__94808ef4{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
-.AccordionItem_styles_aus2x3_syldew1__94808ef4{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.AccordionItem_styles_aus2x3_syldew1__94808ef4.AccordionItem_styles_aus2x3_accordionPlusAnimationElement__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_aus2x3_syldew1__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_aus2x3_s1he8scv__94808ef4{position:relative;height:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1rem;}

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

@@ -1,74 +1,53 @@
-import './AccordionItem.styles_aus2x3.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
 require('react');
+require('@linaria/react');
 var IconChevronDownFill = require('../../../_Icon/Icons/IconChevronDownFill.js');
 var IconMinus = require('../../../_Icon/Icons/IconMinus.js');
+var Accordion_tokens = require('../../Accordion.tokens.js');
+var addFocus = require('../../../../mixins/addFocus.js');
 
-var StyledAccordionItem = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionItem",
-  "class": "s1d847tf",
-  propsAsIs: false
-});
-var StyledAccordionHeader = /*#__PURE__*/react.styled('button')({
-  name: "StyledAccordionHeader",
-  "class": "s18inj31",
-  propsAsIs: false
-});
-var StyledAccordionHeaderLeft = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionHeaderLeft",
-  "class": "s1kvo44v",
-  propsAsIs: false
-});
-var StyledAccordionContentRight = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionContentRight",
-  "class": "s2tqnbp",
-  propsAsIs: false
-});
-var StyledAccordionContentLeft = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionContentLeft",
-  "class": "s11daj3x",
-  propsAsIs: false
-});
-var StyledAccordionTitle = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionTitle",
-  "class": "sy09zp7",
-  propsAsIs: false
-});
-var StyledAccordionBodyAnimate = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionBodyAnimate",
-  "class": "sbzgv9z",
-  propsAsIs: false
-});
-var StyledAccordionBody = /*#__PURE__*/react.styled('div')({
-  name: "StyledAccordionBody",
-  "class": "s1ewkyyv",
-  propsAsIs: false
-});
-var _exp31 = function _exp31() {
-  return IconChevronDownFill.IconChevronDownFill;
-};
-var StyledArrow = /*#__PURE__*/react.styled(_exp31())({
-  name: "StyledArrow",
-  "class": "s15qiue1",
-  propsAsIs: true
-});
-var _exp33 = function _exp33() {
-  return IconMinus.IconMinus;
-};
-var StyledMinus = /*#__PURE__*/react.styled(_exp33())({
-  name: "StyledMinus",
-  "class": "syldew1",
-  propsAsIs: true
-});
-var StyledPlus = /*#__PURE__*/react.styled('div')({
-  name: "StyledPlus",
-  "class": "s1he8scv",
-  propsAsIs: false
-});
+var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-0"
+})(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], Accordion_tokens.tokens.accordionItemBackground, Accordion_tokens.tokens.accordionItemBorder, Accordion_tokens.tokens.accordionItemBorderBottom, Accordion_tokens.tokens.accordionItemBorder, Accordion_tokens.classes.accordionDisabled);
+var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-1"
+})(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], Accordion_tokens.tokens.accordionItemPadding, Accordion_tokens.tokens.accordionItemGap, /*#__PURE__*/addFocus.addFocus({
+  outlineOffset: '0.125rem',
+  outlineSize: '0.125rem',
+  outlineRadius: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(Accordion_tokens.tokens.accordionItemFocus, ")")
+}));
+var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-2"
+})(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], Accordion_tokens.tokens.accordionItemGap);
+var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-3"
+})(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], Accordion_tokens.classes.accordionItemShowBody);
+var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-4"
+})(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], Accordion_tokens.classes.accordionItemShowBody);
+var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-5"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], Accordion_tokens.tokens.accordionItemTitleColor, Accordion_tokens.tokens.accordionItemTitleFontFamily, Accordion_tokens.tokens.accordionItemTitleFontSize, Accordion_tokens.tokens.accordionItemTitleFontWeight, Accordion_tokens.tokens.accordionItemTitleFontStyle, Accordion_tokens.tokens.accordionItemTitleLetterSpacing, Accordion_tokens.tokens.accordionItemTitleLineHeight);
+var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-6"
+})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], Accordion_tokens.classes.accordionItemShowBody, Accordion_tokens.tokens.accordionItemPaddingVertical, Accordion_tokens.classes.accordionPlusAnimationElement);
+var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-7"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], Accordion_tokens.tokens.accordionItemTextColor, Accordion_tokens.tokens.accordionItemTextFontFamily, Accordion_tokens.tokens.accordionItemTextFontSize, Accordion_tokens.tokens.accordionItemTextFontWeight, Accordion_tokens.tokens.accordionItemTextFontStyle, Accordion_tokens.tokens.accordionItemTextLetterSpacing, Accordion_tokens.tokens.accordionItemTextLineHeight, Accordion_tokens.tokens.accordionItemPaddingHorizontal, Accordion_tokens.tokens.accordionItemPaddingHorizontalLeft);
+var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill.IconChevronDownFill).withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-8"
+})(["pointer-events:none;user-select:none;color:var(", ");"], Accordion_tokens.tokens.accordionItemIconColor);
+var StyledMinus = /*#__PURE__*/styled(IconMinus.IconMinus).withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-9"
+})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], Accordion_tokens.tokens.accordionItemIconColor, Accordion_tokens.classes.accordionPlusAnimationElement, Accordion_tokens.classes.accordionItemShowBody);
+var StyledPlus = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-iot32d-10"
+})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
 
 exports.StyledAccordionBody = StyledAccordionBody;
 exports.StyledAccordionBodyAnimate = StyledAccordionBodyAnimate;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","name","class","propsAsIs","StyledAccordionHeader","StyledAccordionHeaderLeft","StyledAccordionContentRight","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionBodyAnimate","StyledAccordionBody","_exp31","IconChevronDownFill","StyledArrow","_exp33","IconMinus","StyledMinus","StyledPlus"],"mappings":";;;;;;;;;AAMO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAaxC,EAAA;AAEM,IAAMC,qBAAqB,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsB1C,EAAA;AAEM,IAAME,yBAAyB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9C,EAAA;AAEM,IAAMG,2BAA2B,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,6BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhD,EAAA;AAEM,IAAMI,0BAA0B,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/C,EAAA;AAEM,IAAMK,oBAAoB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASzC,EAAA;AAEM,IAAMM,0BAA0B,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe/C,EAAA;AAEM,IAAMO,mBAAmB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAAC,IAAAQ,MAAA,GAhHgBA,SAgHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA9C,IAAMC,WAAW,gBAAGb,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAW,MAAA,GAtHgBA,SAsHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,mBAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,WAAW,gBAAGhB,YAAM,CAAAc,MAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAmBhC,EAAA;AAEM,IAAMc,UAAU,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;;;;;;;;;;;"}
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorder","accordionItemBorderBottom","classes","accordionDisabled","StyledAccordionHeader","button","accordionItemPadding","accordionItemGap","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeaderLeft","StyledAccordionContentRight","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionItemPaddingVertical","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","StyledArrow","IconChevronDownFill","accordionItemIconColor","StyledMinus","IconMinus","StyledPlus"],"mappings":";;;;;;;;;;;;IAMaA,mBAAmB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,mCAAA,EAAA,OAAA,EAAA,mCAAA,CAAA,EACvBC,uBAAM,CAACC,uBAAuB,EAClCD,uBAAM,CAACE,mBAAmB,EACnBF,uBAAM,CAACG,yBAAyB,EAG5BH,uBAAM,CAACE,mBAAmB,EAG/CE,wBAAO,CAACC,iBAAiB,EAIhC;IAEYC,qBAAqB,gBAAGV,MAAM,CAACW,MAAM,CAAAT,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG/BC,CAAAA,CAAAA,CAAAA,qCAAAA,EAAAA,yBAAAA,EAAAA,gIAAAA,EAAAA,EAAAA,CAAAA,EAAAA,uBAAM,CAACQ,oBAAoB,EAE/BR,uBAAM,CAACS,gBAAgB,eAWhCC,iBAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASf,uBAAM,CAACgB,kBAAkB,EAAA,GAAA,CAAA;AAClD,CAAC,CAAC,EACL;IAEYC,yBAAyB,gBAAGrB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAEpCC,CAAAA,CAAAA,CAAAA,uBAAAA,EAAAA,qDAAAA,CAAAA,EAAAA,uBAAM,CAACS,gBAAgB,EAGrC;IAEYS,2BAA2B,gBAAGtB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7CK,CAAAA,CAAAA,CAAAA,4CAAAA,EAAAA,2CAAAA,CAAAA,EAAAA,wBAAO,CAACe,qBAAqB,EAIpC;IAEYC,0BAA0B,gBAAGxB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAK5CK,CAAAA,CAAAA,CAAAA,oDAAAA,EAAAA,6CAAAA,CAAAA,EAAAA,wBAAO,CAACe,qBAAqB,EAIpC;IAEYE,oBAAoB,gBAAGzB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC7BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,oBAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,uBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,CAAAA,EAAAA,uBAAM,CAACsB,uBAAuB,EACxBtB,uBAAM,CAACuB,4BAA4B,EACrCvB,uBAAM,CAACwB,0BAA0B,EAC/BxB,uBAAM,CAACyB,4BAA4B,EACpCzB,uBAAM,CAAC0B,2BAA2B,EAC9B1B,uBAAM,CAAC2B,+BAA+B,EACzC3B,uBAAM,CAAC4B,4BAA4B,EAEzD;IAEYC,0BAA0B,gBAAGjC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAM5CK,CAAAA,CAAAA,CAAAA,oGAAAA,EAAAA,6CAAAA,EAAAA,MAAAA,EAAAA,4CAAAA,CAAAA,EAAAA,wBAAO,CAACe,qBAAqB,EAEPnB,uBAAM,CAAC8B,4BAA4B,EAErD1B,wBAAO,CAAC2B,6BAA6B,EAKhD;IAEYC,mBAAmB,gBAAGpC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,YAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,oBAAA,EAAA,sCAAA,EAAA,qBAAA,EAAA,oBAAA,CAAA,EAC5BC,uBAAM,CAACiC,sBAAsB,EACvBjC,uBAAM,CAACkC,2BAA2B,EACpClC,uBAAM,CAACmC,yBAAyB,EAC9BnC,uBAAM,CAACoC,2BAA2B,EACnCpC,uBAAM,CAACqC,0BAA0B,EAC7BrC,uBAAM,CAACsC,8BAA8B,EACxCtC,uBAAM,CAACuC,2BAA2B,EAEhCvC,uBAAM,CAACwC,8BAA8B,EACtCxC,uBAAM,CAACyC,kCAAkC,EAEhE;AAEM,IAAMC,WAAW,gBAAG9C,MAAM,CAAC+C,uCAAmB,CAAC,CAAA7C,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGrCC,CAAAA,CAAAA,CAAAA,iDAAAA,EAAAA,IAAAA,CAAAA,EAAAA,uBAAM,CAAC4C,sBAAsB,EAC7C;AAEM,IAAMC,WAAW,gBAAGjD,MAAM,CAACkD,mBAAS,CAAC,CAAAhD,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG3BC,CAAAA,CAAAA,CAAAA,iDAAAA,EAAAA,qEAAAA,EAAAA,8CAAAA,EAAAA,2CAAAA,CAAAA,EAAAA,uBAAM,CAAC4C,sBAAsB,EAOtCxC,wBAAO,CAAC2B,6BAA6B,EAKrC3B,wBAAO,CAACe,qBAAqB,EAIpC;IAEY4B,UAAU,gBAAGnD,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAOnC,CAAA,CAAA,CAAA,kGAAA,CAAA;;;;;;;;;;;;;;"}

package/cjs/components/Attach/Attach.css

@@ -8,22 +8,10 @@
 .Attach_styles_fl8wha_sw7vb9c__6f4ae4c2{display:none;}
 .Attach_styles_fl8wha_suojwhg__6f4ae4c2{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
 
-.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
-
-.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
-
-.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
-
-.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
-.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
-.Cell_styles_1lali49_cdgokyj__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;}
-.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
-.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
 .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
 
-.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
-
 .Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
 
 .Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}

package/cjs/components/Attach/ui/Cell/Cell.styles.js

@@ -7,6 +7,7 @@ var react = require('@linaria/react');
 require('@linaria/core');
 var common = require('../../../../engines/common.js');
 require('react');
+require('styled-components');
 var Cell$1 = require('../../../Cell/Cell.js');
 
 var mergedConfig = /*#__PURE__*/common.mergeConfig(Cell$1.cellConfig);

package/cjs/components/Attach/ui/Cell/Cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n    ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n    ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n    ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n    ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n    ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n    ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n    ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n    ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n    ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n    ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n    ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n    ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n    ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n    ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n    ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n    ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n    ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n    ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n    ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n    white-space: nowrap;\n\n    &.${classes.cellHidden} {\n        visibility: hidden;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n    ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n    ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n    ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n    ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n    ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n    ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n    ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n    ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n    ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n    ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n    ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n    ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n    ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n    ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n    ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n    ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n    ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n    ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n    ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n    white-space: nowrap;\n\n    &.${classes.cellHidden} {\n        visibility: hidden;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.css

@@ -11,7 +11,3 @@
 .Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
 .Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
 .Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
-
-
-.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
-.BreadcrumbShorter_styles_czqxks_s1ald2fi__c6484ba8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);}

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

@@ -1,25 +1,25 @@
-import './BreadcrumbShorter.styles_czqxks.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var addFocus = require('../../../../mixins/addFocus.js');
+var Breadcrumbs_tokens = require('../../Breadcrumbs.tokens.js');
 
-var StyledRoot = /*#__PURE__*/react.styled('div')({
-  name: "StyledRoot",
-  "class": "s17gk8pr",
-  propsAsIs: false
-});
-var StyledShorter = /*#__PURE__*/react.styled('div')({
-  name: "StyledShorter",
-  "class": "s19f9x1v",
-  propsAsIs: false
-});
-var StyledHidden = /*#__PURE__*/react.styled('div')({
-  name: "StyledHidden",
-  "class": "s1ald2fi",
-  propsAsIs: false
-});
+var StyledRoot = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ufgggn-0"
+})([""]);
+var StyledShorter = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ufgggn-1"
+})(["cursor:pointer;", ""], /*#__PURE__*/addFocus.addFocus({
+  outlineOffset: '0.125rem',
+  outlineSize: '0.125rem',
+  outlineRadius: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsFocusOutlineColor, ")")
+}));
+var StyledHidden = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ufgggn-2"
+})(["display:flex;align-items:center;gap:var(", ");"], Breadcrumbs_tokens.tokens.breadcrumbsGap);
 
 exports.StyledHidden = StyledHidden;
 exports.StyledRoot = StyledRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Breadcrumbs.tokens';\n\nexport const StyledRoot = styled.div``;\nexport const StyledShorter = styled.div`\n    cursor: pointer;\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\nexport const StyledHidden = styled.div`\n    display: flex;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledShorter","StyledHidden"],"mappings":";;;;;;AAKO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAC/B,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQlC,EAAA;AACM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC;;;;;;"}
+{"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Breadcrumbs.tokens';\n\nexport const StyledRoot = styled.div``;\nexport const StyledShorter = styled.div`\n    cursor: pointer;\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\nexport const StyledHidden = styled.div`\n    display: flex;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n`;\n"],"names":["StyledRoot","styled","div","withConfig","componentId","StyledShorter","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","tokens","breadcrumbsFocusOutlineColor","StyledHidden","breadcrumbsGap"],"mappings":";;;;;;;;IAKaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;IACzBC,aAAa,gBAAGJ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAEjCE,iBAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASC,yBAAM,CAACC,4BAA4B,EAAA,GAAA,CAAA;AAC5D,CAAC,CAAC,EACL;IACYC,YAAY,gBAAGb,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGvBQ,CAAAA,CAAAA,CAAAA,0CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,yBAAM,CAACG,cAAc;;;;;;"}

package/cjs/components/ButtonBase/index.js

@@ -1,15 +1,15 @@
-import './index_1skcmbb.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var addFocus = require('../../mixins/addFocus.js');
 
-var ButtonBase = /*#__PURE__*/react.styled('button')({
-  name: "ButtonBase",
-  "class": "b1mq5oi6",
-  propsAsIs: false
-});
+var ButtonBase = /*#__PURE__*/styled.button.withConfig({
+  componentId: "plasma-new-hope__sc-d4su42-0"
+})(["width:100%;border:0;padding:0;margin:0;background-color:transparent;box-sizing:border-box;text-decoration:none;white-space:nowrap;transition:background-color 0.3s ease-in-out;cursor:pointer;border-radius:0.25rem;&:disabled{background-color:transparent;}&:focus{outline:none;}", ""], /*#__PURE__*/addFocus.addFocus({
+  outlineRadius: 'inherit'
+}));
 
 exports.ButtonBase = ButtonBase;
 //# sourceMappingURL=index.js.map

package/cjs/components/ButtonBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ButtonBase/index.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../mixins';\n\nexport const ButtonBase = styled.button`\n    width: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background-color: transparent;\n    box-sizing: border-box;\n    text-decoration: none;\n    white-space: nowrap;\n    transition: background-color 0.3s ease-in-out;\n    cursor: pointer;\n    border-radius: 0.25rem;\n    &:disabled {\n        background-color: transparent;\n    }\n    &:focus {\n        outline: none;\n    }\n    ${addFocus({\n        outlineRadius: 'inherit',\n    })}\n`;\n"],"names":["ButtonBase","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqB/B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ButtonBase/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../mixins';\n\nexport const ButtonBase = styled.button`\n    width: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background-color: transparent;\n    box-sizing: border-box;\n    text-decoration: none;\n    white-space: nowrap;\n    transition: background-color 0.3s ease-in-out;\n    cursor: pointer;\n    border-radius: 0.25rem;\n    &:disabled {\n        background-color: transparent;\n    }\n    &:focus {\n        outline: none;\n    }\n    ${addFocus({\n        outlineRadius: 'inherit',\n    })}\n`;\n"],"names":["ButtonBase","styled","button","withConfig","componentId","addFocus","outlineRadius"],"mappings":";;;;;;;IAIaA,UAAU,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,qRAAA,EAAA,EAAA,CAAA,eAkBjCC,iBAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,SAAA;AACnB,CAAC,CAAC;;;;"}

package/cjs/components/Cell/Cell.css

@@ -1,15 +1,3 @@
-.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
-.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
-.Cell_styles_1lali49_cdgokyj__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;}
-.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
-.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
 .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
-
-.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
-
-.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
-
-.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
-
-.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}

package/cjs/components/Cell/Cell.styles.js

@@ -1,56 +1,34 @@
-import './Cell.styles_1lali49.css';
+import './Cell.styles_ygfo1w.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var Cell_tokens = require('./Cell.tokens.js');
 
-var base = "b1wikybr";
-var CellContentWrapper = /*#__PURE__*/react.styled('div')({
-  name: "CellContentWrapper",
-  "class": "c1e5qbb3",
-  propsAsIs: false
-});
-var CellContent = /*#__PURE__*/react.styled('div')({
-  name: "CellContent",
-  "class": "cdgokyj",
-  propsAsIs: false
-});
-var _exp6 = function _exp6() {
-  return function (_ref) {
-    var align = _ref.align;
-    return {
-      center: "center",
-      top: "flex-start",
-      bottom: "flex-end"
-    }[align];
-  };
+var alignToFlex = {
+  center: 'center',
+  top: 'flex-start',
+  bottom: 'flex-end'
 };
-var CellLeft = /*#__PURE__*/react.styled('div')({
-  name: "CellLeft",
-  "class": "c1k87ec1",
-  propsAsIs: false,
-  vars: {
-    "c1k87ec1-0": [/*#__PURE__*/_exp6()]
-  }
+var base = "b1wikybr";
+var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-0"
+})(["display:flex;flex:auto;align-items:stretch;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
+var CellContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-1"
+})(["display:flex;align-items:center;height:auto;"]);
+var CellLeft = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-2"
+})(["display:flex;align-items:", ";"], function (_ref) {
+  var align = _ref.align;
+  return alignToFlex[align];
 });
-var _exp7 = function _exp7() {
-  return function (_ref2) {
-    var align = _ref2.align;
-    return {
-      center: "center",
-      top: "flex-start",
-      bottom: "flex-end"
-    }[align];
-  };
-};
-var CellRight = /*#__PURE__*/react.styled('div')({
-  name: "CellRight",
-  "class": "c1spqh22",
-  propsAsIs: false,
-  vars: {
-    "c1spqh22-0": [/*#__PURE__*/_exp7()]
-  }
+var CellRight = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-3"
+})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
+  var align = _ref2.align;
+  return alignToFlex[align];
 });
 
 exports.CellContent = CellContent;

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n    center: 'center',\n    top: 'flex-start',\n    bottom: 'flex-end',\n};\n\nexport const base = css`\n    &&.${classes.fixedStretching} {\n        width: var(${tokens.cellWidth});\n    }\n    &&.${classes.filledStretching} {\n        width: 100%;\n    }\n    &&.${classes.autoStretching} {\n        width: auto;\n    }\n`;\n\nexport const CellContentWrapper = styled.div`\n    display: flex;\n    flex: auto;\n    align-items: stretch;\n    justify-content: space-between;\n    gap: var(${tokens.cellGap});\n    height: auto;\n`;\n\nexport const CellContent = styled.div`\n    display: flex;\n    align-items: center;\n    height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n    text-align: right;\n`;\n"],"names":["base","CellContentWrapper","styled","name","class","propsAsIs","CellContent","_exp6","_ref","align","center","top","bottom","CellLeft","vars","_exp7","_ref2","CellRight"],"mappings":";;;;;;AAYO,IAAMA,IAAI,GAUhB,WAAA;AAEM,IAAMC,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOvC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;AAAC,IAAAE,KAAA,GApCgBA,SAoChBA,KAAAA,GAAA;AAAA,EAAA,OAIiB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAY;AAAAC,MAAAA,MAAA,EAAA,QAAA;AAAAC,MAAAA,GAAA,EAAA,YAAA;AAAAC,MAAAA,MAAA,EAAA,UAAA;KAAA,CAAYH,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAF7C,IAAMI,QAAQ,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEXP,KAAiC,EAAA,CAAA;AAAA,GAAA;AAAA,CACnD,EAAA;AAAC,IAAAQ,KAAA,GAzCgBA,SAyChBA,KAAAA,GAAA;AAAA,EAAA,OAIiB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAY;AAAAC,MAAAA,MAAA,EAAA,QAAA;AAAAC,MAAAA,GAAA,EAAA,YAAA;AAAAC,MAAAA,MAAA,EAAA,UAAA;KAAA,CAAYH,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAF7C,IAAMQ,SAAS,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEZC,KAAiC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEnD;;;;;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n    center: 'center',\n    top: 'flex-start',\n    bottom: 'flex-end',\n};\n\nexport const base = css`\n    &&.${classes.fixedStretching} {\n        width: var(${tokens.cellWidth});\n    }\n    &&.${classes.filledStretching} {\n        width: 100%;\n    }\n    &&.${classes.autoStretching} {\n        width: auto;\n    }\n`;\n\nexport const CellContentWrapper = styled.div`\n    display: flex;\n    flex: auto;\n    align-items: stretch;\n    justify-content: space-between;\n    gap: var(${tokens.cellGap});\n    height: auto;\n`;\n\nexport const CellContent = styled.div`\n    display: flex;\n    align-items: center;\n    height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n    text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAK9BC,CAAAA,CAAAA,CAAAA,mFAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAQ,EAE7B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIrC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CACpD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CAEpD;;;;;;;;"}

package/cjs/components/Cell/Cell.styles_ygfo1w.css

@@ -0,0 +1 @@
+.b1wikybr.b1wikybr.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1wikybr.b1wikybr.cell-stretching-filled{width:100%;}.b1wikybr.b1wikybr.cell-stretching-auto{width:auto;}

package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js

@@ -1,15 +1,13 @@
-import './CellTextbox.styles_rgpies.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
 
-var CellTextboxStyled = /*#__PURE__*/react.styled('div')({
-  name: "CellTextboxStyled",
-  "class": "cz0uqdu",
-  propsAsIs: false
-});
+var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-gn95dc-0"
+})(["display:flex;flex-direction:column;gap:var(", ");"], Cell_tokens.tokens.cellTextboxGap);
 
 exports.CellTextboxStyled = CellTextboxStyled;
 //# sourceMappingURL=CellTextbox.styles.js.map

package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}
+{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;;;;;IAIaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG5BC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc;;;;"}

package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js

@@ -1,15 +1,13 @@
-import './CellTextboxLabel.styles_1x97zqi.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
 
-var StyledTextboxLabel = /*#__PURE__*/react.styled('div')({
-  name: "StyledTextboxLabel",
-  "class": "supiagz",
-  propsAsIs: false
-});
+var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1mmt0od-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellLabelColor, Cell_tokens.tokens.cellLabelFontSize, Cell_tokens.tokens.cellLabelFontWeight, Cell_tokens.tokens.cellLabelFontFamily, Cell_tokens.tokens.cellLabelFontStyle, Cell_tokens.tokens.cellLabelLineHeight, Cell_tokens.tokens.cellLabelLetterSpacing);
 
 exports.StyledTextboxLabel = StyledTextboxLabel;
 //# sourceMappingURL=CellTextboxLabel.styles.js.map

package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = styled.div`\n    color: var(${tokens.cellLabelColor});\n    font-size: var(${tokens.cellLabelFontSize});\n    font-weight: var(${tokens.cellLabelFontWeight});\n    font-family: var(${tokens.cellLabelFontFamily});\n    font-style: var(${tokens.cellLabelFontStyle});\n    line-height: var(${tokens.cellLabelLineHeight});\n    letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n"],"names":["StyledTextboxLabel","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQvC;;;;"}
+{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = styled.div`\n    color: var(${tokens.cellLabelColor});\n    font-size: var(${tokens.cellLabelFontSize});\n    font-weight: var(${tokens.cellLabelFontWeight});\n    font-family: var(${tokens.cellLabelFontFamily});\n    font-style: var(${tokens.cellLabelFontStyle});\n    line-height: var(${tokens.cellLabelLineHeight});\n    letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n"],"names":["StyledTextboxLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}

package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js

@@ -1,15 +1,13 @@
-import './CellTextboxSubtitle.styles_n7i06q.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
 
-var StyledTextboxSubtitle = /*#__PURE__*/react.styled('div')({
-  name: "StyledTextboxSubtitle",
-  "class": "s1bdz4u4",
-  propsAsIs: false
-});
+var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1kug7tk-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellSubtitleColor, Cell_tokens.tokens.cellSubtitleFontSize, Cell_tokens.tokens.cellSubtitleFontWeight, Cell_tokens.tokens.cellSubtitleFontFamily, Cell_tokens.tokens.cellSubtitleFontStyle, Cell_tokens.tokens.cellSubtitleLineHeight, Cell_tokens.tokens.cellSubtitleLetterSpacing);
 
 exports.StyledTextboxSubtitle = StyledTextboxSubtitle;
 //# sourceMappingURL=CellTextboxSubtitle.styles.js.map