@salutejs/sdds-serv 0.331.0-canary.2378.20191024234.0 → 0.331.0-canary.2378.20231937750.0

package/dist/css/cjs/components/Accordion/Accordion.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } 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                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n                ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorderBottom}: 0;\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n            `,\n            clear: css`\n                ${accordionTokens.accordionGap}: 0;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n                ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n            `,\n        },\n        size: {\n            l: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            h2: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h3: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h4: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            h5: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAYN;AACDC,MAAAA,KAAK,EAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAoBD;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,EAAE,EAAA;AAoBN;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Accordion_config = require('./Accordion.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.accordionConfig, Accordion_config.config);
+var Accordion = /*#__PURE__*/css.component(mergedConfig);
+
+Object.defineProperty(exports, "AccordionItem", {
+	enumerable: true,
+	get: function () { return css.AccordionItem; }
+});
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/css/cjs/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../../src-css/components/Accordion/Accordion.ts"],"sourcesContent":["import { component, mergeConfig, accordionConfig, AccordionItem } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\n\nexport const Accordion = component(mergedConfig);\n\nexport { AccordionItem };\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","Accordion","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,mBAAe,EAAEC,uBAAM,CAAC;IAE5CC,SAAS,gBAAGC,aAAS,CAACL,YAAY;;;;;;;;"}

package/dist/css/cjs/components/Attach/Attach.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.config.js","sources":["../../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: var(--inverse-text-primary);\n                ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.buttonColorActive}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.buttonColorActive}: var(--text-primary-active);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: var(--on-light-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n        },\n        helperTextView: {\n            default: css`\n                ${attachTokens.helperTextColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${attachTokens.helperTextColor}: var(--text-negative);\n            `,\n        },\n        size: {\n            l: css`\n                ${attachTokens.horizontalGap}: 1.5rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n                ${attachTokens.buttonHeight}: 3.5rem;\n                ${attachTokens.buttonWidth}: 12.5rem;\n                ${attachTokens.buttonPadding}: 1.5rem;\n                ${attachTokens.buttonRadius}: 0.875rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3.5rem;\n                ${attachTokens.iconButtonWidth}: 3.5rem;\n                ${attachTokens.iconButtonPadding}: 1.5rem;\n                ${attachTokens.iconButtonRadius}: 0.875rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.75rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.875rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 1rem;\n            `,\n            m: css`\n                ${attachTokens.horizontalGap}: 1.25rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 3rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1.25rem;\n                ${attachTokens.buttonRadius}: 0.75rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3rem;\n                ${attachTokens.iconButtonWidth}: 3rem;\n                ${attachTokens.iconButtonPadding}: 1.25rem;\n                ${attachTokens.iconButtonRadius}: 0.75rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.5rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.75rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n            `,\n            s: css`\n                ${attachTokens.horizontalGap}: 1rem;\n                ${attachTokens.verticalGap}: 0.375rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2.5rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1rem;\n                ${attachTokens.buttonRadius}: 0.625rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.625rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n            `,\n            xs: css`\n                ${attachTokens.horizontalGap}: 0.75rem;\n                ${attachTokens.verticalGap}: 0.25rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2rem;\n                ${attachTokens.buttonWidth}: 10rem;\n                ${attachTokens.buttonPadding}: 0.75rem;\n                ${attachTokens.buttonRadius}: 0.5rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.25rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.5rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0CN;AACDC,MAAAA,MAAM,EAAA,SA0CL;AACDC,MAAAA,SAAS,EAAA,SA0CR;AACDC,MAAAA,KAAK,EAAA,SA0CJ;AACDC,MAAAA,OAAO,EAAA,SA0CN;AACDC,MAAAA,OAAO,EAAA,UA0CN;AACDC,MAAAA,QAAQ,EAAA,SAuCP;AACDC,MAAAA,IAAI,EAAA,SA0CH;AACDC,MAAAA,KAAK,EAAA,UA0CJ;AACDC,MAAAA,KAAK,EAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAAO,UAEN;AACDU,MAAAA,QAAQ,EAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAyFA;AACDC,MAAAA,CAAC,EAAA,SAyFA;AACDC,MAAAA,CAAC,EAAA,SAyFA;AACDC,MAAAA,EAAE,EAAA;AA0FN;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Attach/Attach.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Attach_config = require('./Attach.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.attachConfig, Attach_config.config);
+
+/**
+ * Компонент, позволяющий прикрепить локальный файл
+ */
+var Attach = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Attach = Attach;
+//# sourceMappingURL=Attach.js.map

package/dist/css/cjs/components/Attach/Attach.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.js","sources":["../../../../../src-css/components/Attach/Attach.ts"],"sourcesContent":["import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Attach.config';\n\nconst mergedConfig = mergeConfig(attachConfig, config);\n\n/**\n * Компонент, позволяющий прикрепить локальный файл\n */\nexport const Attach = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","attachConfig","config","Attach","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC;;AAEtD;AACA;AACA;IACaC,MAAM,gBAAGC,aAAS,CAACL,YAAY;;;;"}

package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.config.ts"],"sourcesContent":["import { css, autocompleteTokens 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.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-primary);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.textFieldDividerColorHover}: var(--text-secondary);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n            positive: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-positive);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-positive);\n                ${tokens.textFieldDividerColorHover}: var(--surface-positive);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n            warning: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-warning);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-warning);\n                ${tokens.textFieldDividerColorHover}: var(--surface-warning);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-negative);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-negative);\n                ${tokens.textFieldDividerColorHover}: var(--surface-negative);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.textFieldHeight}: 3.5rem;\n                ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.textFieldBorderRadius}: 0.875rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.75rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 1.0625rem 1rem;\n                ${tokens.itemBorderRadius}: 0.75rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.emptyStatePadding}: 2rem 1rem 1rem 1rem;\n                ${tokens.emptyStateGap}: 0.5rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n                ${tokens.infiniteLoaderGap}: 0.5rem;\n            `,\n            m: css`\n                ${tokens.textFieldHeight}: 3rem;\n                ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.textFieldBorderRadius}: 0.75rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.625rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 0.875rem 0.875rem 0.875rem 0.875rem;\n                ${tokens.itemBorderRadius}: 0.625rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.emptyStatePadding}: 1.625rem 0.875rem 0.875rem 0.875rem;\n                ${tokens.emptyStateGap}: 0.375rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n                ${tokens.infiniteLoaderGap}: 0.375rem;\n            `,\n            s: css`\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.5rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 0.6875rem 0.75rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n                ${tokens.emptyStateGap}: 0.25rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n                ${tokens.infiniteLoaderGap}: 0.25rem;\n            `,\n            xs: css`\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.375rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 0.5625rem 0.5rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.emptyStatePadding}: 1rem 0.5rem 0.5rem 0.5rem;\n                ${tokens.emptyStateGap}: 0.25rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1rem;\n                ${tokens.infiniteLoaderGap}: 0.25rem;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${tokens.textFieldTooltipBoxShadow}: 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.textFieldTooltipColor}: var(--text-primary);\n                ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.textFieldDisabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.textFieldColorReadOnly}: var(--text-primary);\n                ${tokens.textFieldReadOnlyOpacity}: 0.1;\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n                ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n                ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","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;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,QAAQ,EAAA,SAyCP;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA,SA0EA;AACDC,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,EAAE,EAAA;KA2EL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNV,SAAAA,EAAO;KAMV;AACDW,IAAAA,QAAQ,EAAE;AACNN,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDM,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAUR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var css = require('@salutejs/plasma-new-hope/css');
+var React = require('react');
+var Autocomplete_config = require('./Autocomplete.config.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.autocompleteConfig, Autocomplete_config.config);
+var AutocompleteComponent = /*#__PURE__*/css.component(mergedConfig);
+var AutocompleteWithoutRef = function AutocompleteWithoutRef(props, ref) {
+  return /*#__PURE__*/React__default.default.createElement(AutocompleteComponent, _rollupPluginBabelHelpers.extends({}, props, {
+    ref: ref
+  }));
+};
+var Autocomplete = /*#__PURE__*/css.fixedForwardRef(AutocompleteWithoutRef);
+
+exports.Autocomplete = Autocomplete;
+exports.AutocompleteComponent = AutocompleteComponent;
+//# sourceMappingURL=Autocomplete.js.map

package/dist/css/cjs/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n    autocompleteConfig,\n    AutocompleteProps,\n    component,\n    DistributiveOmit,\n    DistributivePick,\n    mergeConfig,\n    SuggestionItemType,\n    fixedForwardRef,\n} from '@salutejs/plasma-new-hope/css';\nimport React, { ComponentProps } from 'react';\n\nimport { config } from './Autocomplete.config';\n\nconst mergedConfig = mergeConfig(autocompleteConfig, config);\nexport const AutocompleteComponent = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> &\n    DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;\n\nconst AutocompleteWithoutRef = <T extends SuggestionItemType>(\n    props: Props<T>,\n    ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n    return <AutocompleteComponent {...(props as any)} ref={ref} />;\n};\n\nexport const Autocomplete = fixedForwardRef(AutocompleteWithoutRef);\n"],"names":["mergedConfig","mergeConfig","autocompleteConfig","config","AutocompleteComponent","component","AutocompleteWithoutRef","props","ref","React","createElement","_extends","Autocomplete","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAcA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,sBAAkB,EAAEC,0BAAM,CAAC;IAC/CC,qBAAqB,gBAAGC,aAAS,CAACL,YAAY;AAO3D,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBC,KAAe,EACfC,GAAyC,EACxC;EACD,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,qBAAqB,EAAAO,iCAAA,KAAMJ,KAAK,EAAA;AAAUC,IAAAA,GAAG,EAAEA;AAAI,GAAA,CAAE,CAAC;AAClE,CAAC;IAEYI,YAAY,gBAAGC,mBAAe,CAACP,sBAAsB;;;;;"}

package/dist/css/cjs/components/Avatar/Avatar.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'xxl',\n        shape: 'circled',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-accent-gradient);\n                ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n                ${tokens.statusOnlineColor}: var(--surface-positive);\n                ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n                ${tokens.scaleHover}: 1.02;\n                ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n            `,\n        },\n        size: {\n            // TODO: #1044 токены типографики в Avatar\n            xxl: css`\n                ${tokens.avatarSize}: 6.25rem;\n                ${tokens.fontSize}: 2rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 2rem;\n                ${tokens.statusIconSize}: 0.75rem;\n                ${tokens.borderRadius}: 1.125rem;\n\n                ${tokens.badgeBorderRadius}: 0.5rem;\n                ${tokens.badgeHeight}: 1.75rem;\n                ${tokens.badgePadding}: 0 0.688rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1.75rem;\n                ${tokens.counterPadding}: 0 0.625rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            l: css`\n                ${tokens.avatarSize}: 3rem;\n                ${tokens.fontSize}: 1.25rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 1.25rem;\n                ${tokens.statusIconSize}: 0.5rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.extraPlacementFactor}: 2;\n\n                ${tokens.badgeBorderRadius}: 0.375rem;\n                ${tokens.badgeHeight}: 1.25rem;\n                ${tokens.badgePadding}: 0 0.438rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1.25rem;\n                ${tokens.counterPadding}: 0 0.375rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            m: css`\n                ${tokens.avatarSize}: 2.25rem;\n                ${tokens.fontSize}: 0.875rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 0.875rem;\n                ${tokens.statusIconSize}: 0.5rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.extraPlacementFactor}: 2;\n\n                ${tokens.badgeBorderRadius}: 0.25rem;\n                ${tokens.badgeHeight}: 1rem;\n                ${tokens.badgePadding}: 0 0.25rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1rem;\n                ${tokens.counterPadding}: 0 0.25rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            s: css`\n                ${tokens.avatarSize}: 1.5rem;\n                ${tokens.fontSize}: 0.5rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 0.5rem;\n                ${tokens.statusIconSize}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.extraPlacementFactor}: 1;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 0.75rem;\n                ${tokens.counterPadding}: 0 0.125rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            fit: css`\n                ${tokens.avatarSize}: 100%;\n                ${tokens.fontSize}: 0;\n                ${tokens.fontWeight}: 0;\n                ${tokens.lineHeight}: 0;\n                ${tokens.statusIconSize}: 0;\n            `,\n        },\n        shape: {\n            circled: css`\n                ${tokens.borderRadius}: 50%;\n                ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n                ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n            `,\n            rounded: css`\n                ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n                ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n            `,\n        },\n        badgeView: {\n            default: css`\n                ${tokens.badgeColor}: var(--inverse-text-primary);\n                ${tokens.badgeBackground}: var(--surface-solid-default);\n\n                ${tokens.badgeColorTransparent}: var(--text-primary);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${tokens.badgeColorClear}: var(--text-primary);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            accent: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-accent);\n\n                ${tokens.badgeColorTransparent}: var(--text-accent);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n                ${tokens.badgeColorClear}: var(--text-accent);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            positive: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-positive);\n\n                ${tokens.badgeColorTransparent}: var(--text-positive);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n                ${tokens.badgeColorClear}: var(--text-positive);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            warning: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-warning);\n\n                ${tokens.badgeColorTransparent}: var(--text-warning);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n                ${tokens.badgeColorClear}: var(--text-warning);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            negative: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-negative);\n\n                ${tokens.badgeColorTransparent}: var(--text-negative);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n                ${tokens.badgeColorClear}: var(--text-negative);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            dark: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n                ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n                ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${tokens.badgeColorClear}: var(--on-light-text-primary);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            light: css`\n                ${tokens.badgeColor}: var(--on-light-text-primary);\n                ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n                ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n                ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n        },\n        counterView: {\n            default: css`\n                ${tokens.counterColor}: var(--inverse-text-primary);\n                ${tokens.counterBackground}: var(--surface-solid-default);\n            `,\n            accent: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-accent);\n            `,\n            positive: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-positive);\n            `,\n            warning: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-warning);\n            `,\n            negative: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-negative);\n            `,\n            dark: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n            `,\n            light: css`\n                ${tokens.counterColor}: var(--on-light-text-primary);\n                ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAsCA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,GAAG,EAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,OAAO,EAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EAAO,SASN;AACDS,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAAO,UAGN;AACDS,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Avatar/Avatar.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Avatar_config = require('./Avatar.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.avatarConfig, Avatar_config.config);
+var Avatar = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Avatar = Avatar;
+exports.mergedConfig = mergedConfig;
+//# sourceMappingURL=Avatar.js.map

package/dist/css/cjs/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../../src-css/components/Avatar/Avatar.ts"],"sourcesContent":["import { avatarConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Avatar.config';\n\nconst mergedConfig = mergeConfig(avatarConfig, config);\nconst Avatar = component(mergedConfig);\n\nexport { Avatar, mergedConfig };\n"],"names":["mergedConfig","mergeConfig","avatarConfig","config","Avatar","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM;AACrD,IAAMC,MAAM,gBAAGC,aAAS,CAACL,YAAY;;;;;"}

package/dist/css/cjs/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.avatarGroupConfig);
+var AvatarGroup = /*#__PURE__*/css.component(mergedConfig);
+
+exports.AvatarGroup = AvatarGroup;
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/css/cjs/components/AvatarGroup/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src-css/components/AvatarGroup/AvatarGroup.ts"],"sourcesContent":["import { avatarGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nconst mergedConfig = mergeConfig(avatarGroupConfig);\n\nexport const AvatarGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","avatarGroupConfig","AvatarGroup","component"],"mappings":";;;;;;AAEA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,qBAAiB,CAAC;IAEtCC,WAAW,gBAAGC,aAAS,CAACJ,YAAY;;;;"}

package/dist/css/cjs/components/Badge/Badge.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.config.js","sources":["../../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n                ${badgeTokens.colorClear}: var(--text-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: var(--text-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: var(--text-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n                ${badgeTokens.colorClear}: var(--text-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${badgeTokens.colorClear}: var(--on-light-text-primary);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.padding}: 0 0.6875rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.padding}: 0 0.5625rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.padding}: 0 0.4375rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.25rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            xs: css`\n                ${badgeTokens.borderRadius}: 0.25rem;\n                ${badgeTokens.height}: 1rem;\n                ${badgeTokens.padding}: 0 0.25rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.188rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css`\n                ${badgeTokens.backgroundClear}: var(--surface-clear);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,OAAO,EAAA,SAQN;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,KAAK,EAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA;KAmBL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Badge/Badge.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Badge_config = require('./Badge.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.badgeConfig, Badge_config.config);
+
+/**
+ * Компонент Badge.
+ */
+var Badge = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../../src-css/components/Badge/Badge.tsx"],"sourcesContent":["import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Badge.config';\n\nconst mergedConfig = mergeConfig(badgeConfig, config);\n\n/**\n * Компонент Badge.\n */\nexport const Badge = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","badgeConfig","config","Badge","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,eAAW,EAAEC,mBAAM,CAAC;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,aAAS,CAACL,YAAY;;;;"}

package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } 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                ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n                ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n            `,\n        },\n        size: {\n            l: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,CAAC,EAAA,UASA;AACDC,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Breadcrumbs_config = require('./Breadcrumbs.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.breadcrumbsConfig, Breadcrumbs_config.config);
+var BreadcrumbsComponent = /*#__PURE__*/css.component(mergedConfig);
+
+/**
+ * Breadcrumbs
+ */
+var Breadcrumbs = BreadcrumbsComponent;
+
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Breadcrumbs.config';\n\nconst mergedConfig = mergeConfig(breadcrumbsConfig, config);\nconst BreadcrumbsComponent = component(mergedConfig);\n\n/**\n * Breadcrumbs\n */\nexport const Breadcrumbs = BreadcrumbsComponent;\n"],"names":["mergedConfig","mergeConfig","breadcrumbsConfig","config","BreadcrumbsComponent","component","Breadcrumbs"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,qBAAiB,EAAEC,yBAAM,CAAC;AAC3D,IAAMC,oBAAoB,gBAAGC,aAAS,CAACL,YAAY,CAAC;;AAEpD;AACA;AACA;AACO,IAAMM,WAAW,GAAGF;;;;"}

package/dist/css/cjs/components/Button/Button.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonTextColor}: var(--text-primary);\n                ${buttonTokens.buttonIconColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonTextColor}: var(--text-primary);\n                ${buttonTokens.buttonIconColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            success: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            black: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            white: css`\n                ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonRadius}: 1rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n            `,\n            l: css`\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonRadius}: 0.875rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonRadius}: 0.75rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n            `,\n            s: css`\n                ${buttonTokens.buttonHeight}: 2.5rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1rem;\n                ${buttonTokens.buttonRadius}: 0.625rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n            `,\n            xs: css`\n                ${buttonTokens.buttonHeight}: 2rem;\n                ${buttonTokens.buttonWidth}: 10rem;\n                ${buttonTokens.buttonPadding}: 0.75rem;\n                ${buttonTokens.buttonRadius}: 0.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n            `,\n            xxs: css`\n                ${buttonTokens.buttonHeight}: 1.5rem;\n                ${buttonTokens.buttonWidth}: 8.75rem;\n                ${buttonTokens.buttonPadding}: 0.625rem;\n                ${buttonTokens.buttonRadius}: 0.375rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${buttonTokens.buttonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n            fixed: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UASN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA,UASJ;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,GAAG,EAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Button/Button.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Button_config = require('./Button.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.buttonConfig, Button_config.config);
+var ButtonComponent = /*#__PURE__*/css.component(mergedConfig);
+/**
+ * Кнопка.
+ */
+var Button = ButtonComponent;
+
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/css/cjs/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../src-css/components/Button/Button.tsx"],"sourcesContent":["import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Button.config';\n\nconst mergedConfig = mergeConfig(buttonConfig, config);\nconst ButtonComponent = component(mergedConfig);\n\nexport type ButtonProps = typeof ButtonComponent;\n\n/**\n * Кнопка.\n */\nexport const Button = ButtonComponent;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAI/C;AACA;AACA;AACO,IAAMM,MAAM,GAAGF;;;;"}

package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } 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                ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n            `,\n            accent: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n            `,\n            success: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n            `,\n            black: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n            `,\n            white: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n                ${buttonGroupTokens.buttonHeight}: 4rem;\n                ${buttonGroupTokens.buttonPadding}: 1.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            l: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3rem;\n                ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2rem;\n                ${buttonGroupTokens.buttonPadding}: 0.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            xxs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n                ${buttonGroupTokens.buttonHeight}: 1.5rem;\n                ${buttonGroupTokens.buttonPadding}: 0.625rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        orientation: {\n            horizontal: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: row;\n            `,\n            vertical: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n            `,\n            dense: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n            `,\n        },\n        shape: {\n            segmented: css``,\n            default: css``,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,OAAO,EAAA,SAWN;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA;KAYR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA,SAaA;AACDC,MAAAA,EAAE,EAAA,QAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,SAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,UAAO;MAChBxB,SAAAA,EAAO;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}