@salutejs/plasma-web 1.602.0-canary.2386.20129801985.0 → 1.602.0-canary.2386.20267123212.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.config.js","sources":["../../../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.borderColor}: #ddd;\n            `,\n            clear: css`\n                ${tokens.borderColor}: transparent;\n            `,\n        },\n        size: {\n            l: css`\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.headerRowHeight}: 3.125rem;\n                ${tokens.rowHeight}: 3.125rem;\n                ${tokens.cellPadding}: 0.375rem 1rem;\n                ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.5rem;\n                ${tokens.editableCellIconButtonWidth}: 3rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.25rem;\n                ${tokens.editableCellInputBorderRadius}: 0.875rem;\n                ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.75rem 0;\n                ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n                ${tokens.buttonHeight}: 2.5rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.875rem;\n                ${tokens.selectItemHeight}: 1.5rem;\n                ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n                ${tokens.selectItemBorderRadius}: 0.75rem;\n                ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.selectItemIconSize}: 1.5rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n                ${tokens.selectControlPanelGap}: 0.5rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\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.headerRowHeight}: 2.75rem;\n                ${tokens.rowHeight}: 2.75rem;\n                ${tokens.cellPadding}: 0.25rem 0.875rem;\n                ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.375rem;\n                ${tokens.editableCellIconButtonWidth}: 2.5rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.25rem;\n                ${tokens.editableCellInputBorderRadius}: 0.625rem;\n                ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.5rem 0;\n                ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n                ${tokens.buttonHeight}: 2rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.75rem;\n                ${tokens.selectItemHeight}: 1.5rem;\n                ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n                ${tokens.selectItemBorderRadius}: 0.625rem;\n                ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.selectItemIconSize}: 1.5rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n                ${tokens.selectControlPanelGap}: 0.625rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\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.headerRowHeight}: 2.125rem;\n                ${tokens.rowHeight}: 2.125rem;\n                ${tokens.cellPadding}: 0.125rem 0.5rem;\n                ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.25rem;\n                ${tokens.editableCellIconButtonWidth}: 2rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.125rem;\n                ${tokens.editableCellInputBorderRadius}: 0.5rem;\n                ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.5rem 0;\n                ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n                ${tokens.buttonHeight}: 1.5rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.625rem;\n                ${tokens.selectItemHeight}: 1rem;\n                ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n                ${tokens.selectItemBorderRadius}: 0.5rem;\n                ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n                ${tokens.selectItemIconSize}: 1rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n                ${tokens.selectControlPanelGap}: 0.25rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"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,SAAAA,EAEC,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAoEL,KAAA;AACJ,GAAA;AACJ;;;;"}

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

@@ -0,0 +1,13 @@
+import { component, mergeConfig, tableConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Table.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(tableConfig, config);
+var TableComponent = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * Таблица.
+ */
+var Table = TableComponent;
+
+export { Table };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/**\n * Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE9C;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}

package/dist/css/es/components/Tabs/TabItem.js

@@ -0,0 +1,42 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { fixedForwardRef, component, mergeConfig, horizontalTabItemConfig, horizontalIconTabItemConfig, verticalTabItemConfig, verticalIconTabItemConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './horizontal/HorizontalTabItem.config.js';
+import { config as config$1 } from './horizontal/HorizontalIconTabItem.config.js';
+import { config as config$2 } from './vertical/VerticalTabItem.config.js';
+import { config as config$3 } from './vertical/VerticalIconTabItem.config.js';
+
+var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config);
+var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
+var mergedHorizontalIconTabItemConfig = /*#__PURE__*/mergeConfig(horizontalIconTabItemConfig, config$1);
+var HorizontalIconTabItem = /*#__PURE__*/component(mergedHorizontalIconTabItemConfig);
+var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config$2);
+var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
+var mergedVerticalIconTabItemConfig = /*#__PURE__*/mergeConfig(verticalIconTabItemConfig, config$3);
+var VerticalIconTabItem = /*#__PURE__*/component(mergedVerticalIconTabItemConfig);
+/**
+ * Элемент списка, недопустимо использовать вне компонента Tabs.
+ */
+var TabItem = /*#__PURE__*/fixedForwardRef(function (props, ref) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalTabItem, _extends({
+      ref: ref
+    }, props));
+  }
+  return /*#__PURE__*/React.createElement(HorizontalTabItem, _extends({
+    ref: ref
+  }, props));
+});
+var IconTabItem = /*#__PURE__*/fixedForwardRef(function (props, ref) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalIconTabItem, _extends({
+      ref: ref
+    }, props));
+  }
+  return /*#__PURE__*/React.createElement(HorizontalIconTabItem, _extends({
+    ref: ref
+  }, props));
+});
+
+export { IconTabItem, TabItem };
+//# sourceMappingURL=TabItem.js.map

package/dist/css/es/components/Tabs/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sources":["../../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabItemConfig,\n    horizontalIconTabItemConfig,\n    verticalTabItemConfig,\n    verticalIconTabItemConfig,\n    component,\n    mergeConfig,\n    fixedForwardRef,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as horizontalIconConfig } from './horizontal/HorizontalIconTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\nimport { config as verticalIconConfig } from './vertical/VerticalIconTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);\nconst HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\nconst mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);\nconst VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);\n\nexport type HorizontalTabItemProps = ComponentProps<typeof HorizontalTabItem>;\nexport type VerticalTabItemProps = ComponentProps<typeof VerticalTabItem>;\n\nexport type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = fixedForwardRef<HTMLButtonElement, TabItemProps>((props: TabItemProps, ref) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem ref={ref} {...(props as VerticalTabItemProps)} />;\n    }\n\n    return <HorizontalTabItem ref={ref} {...(props as HorizontalTabItemProps)} />;\n});\n\nexport type HorizontalIconTabItemProps = ComponentProps<typeof HorizontalIconTabItem>;\nexport type VerticalIconTabItemProps = ComponentProps<typeof VerticalIconTabItem>;\n\nexport type IconTabItemProps = HorizontalIconTabItemProps | VerticalIconTabItemProps;\n\nexport const IconTabItem = fixedForwardRef<HTMLButtonElement, IconTabItemProps>((props: IconTabItemProps, ref) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalIconTabItem ref={ref} {...(props as VerticalIconTabItemProps)} />;\n    }\n\n    return <HorizontalIconTabItem ref={ref} {...(props as HorizontalIconTabItemProps)} />;\n});\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedHorizontalIconTabItemConfig","horizontalIconTabItemConfig","horizontalIconConfig","HorizontalIconTabItem","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","mergedVerticalIconTabItemConfig","verticalIconTabItemConfig","verticalIconConfig","VerticalIconTabItem","TabItem","fixedForwardRef","props","ref","orientation","React","createElement","_extends","IconTabItem"],"mappings":";;;;;;;;AAgBA,IAAMA,6BAA6B,gBAAGC,WAAW,CAACC,uBAAuB,EAAEC,MAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,iCAAiC,gBAAGL,WAAW,CAACM,2BAA2B,EAAEC,QAAoB,CAAC,CAAA;AACxG,IAAMC,qBAAqB,gBAAGJ,SAAS,CAACC,iCAAiC,CAAC,CAAA;AAE1E,IAAMI,2BAA2B,gBAAGT,WAAW,CAACU,qBAAqB,EAAEC,QAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGR,SAAS,CAACK,2BAA2B,CAAC,CAAA;AAE9D,IAAMI,+BAA+B,gBAAGb,WAAW,CAACc,yBAAyB,EAAEC,QAAkB,CAAC,CAAA;AAClG,IAAMC,mBAAmB,gBAAGZ,SAAS,CAACS,+BAA+B,CAAC,CAAA;AAOtE;AACA;AACA;AACO,IAAMI,OAAO,gBAAGC,eAAe,CAAkC,UAACC,KAAmB,EAAEC,GAAG,EAAK;AAClG,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACX,eAAe,EAAAY,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAA4B,CAAC,CAAA;AAC7E,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAqB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAA8B,CAAC,CAAA;AACjF,CAAC,EAAC;AAOK,IAAMM,WAAW,gBAAGP,eAAe,CAAsC,UAACC,KAAuB,EAAEC,GAAG,EAAK;AAC9G,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,mBAAmB,EAAAQ,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAgC,CAAC,CAAA;AACrF,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACf,qBAAqB,EAAAgB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAkC,CAAC,CAAA;AACzF,CAAC;;;;"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { component, mergeConfig, horizontalTabsConfig, verticalTabsConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './horizontal/HorizontalTabs.config.js';
+import { config as config$1 } from './vertical/VerticalTabs.config.js';
+
+var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
+var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, config$1);
+var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
+var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
+
+// TODO: удалить после отказа от deprecated props
+
+/**
+ * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
+ */
+var Tabs = function Tabs(props) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalTabs, props);
+  }
+  return /*#__PURE__*/React.createElement(HorizontalTabs, props);
+};
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n    BaseTabsProps,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n    /**\n     * Расположение табов\n     */\n    orientation?: 'horizontal';\n    /**\n     * Наличие divider\n     * @default true\n     */\n    hasDivider?: boolean;\n    /**\n     * Табы растянуты на доступную область\n     * @default false\n     */\n    stretch?: boolean;\n    /**\n     * Табы c округлым border-radius\n     * @deprecated\n     * @default false\n     */\n    pilled?: boolean;\n    /**\n     * Вид табов\n     */\n    view?: Views;\n    /**\n     * Размер табов\n     */\n    size?: Sizes;\n    /**\n     * Уберет скругление с выбранной стороны и подвинет контейнер\n     * @deprecated\n     */\n    outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs {...props} />;\n    }\n\n    return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;AAYA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,MAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,SAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,SAAS,CAACJ,wBAAwB,CAAC,CAAA;;AAKxD;;AAuCA;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAMI,KAAgB,CAAC,CAAA;AACjD;;;;"}

package/dist/css/es/components/Tabs/TabsController.js

@@ -0,0 +1,17 @@
+import { createTabsController, component, mergeConfig, horizontalTabsConfig, horizontalTabItemConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './horizontal/HorizontalTabs.config.js';
+import { config as config$1 } from './horizontal/HorizontalTabItem.config.js';
+
+var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
+var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
+var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config$1);
+var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
+
+/**
+ * Контроллер вкладок.
+ * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
+ */
+var TabsController = /*#__PURE__*/createTabsController(HorizontalTabs, HorizontalTabItem);
+
+export { TabsController };
+//# sourceMappingURL=TabsController.js.map

package/dist/css/es/components/Tabs/TabsController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsController.js","sources":["../../../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n    createTabsController,\n    horizontalTabItemConfig as horizontalBaseTabItemConfig,\n    horizontalTabsConfig as horizontalBaseTabsConfig,\n    HorizontalTabItemProps,\n    HorizontalTabsProps,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n    HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;AAcA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAwB,EAAEC,MAAoB,CAAC,CAAA;AAC9F,IAAMC,cAAc,gBAAGC,SAAS,CAACL,0BAA0B,CAAC,CAAA;AAE5D,IAAMM,6BAA6B,gBAAGL,WAAW,CAACM,uBAA2B,EAAEC,QAAuB,CAAC,CAAA;AACvG,IAAMC,iBAAiB,gBAAGJ,SAAS,CAACC,6BAA6B,CAAC,CAAA;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,oBAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPadding}: 1rem 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAiBJ,SAAA;AACDC,MAAAA,SAAS,EAmBR,UAAA;AACDC,MAAAA,OAAO,EAmBN,UAAA;MACDC,SAAO,EAAA,UAAA;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.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.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 3.25rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"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,EAwBJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EAwBN,SAAA;MACDC,SAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

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

@@ -0,0 +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;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAOD,UAAA;AACDC,MAAAA,CAAC,EAOA,UAAA;AACDC,MAAAA,CAAC,EAOA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.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            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n                ${tabsTokens.itemMarginLeft}: 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n                ${tabsTokens.itemMarginLeft}: 0.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n                ${tabsTokens.itemMarginLeft}: 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.875rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.25rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"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,OAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,QAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.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            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.tabsDividerWidth}: 0.0625rem;\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        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"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,OAAO,EAAA,UAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'primary',\n        focused: 'true',\n    },\n    variations: {\n        size: {\n            xs: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7.312rem;\n                ${textAreaTokens.inputMinHeight}: 0.625rem;\n                ${textAreaTokens.borderRadius}: 0.5rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem;\n                ${textAreaTokens.inputPaddingTop}: 0.563rem;\n                ${textAreaTokens.inputPaddingRight}: 0.625rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 1.5rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.563rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\n                ${textAreaTokens.rightContentTop}: 0.563rem;\n                ${textAreaTokens.rightContentRight}: 0.5rem;\n                ${textAreaTokens.rightContentHeight}: 1rem;\n                ${textAreaTokens.labelMarginBottom}: 0.375rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family, 'SB Sans Text','SBSansText',sans-serif);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size, 0.625rem);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style, normal);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight, 400);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing, -0.02em);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height, 0.75rem);\n                ${textAreaTokens.labelInnerTop}: 0rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7.187rem;\n                ${textAreaTokens.inputMinHeight}: 0.625rem;\n                ${textAreaTokens.borderRadius}: 0.625rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem;\n                ${textAreaTokens.inputPaddingTop}: 0.688rem;\n                ${textAreaTokens.inputPaddingRight}: 0.875rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\n                ${textAreaTokens.rightContentTop}: 0.688rem;\n                ${textAreaTokens.rightContentRight}: 0.75rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.5rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-footnote1-font-family, var(--plasma-typo-body-s-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-footnote1-font-size, var(--plasma-typo-body-s-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-footnote1-font-style, var(--plasma-typo-body-s-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-footnote1-font-weight, var(--plasma-typo-body-s-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-footnote1-letter-spacing, var(--plasma-typo-body-s-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-footnote1-line-height, var(--plasma-typo-body-s-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            m: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7rem;\n                ${textAreaTokens.inputMinHeight}: 1.125rem;\n                ${textAreaTokens.borderRadius}: 0.75rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingTop}: 0.875rem;\n                ${textAreaTokens.inputPaddingRight}: 1rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\n                ${textAreaTokens.rightContentTop}: 0.875rem;\n                ${textAreaTokens.rightContentRight}: 0.875rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.625rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body1-font-family, var(--plasma-typo-body-m-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body1-font-size, var(--plasma-typo-body-m-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body1-font-style, var(--plasma-typo-body-m-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body1-font-weight, var(--plasma-typo-body-m-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body1-letter-spacing, var(--plasma-typo-body-m-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body1-line-height, var(--plasma-typo-body-m-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                /* stylelint-disable-next-line number-max-precision */\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            l: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 6.812rem;\n                ${textAreaTokens.inputMinHeight}: 1.625rem;\n                ${textAreaTokens.borderRadius}: 0.875rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem;\n                ${textAreaTokens.inputPaddingTop}: 1rem;\n                ${textAreaTokens.inputPaddingRight}: 1.125rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.25rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\n                ${textAreaTokens.rightContentTop}: 1.063rem;\n                ${textAreaTokens.rightContentRight}: 1rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.75rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.5625rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family, 'SB Sans Text','SBSansText',sans-serif);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size, 1.125rem);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style, normal);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight, 400);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing, -0.02em);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height, 1.375rem);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.25rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            xl: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 6.812rem;\n                ${textAreaTokens.inputMinHeight}: 1.625rem;\n                ${textAreaTokens.borderRadius}: 1rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 1rem;\n                ${textAreaTokens.inputPaddingTop}: 1.313rem;\n                ${textAreaTokens.inputPaddingRight}: 1.25rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.5rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.5rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.25rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\n                ${textAreaTokens.rightContentTop}: 1.25rem;\n                ${textAreaTokens.rightContentRight}: 1.25rem;\n                ${textAreaTokens.rightContentHeight}: 1.5rem;\n                ${textAreaTokens.labelMarginBottom}: 0.75rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0.813rem;\n                ${textAreaTokens.labelInnerTopHelper}: -0.313rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.25rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${textAreaTokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.751rem -2.188rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        view: {\n            default: css`\n                ${textAreaTokens.inputBorderColor}: var(--outline-transparent-primary);\n                ${textAreaTokens.inputBorderColorHover}: var(--outline-transparent-primary-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--outline-transparent-primary-active);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-primary);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-accent);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${textAreaTokens.inputBorderColor}: var(--outline-transparent-primary);\n                ${textAreaTokens.inputBorderColorHover}: var(--outline-transparent-primary-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--outline-transparent-primary-active);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-primary);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-accent);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            positive: css`\n                ${textAreaTokens.inputBorderColor}: var(--text-positive);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-positive-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-positive-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-positive);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-positive);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-positive);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-positive);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-positive);\n                ${textAreaTokens.dividerColorHover}: var(--surface-positive);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            warning: css`\n                ${textAreaTokens.inputBorderColor}: var(--text-warning);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-warning-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-warning-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-warning);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-warning);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-warning);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-warning);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-warning);\n                ${textAreaTokens.dividerColorHover}: var(--surface-warning);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${textAreaTokens.inputBorderColor}: var(--text-negative);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-negative-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-negative-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-negative);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-negative);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-negative);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-negative);\n                ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n        },\n        hintView: {\n            default: css`\n                ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${textAreaTokens.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                ${textAreaTokens.tooltipColor}: var(--text-primary);\n                ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${textAreaTokens.tooltipPaddingTop}: 0.6875rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.6875rem;\n                ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n                ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n                ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n                ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${textAreaTokens.tooltipMinHeight}: 2rem;\n                ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n                ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n                ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        clear: {\n            true: css``,\n        },\n        readOnly: {\n            true: css`\n                ${textAreaTokens.readOnlyOpacity}: 0.1;\n                ${textAreaTokens.backgroundColorReadOnly}: var(--surface-clear);\n                ${textAreaTokens.inputColorReadOnly}: var(--text-primary);\n                ${textAreaTokens.borderColorReadOnly}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.contentSlotRightOpacityReadOnly}: 0.4;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${textAreaTokens.disabledOpacity}: 0.4;\n                ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n                ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","xl","default","primary","positive","warning","negative","hintView","hintSize","clear","true","readOnly","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAqED,UAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,CAAC,EAuEA,UAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAwEL;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,SAAAA,EA8BC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EA8BN,UAAA;AACDC,MAAAA,QAAQ,EA8BP,UAAA;AACDC,MAAAA,OAAO,EA8BN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KA+BX;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAO,EAAA,SAAA;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAuBA,SAAA;AACDD,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDW,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAQP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}

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

@@ -0,0 +1,13 @@
+import { component, mergeConfig, textAreaConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './TextArea.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(textAreaConfig, config);
+var TextAreaComponent = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * Поле ввода многострочного текста.
+ */
+var TextArea = TextAreaComponent;
+
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextArea.config';\n\nconst mergedConfig = mergeConfig(textAreaConfig, config);\nconst TextAreaComponent = component(mergedConfig);\n\n/**\n * Поле ввода многострочного текста.\n */\nexport const TextArea = TextAreaComponent;\n"],"names":["mergedConfig","mergeConfig","textAreaConfig","config","TextAreaComponent","component","TextArea"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC,CAAA;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAEjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.clear.config.js","sources":["../../../../../src-css/components/TextField/TextField.clear.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\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: 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.dividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.dividerColorHover}: var(--text-secondary);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\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-positive);\n\n                ${tokens.placeholderColor}: var(--text-positive);\n                ${tokens.placeholderColorFocus}: var(--text-positive);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: 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-positive);\n                ${tokens.contentSlotColorHover}: var(--text-positive-hover);\n                ${tokens.contentSlotColorActive}: var(--text-positive-active);\n\n                ${tokens.contentSlotRightColor}: var(--text-secondary);\n                ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-positive);\n                ${tokens.dividerColorHover}: var(--surface-positive);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\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-warning);\n\n                ${tokens.placeholderColor}: var(--text-warning);\n                ${tokens.placeholderColorFocus}: var(--text-warning);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: 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-warning);\n                ${tokens.contentSlotColorHover}: var(--text-warning-hover);\n                ${tokens.contentSlotColorActive}: var(--text-warning-active);\n\n                ${tokens.contentSlotRightColor}: var(--text-secondary);\n                ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-warning);\n                ${tokens.dividerColorHover}: var(--surface-warning);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\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-negative);\n\n                ${tokens.placeholderColor}: var(--text-negative);\n                ${tokens.placeholderColorFocus}: var(--text-negative);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: 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-negative);\n                ${tokens.contentSlotColorHover}: var(--text-negative-hover);\n                ${tokens.contentSlotColorActive}: var(--text-negative-active);\n\n                ${tokens.contentSlotRightColor}: var(--text-secondary);\n                ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-negative);\n                ${tokens.dividerColorHover}: var(--surface-negative);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\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 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n                ${tokens.rightContentMargin}: -0.0625rem 0rem -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.25rem;\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.063rem 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}: 1.75rem auto auto -0.875rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n            `,\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n                ${tokens.rightContentMargin}: -0.0625rem 0 -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.25rem;\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.188rem 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                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\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}: 1.5rem auto auto -0.875rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem 0;\n                ${tokens.rightContentMargin}: -0.125rem 0 -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.25rem;\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.188rem 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                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\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}: 1.25rem auto auto -0.875rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n                ${tokens.rightContentMargin}: -0.1875rem 0 -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.25rem;\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.188rem 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                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\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}: 1.063rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n                ${tokens.rightContentMargin}: -0.0625rem 0 -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.25rem;\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 -1.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.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\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.813rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\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}: transparent;\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,EA4BC,SAAA;AACDC,MAAAA,QAAQ,EAgCP,SAAA;AACDC,MAAAA,OAAO,EAgCN,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAiCX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,EAAE,EAmFD,SAAA;AACDC,MAAAA,CAAC,EA2EA,SAAA;AACDC,MAAAA,CAAC,EA2EA,UAAA;AACDC,MAAAA,CAAC,EA2EA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KA4EL;AACDV,IAAAA,cAAc,EAAE;AACZW,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNX,MAAAA,SAAAA,EAgBC,SAAA;AACDY,MAAAA,SAAS,EAgBR,UAAA;AACDC,MAAAA,MAAM,EAgBL,SAAA;AACDZ,MAAAA,QAAQ,EAgBP,SAAA;AACDC,MAAAA,OAAO,EAgBN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAiBX;AACDW,IAAAA,QAAQ,EAAE;MACNd,SAAO,EAAA,QAAA;KAMV;AACDe,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDS,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}