@salutejs/plasma-web 1.602.0-canary.2402.20441017793.0 → 1.602.0-canary.2403.20455152253.0

package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -1,4 +1,4 @@
-import './HorizontalTabs.config_udb25v.css';
+import './HorizontalTabs.config_1uv9iuz.css';
 var config = {
   defaults: {
     view: 'divider',
@@ -15,20 +15,21 @@ var config = {
       s: "s1sxebyk",
       m: "m1npg82v",
       l: "l7r3i4",
-      h5: "h1tc6k6h",
-      h4: "h1yxijj0",
-      h3: "hgyid10",
-      h2: "hdcoiol",
-      h1: "h9rmvuc"
+      h6: "h1tc6k6h",
+      h5: "h1yxijj0",
+      h4: "hgyid10",
+      h3: "hdcoiol",
+      h2: "h9rmvuc",
+      h1: "hyx4id5"
     },
     stretch: {
-      "true": "tyx4id5"
+      "true": "tp7ddhx"
     },
     disabled: {
-      "true": "tp7ddhx"
+      "true": "tr3t05m"
     },
     pilled: {
-      "true": "tr3t05m"
+      "true": "t3ipugk"
     }
   }
 };

package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            filled: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            h5: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h4: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h3: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.375rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h2: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.5rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h1: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 1rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerWidth}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAUJ,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,QAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            filled: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            h6: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h5: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h4: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h3: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.375rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h2: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.5rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h1: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 1rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerWidth}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h6","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAUJ,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,QAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/{HorizontalTabs.config_udb25v.css → HorizontalTabs.config_1uv9iuz.css}

@@ -7,9 +7,10 @@
 .l7r3i4{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.75rem;}
 .h1tc6k6h{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
 .h1yxijj0{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
-.hgyid10{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
-.hdcoiol{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.5rem;--plasma-tab-arrow-outer-padding:0rem;}
-.h9rmvuc{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:1rem;--plasma-tab-arrow-outer-padding:0rem;}
-.tyx4id5{--plasma-tabs-container-width:100%;}
-.tp7ddhx{--plasma-tabs-disabled-opacity:0.4;}
-.tr3t05m{--plasma-tabs-pilled-border-radius:1.625rem;}
+.hgyid10{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
+.hdcoiol{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
+.h9rmvuc{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.5rem;--plasma-tab-arrow-outer-padding:0rem;}
+.hyx4id5{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:1rem;--plasma-tab-arrow-outer-padding:0rem;}
+.tp7ddhx{--plasma-tabs-container-width:100%;}
+.tr3t05m{--plasma-tabs-disabled-opacity:0.4;}
+.t3ipugk{--plasma-tabs-pilled-border-radius:1.625rem;}

package/dist/css/es/components/TextField/TextField.config.js

@@ -1,4 +1,4 @@
-import './TextField.config_1cwmi74.css';
+import './TextField.config_1n4dh05.css';
 var config = {
   defaults: {
     view: 'default',

package/dist/css/es/components/TextField/TextField.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.config.js","sources":["../../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-secondary);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--outline-transparent-primary);\n                ${tokens.borderColorHover}: var(--outline-transparent-primary-hover);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.dividerColorHover}: var(--text-secondary);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            positive: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-positive);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-positive);\n                ${tokens.borderColorHover}: var(--surface-positive);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-positive);\n                ${tokens.dividerColorHover}: var(--surface-positive);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            warning: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-warning);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-warning);\n                ${tokens.borderColorHover}: var(--surface-warning);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-warning);\n                ${tokens.dividerColorHover}: var(--surface-warning);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            negative: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-negative);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-negative);\n                ${tokens.borderColorHover}: var(--surface-negative);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-negative);\n                ${tokens.dividerColorHover}: var(--surface-negative);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n        },\n        size: {\n            xl: css`\n                ${tokens.height}: 4rem;\n                ${tokens.padding}: 1.3125rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 1rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n                ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.125rem;\n                ${tokens.chipMarginRight}: 1rem;\n                ${tokens.chipBorderRadius}: 0.625rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 3.25rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n            `,\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        chipView: {\n            default: css`\n                ${tokens.chipColor}: var(--inverse-text-primary);\n                ${tokens.chipBackground}: var(--surface-solid-default);\n                ${tokens.chipColorHover}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n                ${tokens.chipColorActive}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--inverse-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            secondary: css`\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            accent: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-accent);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            positive: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-positive);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            warning: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-warning);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            negative: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-negative);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.tooltipColor}: var(--text-primary);\n                ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.tooltipPaddingTop}: 0.6875rem;\n                ${tokens.tooltipPaddingRight}: 0.875rem;\n                ${tokens.tooltipPaddingBottom}: 0.6875rem;\n                ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.tooltipMinHeight}: 2.5rem;\n                ${tokens.tooltipBorderRadius}: 0.625rem;\n\n                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.tooltipArrowHeight}: 0.5rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.tooltipPaddingTop}: 0.5rem;\n                ${tokens.tooltipPaddingRight}: 0.75rem;\n                ${tokens.tooltipPaddingBottom}: 0.5rem;\n                ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.tooltipMinHeight}: 2rem;\n                ${tokens.tooltipBorderRadius}: 0.5rem;\n\n                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1rem;\n                ${tokens.tooltipArrowMaskHeight}: 1rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.tooltipArrowHeight}: 0.375rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.readOnlyOpacity}: 0.1;\n                ${tokens.colorReadOnly}: var(--text-primary);\n                ${tokens.backgroundColorReadOnly}: var(--surface-clear);\n                ${tokens.borderColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n                ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n                ${tokens.labelColorReadOnly}: var(--text-primary);\n                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","chipView","secondary","accent","hintView","hintSize","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA6BC,SAAA;AACDC,MAAAA,QAAQ,EA6BP,SAAA;AACDC,MAAAA,OAAO,EA6BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KA8BX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,EAAE,EAgFD,SAAA;AACDC,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,CAAC,EA4EA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KA6EL;AACDV,IAAAA,cAAc,EAAE;AACZW,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNX,MAAAA,SAAAA,EAgBC,SAAA;AACDY,MAAAA,SAAS,EAgBR,SAAA;AACDC,MAAAA,MAAM,EAgBL,UAAA;AACDZ,MAAAA,QAAQ,EAgBP,SAAA;AACDC,MAAAA,OAAO,EAgBN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAiBX;AACDW,IAAAA,QAAQ,EAAE;MACNd,SAAO,EAAA,SAAA;KAMV;AACDe,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAwBJ;AACDS,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;AAYR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"TextField.config.js","sources":["../../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-secondary);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--outline-transparent-primary);\n                ${tokens.borderColorHover}: var(--outline-transparent-primary-hover);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.dividerColorHover}: var(--text-secondary);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            positive: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-positive);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-positive);\n                ${tokens.borderColorHover}: var(--surface-positive);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-positive);\n                ${tokens.dividerColorHover}: var(--surface-positive);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            warning: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-warning);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-warning);\n                ${tokens.borderColorHover}: var(--surface-warning);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-warning);\n                ${tokens.dividerColorHover}: var(--surface-warning);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            negative: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-negative);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-negative);\n                ${tokens.borderColorHover}: var(--surface-negative);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.dividerColor}: var(--surface-negative);\n                ${tokens.dividerColorHover}: var(--surface-negative);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n        },\n        size: {\n            xl: css`\n                ${tokens.height}: 4rem;\n                ${tokens.padding}: 1.3125rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 1rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n                ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.125rem;\n                ${tokens.chipMarginRight}: 1rem;\n                ${tokens.chipBorderRadius}: 0.625rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 3.25rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n            `,\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        chipView: {\n            default: css`\n                ${tokens.chipColor}: var(--inverse-text-primary);\n                ${tokens.chipBackground}: var(--surface-solid-default);\n                ${tokens.chipColorHover}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n                ${tokens.chipColorActive}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--inverse-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            secondary: css`\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            accent: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-accent);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            positive: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-positive);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            warning: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-warning);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            negative: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-negative);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.tooltipColor}: var(--text-primary);\n                ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.tooltipPaddingTop}: 0.6875rem;\n                ${tokens.tooltipPaddingRight}: 0.875rem;\n                ${tokens.tooltipPaddingBottom}: 0.6875rem;\n                ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.tooltipMinHeight}: 2.5rem;\n                ${tokens.tooltipBorderRadius}: 0.625rem;\n\n                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.tooltipArrowHeight}: 0.5rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.tooltipPaddingTop}: 0.5rem;\n                ${tokens.tooltipPaddingRight}: 0.75rem;\n                ${tokens.tooltipPaddingBottom}: 0.5rem;\n                ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.tooltipMinHeight}: 2rem;\n                ${tokens.tooltipBorderRadius}: 0.5rem;\n\n                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1rem;\n                ${tokens.tooltipArrowMaskHeight}: 1rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.tooltipArrowHeight}: 0.375rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.readOnlyOpacity}: 0.1;\n                ${tokens.colorReadOnly}: var(--text-primary);\n                ${tokens.backgroundColorReadOnly}: var(--surface-clear);\n                ${tokens.borderColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n                ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n                ${tokens.labelColorReadOnly}: var(--text-primary);\n                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.borderColor}: transparent;\n                ${tokens.borderWidth}: 0;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","chipView","secondary","accent","hintView","hintSize","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA6BC,SAAA;AACDC,MAAAA,QAAQ,EA6BP,SAAA;AACDC,MAAAA,OAAO,EA6BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KA8BX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,EAAE,EAgFD,SAAA;AACDC,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,CAAC,EA4EA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KA6EL;AACDV,IAAAA,cAAc,EAAE;AACZW,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNX,MAAAA,SAAAA,EAgBC,SAAA;AACDY,MAAAA,SAAS,EAgBR,SAAA;AACDC,MAAAA,MAAM,EAgBL,UAAA;AACDZ,MAAAA,QAAQ,EAgBP,SAAA;AACDC,MAAAA,OAAO,EAgBN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAiBX;AACDW,IAAAA,QAAQ,EAAE;MACNd,SAAO,EAAA,SAAA;KAMV;AACDe,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAwBJ;AACDS,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;AAcR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/TextField/{TextField.config_1cwmi74.css → TextField.config_1n4dh05.css}

@@ -19,4 +19,4 @@
 .m13sqnyj{--plasma-textfield__tooltip-padding-top:0.6875rem;--plasma-textfield__tooltip-padding-right:0.875rem;--plasma-textfield__tooltip-padding-bottom:0.6875rem;--plasma-textfield__tooltip-padding-left:0.875rem;--plasma-textfield__tooltip-min-height:2.5rem;--plasma-textfield__tooltip-border-radius:0.625rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__tooltip-content-left-margin:0.375rem;--plasma-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield__tooltip-arrow-height:0.5rem;--plasma-textfield__tooltip-arrow-edge-margin:0.625rem;}
 .s1nb8qre{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
 .tah4t5d{--plasma-textfield-disabled-opacity:0.4;}
-.t1459kih{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-clear);--plasma-textfield-border-color-readonly:var(--surface-transparent-primary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
+.t1459kih{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-clear);--plasma-textfield-border-color-readonly:var(--surface-transparent-primary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;--plasma-textfield-border-color:transparent;--plasma-textfield-border-width:0;}

package/dist/css/es/components/Typography/Heading.config.js

@@ -1,4 +1,4 @@
-import './Heading.config_74jx4e.css';
+import './Heading.config_1s9pe02.css';
 var configH1 = {
   defaults: {
     size: 'h1'
@@ -49,6 +49,16 @@ var configH5 = {
     }
   }
 };
+var configH6 = {
+  defaults: {
+    size: 'h6'
+  },
+  variations: {
+    size: {
+      h6: "h18ax1mt"
+    }
+  }
+};
 
-export { configH1, configH2, configH3, configH4, configH5 };
+export { configH1, configH2, configH3, configH4, configH5, configH6 };
 //# sourceMappingURL=Heading.config.js.map

package/dist/css/es/components/Typography/Heading.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configH1 = {\n    defaults: {\n        size: 'h1',\n    },\n    variations: {\n        size: {\n            h1: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n            `,\n        },\n    },\n};\nexport const configH2 = {\n    defaults: {\n        size: 'h2',\n    },\n    variations: {\n        size: {\n            h2: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n            `,\n        },\n    },\n};\nexport const configH3 = {\n    defaults: {\n        size: 'h3',\n    },\n    variations: {\n        size: {\n            h3: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n            `,\n        },\n    },\n};\nexport const configH4 = {\n    defaults: {\n        size: 'h4',\n    },\n    variations: {\n        size: {\n            h4: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n            `,\n        },\n    },\n};\nexport const configH5 = {\n    defaults: {\n        size: 'h5',\n    },\n    variations: {\n        size: {\n            h5: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);\n            `,\n        },\n    },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configH5","h5"],"mappings":"AAEO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configH1 = {\n    defaults: {\n        size: 'h1',\n    },\n    variations: {\n        size: {\n            h1: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n            `,\n        },\n    },\n};\nexport const configH2 = {\n    defaults: {\n        size: 'h2',\n    },\n    variations: {\n        size: {\n            h2: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n            `,\n        },\n    },\n};\nexport const configH3 = {\n    defaults: {\n        size: 'h3',\n    },\n    variations: {\n        size: {\n            h3: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n            `,\n        },\n    },\n};\nexport const configH4 = {\n    defaults: {\n        size: 'h4',\n    },\n    variations: {\n        size: {\n            h4: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n            `,\n        },\n    },\n};\nexport const configH5 = {\n    defaults: {\n        size: 'h5',\n    },\n    variations: {\n        size: {\n            h5: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);\n            `,\n        },\n    },\n};\nexport const configH6 = {\n    defaults: {\n        size: 'h6',\n    },\n    variations: {\n        size: {\n            h6: css`\n                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h6-font-family);\n                ${typographyTokens.typoFontSize}: var(--plasma-typo-h6-font-size);\n                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h6-font-style);\n                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h6-font-weight);\n                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h6-bold-font-weight);\n                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h6-medium-font-weight);\n                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h6-letter-spacing);\n                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h6-line-height);\n            `,\n        },\n    },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configH5","h5","configH6","h6"],"mappings":"AAEO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBZ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Typography/{Heading.config_74jx4e.css → Heading.config_1s9pe02.css}

@@ -3,3 +3,4 @@
 .h1panbry{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
 .hyba5hs{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
 .hn3yd2b{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
+.h18ax1mt{--typo-font-family:var(--plasma-typo-h6-font-family);--typo-font-size:var(--plasma-typo-h6-font-size);--typo-font-style:var(--plasma-typo-h6-font-style);--typo-font-weight:var(--plasma-typo-h6-font-weight);--typo-font-weight-bold:var(--plasma-typo-h6-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h6-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h6-letter-spacing);--typo-font-line-height:var(--plasma-typo-h6-line-height);}

package/dist/css/es/components/Typography/Typography.css

@@ -8,11 +8,12 @@
 .Dspl_config_1s5xnbu_m6auxx9__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-m-font-family);--typo-font-size:var(--plasma-typo-dspl-m-font-size);--typo-font-style:var(--plasma-typo-dspl-m-font-style);--typo-font-weight:var(--plasma-typo-dspl-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-m-line-height);}
 .Dspl_config_1s5xnbu_sasz1t2__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
 
-.Heading_config_74jx4e_h199g3gy__7260e0af{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
-.Heading_config_74jx4e_h1qgxfog__7260e0af{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
-.Heading_config_74jx4e_h1panbry__7260e0af{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
-.Heading_config_74jx4e_hyba5hs__7260e0af{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
-.Heading_config_74jx4e_hn3yd2b__7260e0af{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
+.Heading_config_1s9pe02_h199g3gy__d15c1463{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
+.Heading_config_1s9pe02_h1qgxfog__d15c1463{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
+.Heading_config_1s9pe02_h1panbry__d15c1463{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
+.Heading_config_1s9pe02_hyba5hs__d15c1463{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
+.Heading_config_1s9pe02_hn3yd2b__d15c1463{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
+.Heading_config_1s9pe02_h18ax1mt__d15c1463{--typo-font-family:var(--plasma-typo-h6-font-family);--typo-font-size:var(--plasma-typo-h6-font-size);--typo-font-style:var(--plasma-typo-h6-font-style);--typo-font-weight:var(--plasma-typo-h6-font-weight);--typo-font-weight-bold:var(--plasma-typo-h6-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h6-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h6-letter-spacing);--typo-font-line-height:var(--plasma-typo-h6-line-height);}
 
 .Text_config_15fbym1_l14umme2__97d9367d{--typo-font-family:var(--plasma-typo-text-l-font-family);--typo-font-size:var(--plasma-typo-text-l-font-size);--typo-font-style:var(--plasma-typo-text-l-font-style);--typo-font-weight:var(--plasma-typo-text-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-l-line-height);}
 .Text_config_15fbym1_m1e84h64__97d9367d{--typo-font-family:var(--plasma-typo-text-m-font-family);--typo-font-size:var(--plasma-typo-text-m-font-size);--typo-font-style:var(--plasma-typo-text-m-font-style);--typo-font-weight:var(--plasma-typo-text-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-m-line-height);}

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

@@ -1,7 +1,7 @@
 import { component, mergeConfig, bodyConfig, dsplConfig, headingConfig, textConfig } from '@salutejs/plasma-new-hope/css';
 import { configM, configL, configS, configXS, configXXS } from './Body.config.js';
 import { configM as configM$1, configL as configL$1, configS as configS$1 } from './Dspl.config.js';
-import { configH1, configH2, configH3, configH4, configH5 } from './Heading.config.js';
+import { configH1, configH2, configH3, configH4, configH5, configH6 } from './Heading.config.js';
 import { configM as configM$2, configL as configL$2, configS as configS$2, configXS as configXS$1 } from './Text.config.js';
 
 var bodyMConfig = /*#__PURE__*/mergeConfig(bodyConfig, configM);
@@ -30,6 +30,8 @@ var heading4Config = /*#__PURE__*/mergeConfig(headingConfig, configH4);
 var Heading4Component = /*#__PURE__*/component(heading4Config);
 var heading5Config = /*#__PURE__*/mergeConfig(headingConfig, configH5);
 var Heading5Component = /*#__PURE__*/component(heading5Config);
+var heading6Config = /*#__PURE__*/mergeConfig(headingConfig, configH6);
+var Heading6Component = /*#__PURE__*/component(heading6Config);
 var textMConfig = /*#__PURE__*/mergeConfig(textConfig, configM$2);
 var TextMComponent = /*#__PURE__*/component(textMConfig);
 var textLConfig = /*#__PURE__*/mergeConfig(textConfig, configL$2);
@@ -51,10 +53,11 @@ var H2 = Heading2Component;
 var H3 = Heading3Component;
 var H4 = Heading4Component;
 var H5 = Heading5Component;
+var H6 = Heading6Component;
 var TextM = TextMComponent;
 var TextL = TextLComponent;
 var TextS = TextSComponent;
 var TextXS = TextXSComponent;
 
-export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS };
+export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS };
 //# sourceMappingURL=Typography.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n    bodyConfig,\n    dsplConfig,\n    headingConfig,\n    textConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n    configL as bodyConfigLCustom,\n    configM as bodyConfigMCustom,\n    configS as bodyConfigSCustom,\n    configXS as bodyConfigXSCustom,\n    configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport {\n    configL as dsplConfigLCustom,\n    configM as dsplConfigMCustom,\n    configS as dsplConfigSCustom,\n} from './Dspl.config';\nimport {\n    configH1 as headingConfigH1Custom,\n    configH2 as headingConfigH2Custom,\n    configH3 as headingConfigH3Custom,\n    configH4 as headingConfigH4Custom,\n    configH5 as headingConfigH5Custom,\n} from './Heading.config';\nimport {\n    configL as textConfigLCustom,\n    configM as textConfigMCustom,\n    configS as textConfigSCustom,\n    configXS as textConfigXSCustom,\n} from './Text.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = component(bodyMConfig);\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = component(bodyLConfig);\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = component(bodySConfig);\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = component(bodyXSConfig);\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = component(bodyXXSConfig);\n\nconst dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);\nconst DsplMComponent = component(dsplMConfig);\n\nconst dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);\nconst DsplLComponent = component(dsplLConfig);\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = component(dsplSConfig);\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = component(heading1Config);\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = component(heading2Config);\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = component(heading3Config);\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = component(heading4Config);\n\nconst heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);\nconst Heading5Component = component(heading5Config);\n\nconst textMConfig = mergeConfig(textConfig, textConfigMCustom);\nconst TextMComponent = component(textMConfig);\n\nconst textLConfig = mergeConfig(textConfig, textConfigLCustom);\nconst TextLComponent = component(textLConfig);\n\nconst textSConfig = mergeConfig(textConfig, textConfigSCustom);\nconst TextSComponent = component(textSConfig);\n\nconst textXSConfig = mergeConfig(textConfig, textConfigXSCustom);\nconst TextXSComponent = component(textXSConfig);\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplM = DsplMComponent;\nexport const DsplL = DsplLComponent;\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\nexport const H5 = Heading5Component;\n\nexport const TextM = TextMComponent;\nexport const TextL = TextLComponent;\nexport const TextS = TextSComponent;\nexport const TextXS = TextXSComponent;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplMConfig","dsplConfig","dsplConfigMCustom","DsplMComponent","dsplLConfig","dsplConfigLCustom","DsplLComponent","dsplSConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","heading5Config","headingConfigH5Custom","Heading5Component","textMConfig","textConfig","textConfigMCustom","TextMComponent","textLConfig","textConfigLCustom","TextLComponent","textSConfig","textConfigSCustom","TextSComponent","textXSConfig","textConfigXSCustom","TextXSComponent","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplM","DsplL","DsplS","H1","H2","H3","H4","H5","TextM","TextL","TextS","TextXS"],"mappings":";;;;;;AAmCA,IAAMA,WAAW,gBAAGC,WAAW,CAACC,UAAU,EAAEC,OAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGC,SAAS,CAACL,WAAW,CAAC,CAAA;AAE7C,IAAMM,WAAW,gBAAGL,WAAW,CAACC,UAAU,EAAEK,OAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGH,SAAS,CAACC,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGR,WAAW,CAACC,UAAU,EAAEQ,OAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,SAAS,CAACI,WAAW,CAAC,CAAA;AAE7C,IAAMG,YAAY,gBAAGX,WAAW,CAACC,UAAU,EAAEW,QAAkB,CAAC,CAAA;AAChE,IAAMC,eAAe,gBAAGT,SAAS,CAACO,YAAY,CAAC,CAAA;AAE/C,IAAMG,aAAa,gBAAGd,WAAW,CAACC,UAAU,EAAEc,SAAmB,CAAC,CAAA;AAClE,IAAMC,gBAAgB,gBAAGZ,SAAS,CAACU,aAAa,CAAC,CAAA;AAEjD,IAAMG,WAAW,gBAAGjB,WAAW,CAACkB,UAAU,EAAEC,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGhB,SAAS,CAACa,WAAW,CAAC,CAAA;AAE7C,IAAMI,WAAW,gBAAGrB,WAAW,CAACkB,UAAU,EAAEI,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGnB,SAAS,CAACiB,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGxB,WAAW,CAACkB,UAAU,EAAEO,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGtB,SAAS,CAACoB,WAAW,CAAC,CAAA;AAE7C,IAAMG,cAAc,gBAAG3B,WAAW,CAAC4B,aAAa,EAAEC,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAG1B,SAAS,CAACuB,cAAc,CAAC,CAAA;AAEnD,IAAMI,cAAc,gBAAG/B,WAAW,CAAC4B,aAAa,EAAEI,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAG7B,SAAS,CAAC2B,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGlC,WAAW,CAAC4B,aAAa,EAAEO,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGhC,SAAS,CAAC8B,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGrC,WAAW,CAAC4B,aAAa,EAAEU,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGnC,SAAS,CAACiC,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGxC,WAAW,CAAC4B,aAAa,EAAEa,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGtC,SAAS,CAACoC,cAAc,CAAC,CAAA;AAEnD,IAAMG,WAAW,gBAAG3C,WAAW,CAAC4C,UAAU,EAAEC,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAG1C,SAAS,CAACuC,WAAW,CAAC,CAAA;AAE7C,IAAMI,WAAW,gBAAG/C,WAAW,CAAC4C,UAAU,EAAEI,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAG7C,SAAS,CAAC2C,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGlD,WAAW,CAAC4C,UAAU,EAAEO,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGhD,SAAS,CAAC8C,WAAW,CAAC,CAAA;AAE7C,IAAMG,YAAY,gBAAGrD,WAAW,CAAC4C,UAAU,EAAEU,UAAkB,CAAC,CAAA;AAChE,IAAMC,eAAe,gBAAGnD,SAAS,CAACiD,YAAY,CAAC,CAAA;AAExC,IAAMG,KAAK,GAAGrD,eAAc;AAC5B,IAAMsD,KAAK,GAAGlD,eAAc;AAC5B,IAAMmD,KAAK,GAAGhD,eAAc;AAC5B,IAAMiD,MAAM,GAAG9C,gBAAe;AAC9B,IAAM+C,OAAO,GAAG5C,iBAAgB;AAEhC,IAAM6C,KAAK,GAAGzC,eAAc;AAC5B,IAAM0C,KAAK,GAAGvC,eAAc;AAC5B,IAAMwC,KAAK,GAAGrC,eAAc;AAE5B,IAAMsC,EAAE,GAAGlC,kBAAiB;AAC5B,IAAMmC,EAAE,GAAGhC,kBAAiB;AAC5B,IAAMiC,EAAE,GAAG9B,kBAAiB;AAC5B,IAAM+B,EAAE,GAAG5B,kBAAiB;AAC5B,IAAM6B,EAAE,GAAG1B,kBAAiB;AAE5B,IAAM2B,KAAK,GAAGvB,eAAc;AAC5B,IAAMwB,KAAK,GAAGrB,eAAc;AAC5B,IAAMsB,KAAK,GAAGnB,eAAc;AAC5B,IAAMoB,MAAM,GAAGjB;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n    bodyConfig,\n    dsplConfig,\n    headingConfig,\n    textConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n    configL as bodyConfigLCustom,\n    configM as bodyConfigMCustom,\n    configS as bodyConfigSCustom,\n    configXS as bodyConfigXSCustom,\n    configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport {\n    configL as dsplConfigLCustom,\n    configM as dsplConfigMCustom,\n    configS as dsplConfigSCustom,\n} from './Dspl.config';\nimport {\n    configH1 as headingConfigH1Custom,\n    configH2 as headingConfigH2Custom,\n    configH3 as headingConfigH3Custom,\n    configH4 as headingConfigH4Custom,\n    configH5 as headingConfigH5Custom,\n    configH6 as headingConfigH6Custom,\n} from './Heading.config';\nimport {\n    configL as textConfigLCustom,\n    configM as textConfigMCustom,\n    configS as textConfigSCustom,\n    configXS as textConfigXSCustom,\n} from './Text.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = component(bodyMConfig);\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = component(bodyLConfig);\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = component(bodySConfig);\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = component(bodyXSConfig);\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = component(bodyXXSConfig);\n\nconst dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);\nconst DsplMComponent = component(dsplMConfig);\n\nconst dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);\nconst DsplLComponent = component(dsplLConfig);\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = component(dsplSConfig);\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = component(heading1Config);\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = component(heading2Config);\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = component(heading3Config);\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = component(heading4Config);\n\nconst heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);\nconst Heading5Component = component(heading5Config);\n\nconst heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);\nconst Heading6Component = component(heading6Config);\n\nconst textMConfig = mergeConfig(textConfig, textConfigMCustom);\nconst TextMComponent = component(textMConfig);\n\nconst textLConfig = mergeConfig(textConfig, textConfigLCustom);\nconst TextLComponent = component(textLConfig);\n\nconst textSConfig = mergeConfig(textConfig, textConfigSCustom);\nconst TextSComponent = component(textSConfig);\n\nconst textXSConfig = mergeConfig(textConfig, textConfigXSCustom);\nconst TextXSComponent = component(textXSConfig);\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplM = DsplMComponent;\nexport const DsplL = DsplLComponent;\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\nexport const H5 = Heading5Component;\nexport const H6 = Heading6Component;\n\nexport const TextM = TextMComponent;\nexport const TextL = TextLComponent;\nexport const TextS = TextSComponent;\nexport const TextXS = TextXSComponent;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplMConfig","dsplConfig","dsplConfigMCustom","DsplMComponent","dsplLConfig","dsplConfigLCustom","DsplLComponent","dsplSConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","heading5Config","headingConfigH5Custom","Heading5Component","heading6Config","headingConfigH6Custom","Heading6Component","textMConfig","textConfig","textConfigMCustom","TextMComponent","textLConfig","textConfigLCustom","TextLComponent","textSConfig","textConfigSCustom","TextSComponent","textXSConfig","textConfigXSCustom","TextXSComponent","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplM","DsplL","DsplS","H1","H2","H3","H4","H5","H6","TextM","TextL","TextS","TextXS"],"mappings":";;;;;;AAoCA,IAAMA,WAAW,gBAAGC,WAAW,CAACC,UAAU,EAAEC,OAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGC,SAAS,CAACL,WAAW,CAAC,CAAA;AAE7C,IAAMM,WAAW,gBAAGL,WAAW,CAACC,UAAU,EAAEK,OAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGH,SAAS,CAACC,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGR,WAAW,CAACC,UAAU,EAAEQ,OAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,SAAS,CAACI,WAAW,CAAC,CAAA;AAE7C,IAAMG,YAAY,gBAAGX,WAAW,CAACC,UAAU,EAAEW,QAAkB,CAAC,CAAA;AAChE,IAAMC,eAAe,gBAAGT,SAAS,CAACO,YAAY,CAAC,CAAA;AAE/C,IAAMG,aAAa,gBAAGd,WAAW,CAACC,UAAU,EAAEc,SAAmB,CAAC,CAAA;AAClE,IAAMC,gBAAgB,gBAAGZ,SAAS,CAACU,aAAa,CAAC,CAAA;AAEjD,IAAMG,WAAW,gBAAGjB,WAAW,CAACkB,UAAU,EAAEC,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGhB,SAAS,CAACa,WAAW,CAAC,CAAA;AAE7C,IAAMI,WAAW,gBAAGrB,WAAW,CAACkB,UAAU,EAAEI,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGnB,SAAS,CAACiB,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGxB,WAAW,CAACkB,UAAU,EAAEO,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGtB,SAAS,CAACoB,WAAW,CAAC,CAAA;AAE7C,IAAMG,cAAc,gBAAG3B,WAAW,CAAC4B,aAAa,EAAEC,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAG1B,SAAS,CAACuB,cAAc,CAAC,CAAA;AAEnD,IAAMI,cAAc,gBAAG/B,WAAW,CAAC4B,aAAa,EAAEI,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAG7B,SAAS,CAAC2B,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGlC,WAAW,CAAC4B,aAAa,EAAEO,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGhC,SAAS,CAAC8B,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGrC,WAAW,CAAC4B,aAAa,EAAEU,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGnC,SAAS,CAACiC,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGxC,WAAW,CAAC4B,aAAa,EAAEa,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGtC,SAAS,CAACoC,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAG3C,WAAW,CAAC4B,aAAa,EAAEgB,QAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGzC,SAAS,CAACuC,cAAc,CAAC,CAAA;AAEnD,IAAMG,WAAW,gBAAG9C,WAAW,CAAC+C,UAAU,EAAEC,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAG7C,SAAS,CAAC0C,WAAW,CAAC,CAAA;AAE7C,IAAMI,WAAW,gBAAGlD,WAAW,CAAC+C,UAAU,EAAEI,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGhD,SAAS,CAAC8C,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGrD,WAAW,CAAC+C,UAAU,EAAEO,SAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGnD,SAAS,CAACiD,WAAW,CAAC,CAAA;AAE7C,IAAMG,YAAY,gBAAGxD,WAAW,CAAC+C,UAAU,EAAEU,UAAkB,CAAC,CAAA;AAChE,IAAMC,eAAe,gBAAGtD,SAAS,CAACoD,YAAY,CAAC,CAAA;AAExC,IAAMG,KAAK,GAAGxD,eAAc;AAC5B,IAAMyD,KAAK,GAAGrD,eAAc;AAC5B,IAAMsD,KAAK,GAAGnD,eAAc;AAC5B,IAAMoD,MAAM,GAAGjD,gBAAe;AAC9B,IAAMkD,OAAO,GAAG/C,iBAAgB;AAEhC,IAAMgD,KAAK,GAAG5C,eAAc;AAC5B,IAAM6C,KAAK,GAAG1C,eAAc;AAC5B,IAAM2C,KAAK,GAAGxC,eAAc;AAE5B,IAAMyC,EAAE,GAAGrC,kBAAiB;AAC5B,IAAMsC,EAAE,GAAGnC,kBAAiB;AAC5B,IAAMoC,EAAE,GAAGjC,kBAAiB;AAC5B,IAAMkC,EAAE,GAAG/B,kBAAiB;AAC5B,IAAMgC,EAAE,GAAG7B,kBAAiB;AAC5B,IAAM8B,EAAE,GAAG3B,kBAAiB;AAE5B,IAAM4B,KAAK,GAAGxB,eAAc;AAC5B,IAAMyB,KAAK,GAAGtB,eAAc;AAC5B,IAAMuB,KAAK,GAAGpB,eAAc;AAC5B,IAAMqB,MAAM,GAAGlB;;;;"}

package/dist/css/es/components/Typography/index.css

@@ -8,11 +8,12 @@
 .Dspl_config_1s5xnbu_m6auxx9__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-m-font-family);--typo-font-size:var(--plasma-typo-dspl-m-font-size);--typo-font-style:var(--plasma-typo-dspl-m-font-style);--typo-font-weight:var(--plasma-typo-dspl-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-m-line-height);}
 .Dspl_config_1s5xnbu_sasz1t2__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
 
-.Heading_config_74jx4e_h199g3gy__7260e0af{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
-.Heading_config_74jx4e_h1qgxfog__7260e0af{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
-.Heading_config_74jx4e_h1panbry__7260e0af{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
-.Heading_config_74jx4e_hyba5hs__7260e0af{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
-.Heading_config_74jx4e_hn3yd2b__7260e0af{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
+.Heading_config_1s9pe02_h199g3gy__d15c1463{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
+.Heading_config_1s9pe02_h1qgxfog__d15c1463{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
+.Heading_config_1s9pe02_h1panbry__d15c1463{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
+.Heading_config_1s9pe02_hyba5hs__d15c1463{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
+.Heading_config_1s9pe02_hn3yd2b__d15c1463{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
+.Heading_config_1s9pe02_h18ax1mt__d15c1463{--typo-font-family:var(--plasma-typo-h6-font-family);--typo-font-size:var(--plasma-typo-h6-font-size);--typo-font-style:var(--plasma-typo-h6-font-style);--typo-font-weight:var(--plasma-typo-h6-font-weight);--typo-font-weight-bold:var(--plasma-typo-h6-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h6-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h6-letter-spacing);--typo-font-line-height:var(--plasma-typo-h6-line-height);}
 
 .Text_config_15fbym1_l14umme2__97d9367d{--typo-font-family:var(--plasma-typo-text-l-font-family);--typo-font-size:var(--plasma-typo-text-l-font-size);--typo-font-style:var(--plasma-typo-text-l-font-style);--typo-font-weight:var(--plasma-typo-text-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-l-line-height);}
 .Text_config_15fbym1_m1e84h64__97d9367d{--typo-font-family:var(--plasma-typo-text-m-font-family);--typo-font-size:var(--plasma-typo-text-m-font-size);--typo-font-style:var(--plasma-typo-text-m-font-style);--typo-font-weight:var(--plasma-typo-text-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-m-line-height);}

package/dist/css/es/components/Typography/index.js

@@ -1,3 +1,3 @@
-export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './Typography.js';
+export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './Typography.js';
 export { Body1, Body2, Button1, Button2, Caption, Footnote1, Footnote2, Headline1, Headline2, Headline3, Headline4, Headline5, P1, P2, ParagraphText1, ParagraphText2, Subtitle, Underline } from './Old/index.js';
 //# sourceMappingURL=index.js.map