@salutejs/sdds-finai 0.363.0-dev.0 → 0.364.0-dev.0

package/README.md

@@ -3,7 +3,7 @@
 [![license](https://img.shields.io/github/license/salute-developers/plasma)](https://github.com/salute-developers/plasma/blob/master/LICENSE.txt)
 [![npm version](https://img.shields.io/npm/v/@salutejs/sdds-finai.svg)](https://www.npmjs.com/package/@salutejs/sdds-finai)
 [![typescript](https://img.shields.io/github/package-json/dependency-version/salute-developers/plasma/dev/typescript)](https://www.typescriptlang.org/)
-[![sdds-themes](https://img.shields.io/github/package-json/dependency-version/salute-developers/plasma/@salutejs/sdds-themes?filename=packages%2Fsdds-finai%2Fpackage.json)](https://www.npmjs.com/package/@salutejs/sdds-themes)
+[![sdds_finai](https://img.shields.io/github/package-json/dependency-version/salute-developers/plasma/@sddsjs/sdds_finai?filename=packages%2Fsdds-finai%2Fpackage.json)](https://www.npmjs.com/package/@sddsjs/sdds_finai)
 
 Реализация компонентов для создания веб-приложений.
 
@@ -26,7 +26,7 @@
 
 ```bash
 $ npm install --save react react-dom
-$ npm install --save @salutejs/sdds-finai @salutejs/sdds-themes
+$ npm install --save @salutejs/sdds-finai @sddsjs/sdds_finai
 ```
 
 Дальнейшие шаги зависят от выбранного [варианта поставки](#варианты-поставки).
@@ -34,7 +34,7 @@ $ npm install --save @salutejs/sdds-finai @salutejs/sdds-themes
 Для варианта на styled-components:
 
 ```bash
-$ npm install --save styled-components@5.3.1
+$ npm install --save styled-components@5.3.11
 ```
 
 Для варианта на emotion:
@@ -51,11 +51,11 @@ CSS-вариант дополнительных зависимостей не т
 
 Один и тот же набор компонентов доступен из трёх точек входа:
 
-| Точка входа                     | Реализация         | Дополнительные зависимости          |
-| -------------------------------- | ------------------ | ------------------------------------ |
-| `@salutejs/sdds-finai`           | styled-components  | `styled-components@5.3.1`            |
-| `@salutejs/sdds-finai/css`       | предсобранный CSS  | нет                                   |
-| `@salutejs/sdds-finai/emotion`   | emotion            | `@emotion/styled`, `@emotion/react`  |
+| Точка входа                    | Реализация        | Дополнительные зависимости          |
+| ------------------------------ | ----------------- | ----------------------------------- |
+| `@salutejs/sdds-finai`         | styled-components | `styled-components@5.3.11`          |
+| `@salutejs/sdds-finai/css`     | предсобранный CSS | нет                                 |
+| `@salutejs/sdds-finai/emotion` | emotion           | `@emotion/styled`, `@emotion/react` |
 
 ```jsx
 import { Button } from '@salutejs/sdds-finai';
@@ -92,14 +92,14 @@ Beta-компоненты доступны из точки входа `@salutejs
 ### Через импорт css-файла
 
 ```jsx
-import '@salutejs/sdds-themes/css/sdds_finai__light.css';
+import '@sddsjs/sdds_finai/css/sdds_finai__light.css';
 ```
 
 ### Через styled-components
 
 ```jsx
 import { createGlobalStyle } from 'styled-components';
-import { sdds_finai__light } from '@salutejs/sdds-themes';
+import { sdds_finai__light } from '@sddsjs/sdds_finai';
 
 const Theme = createGlobalStyle(sdds_finai__light);
 
@@ -110,7 +110,7 @@ const Theme = createGlobalStyle(sdds_finai__light);
 
 ```jsx
 import { Global, css } from '@emotion/react';
-import { sdds_finai__light } from '@salutejs/sdds-themes';
+import { sdds_finai__light } from '@sddsjs/sdds_finai';
 
 const themeStyle = css(sdds_finai__light);
 
@@ -124,7 +124,7 @@ const themeStyle = css(sdds_finai__light);
 ```jsx
 // App.tsx
 import { Button, BodyL } from '@salutejs/sdds-finai';
-import '@salutejs/sdds-themes/css/sdds_finai__light.css';
+import '@sddsjs/sdds_finai/css/sdds_finai__light.css';
 
 export const App = () => {
     return (
@@ -136,13 +136,10 @@ export const App = () => {
 };
 ```
 
-Дизайн-токены доступны в виде js-переменных:
-
--   базовый набор — из `@salutejs/sdds-themes/tokens`
--   уникальные токены темы — из `@salutejs/sdds-themes/tokens/sdds_finai`.
+Дизайн-токены доступны в виде js-переменных из `@sddsjs/sdds_finai`.
 
 ```jsx
-import { textAccent } from '@salutejs/sdds-themes/tokens';
+import { textAccent } from '@sddsjs/sdds_finai';
 
 <p style={{ color: textAccent }}>Пример использования токена</p>;
 ```

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

@@ -1 +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';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    h2,\n    h2Bold,\n    h3,\n    h3Bold,\n    h4,\n    h4Bold,\n    h5,\n    h5Bold,\n    surfaceAccent,\n    surfaceClear,\n    surfaceSolidCard,\n    surfaceSolidTertiary,\n    textPrimary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\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}: ${surfaceSolidCard};\n                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};\n                ${accordionTokens.accordionItemTextColor}: ${textPrimary};\n                ${accordionTokens.accordionItemIconColor}: ${textPrimary};\n                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};\n                ${accordionTokens.accordionBackground}: ${surfaceClear};\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}: ${surfaceClear};\n                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};\n                ${accordionTokens.accordionItemTextColor}: ${textPrimary};\n                ${accordionTokens.accordionItemIconColor}: ${textPrimary};\n                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};\n                ${accordionTokens.accordionItemViewBorderRadius}: 0rem;\n                ${accordionTokens.accordionBackground}: ${surfaceClear};\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid ${surfaceSolidTertiary};\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}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyL.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\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}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyM.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\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}: ${bodyS.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyS.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyS.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyS.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyS.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyS.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyS.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyS.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyS.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyXS.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyXS.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyXS.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyXS.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyXS.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyXS.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyXS.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyXS.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyXS.lineHeight};\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}: ${h2.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h2.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h2.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h2Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h2.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h2.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\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}: ${h3.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h3.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h3.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h3Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h3.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h3.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\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}: ${h4.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h4.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h4.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h4Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h4.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h4.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\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}: ${h5.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h5.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h5.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h5Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h5.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h5.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"mappings":";;;;AAqBO,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;;;;"}
+{"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    h2,\n    h2Bold,\n    h3,\n    h3Bold,\n    h4,\n    h4Bold,\n    h5,\n    h5Bold,\n    surfaceAccent,\n    surfaceClear,\n    surfaceSolidCard,\n    surfaceSolidTertiary,\n    textPrimary,\n} from '@sddsjs/sdds_finai';\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}: ${surfaceSolidCard};\n                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};\n                ${accordionTokens.accordionItemTextColor}: ${textPrimary};\n                ${accordionTokens.accordionItemIconColor}: ${textPrimary};\n                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};\n                ${accordionTokens.accordionBackground}: ${surfaceClear};\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}: ${surfaceClear};\n                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};\n                ${accordionTokens.accordionItemTextColor}: ${textPrimary};\n                ${accordionTokens.accordionItemIconColor}: ${textPrimary};\n                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};\n                ${accordionTokens.accordionItemViewBorderRadius}: 0rem;\n                ${accordionTokens.accordionBackground}: ${surfaceClear};\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid ${surfaceSolidTertiary};\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}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyL.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\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}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyM.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\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}: ${bodyS.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyS.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyS.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyS.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyS.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyS.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyS.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyS.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyS.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyXS.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyXS.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyXS.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyXS.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyXS.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyXS.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyXS.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyXS.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyXS.lineHeight};\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}: ${h2.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h2.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h2.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h2Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h2.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h2.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\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}: ${h3.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h3.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h3.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h3Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h3.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h3.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\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}: ${h4.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h4.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h4.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h4Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h4.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h4.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\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}: ${h5.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h5.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h5.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h5Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h5.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h5.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"mappings":";;;;AAqBO,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/Attach/Attach.config.js.map

@@ -1 +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';\nimport {\n    bodyS,\n    bodySBold,\n    bodyXS,\n    bodyXSBold,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceSolidDefaultActive,\n    onDarkSurfaceSolidDefaultHover,\n    onDarkTextPrimary,\n    onDarkTextSecondary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceSolidDefaultActive,\n    onLightSurfaceSolidDefaultHover,\n    onLightSurfaceTransparentDeep,\n    onLightSurfaceTransparentDeepActive,\n    onLightSurfaceTransparentDeepHover,\n    onLightTextPrimary,\n    onLightTextSecondary,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentHover,\n    surfaceClear,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultActive,\n    surfaceSolidDefaultHover,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textNegative,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        focused: 'true',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: ${inverseTextPrimary};\n                ${attachTokens.buttonValueColor}: ${inverseTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${inverseTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${inverseTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceAccent};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: ${textPrimary};\n                ${attachTokens.buttonValueColor}: ${textSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${textPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${attachTokens.buttonColorActive}: ${textPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${attachTokens.iconButtonColorActive}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: ${textPrimary};\n                ${attachTokens.buttonValueColor}: ${textSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceClear};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${textPrimaryHover};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.buttonColorActive}: ${textPrimaryActive};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${textPrimaryHover};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonColorActive}: ${textPrimaryActive};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfacePositive};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfacePositive};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceWarning};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceNegative};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: ${onLightTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onLightTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${onLightTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n        },\n        helperTextView: {\n            default: css`\n                ${attachTokens.helperTextColor}: ${textSecondary};\n            `,\n            negative: css`\n                ${attachTokens.helperTextColor}: ${textNegative};\n            `,\n        },\n        size: {\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}: ${bodyS.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyS.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.cellLabelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellLabelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellLabelFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellLabelLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyS.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyS.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${attachTokens.cellSubtitleFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.cellSubtitleFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellSubtitleFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellSubtitleFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellSubtitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellSubtitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyS.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.iconButtonCancelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.iconButtonCancelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.iconButtonCancelFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.iconButtonCancelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.iconButtonCancelLineHeight}: ${bodyXS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyXS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.cellLabelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellLabelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellLabelFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellLabelLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.cellSubtitleFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.cellSubtitleFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellSubtitleFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellSubtitleFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellSubtitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellSubtitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.iconButtonCancelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.iconButtonCancelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.iconButtonCancelFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.iconButtonCancelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.iconButtonCancelLineHeight}: ${bodyXS.lineHeight};\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","s","xs"],"mappings":";;;;AAiDO,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,EAAE,EAAA;AA0FN;AACJ;AACJ;;;;"}
+{"version":3,"file":"Attach.config.js","sources":["../../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodySBold,\n    bodyXS,\n    bodyXSBold,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceSolidDefaultActive,\n    onDarkSurfaceSolidDefaultHover,\n    onDarkTextPrimary,\n    onDarkTextSecondary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceSolidDefaultActive,\n    onLightSurfaceSolidDefaultHover,\n    onLightSurfaceTransparentDeep,\n    onLightSurfaceTransparentDeepActive,\n    onLightSurfaceTransparentDeepHover,\n    onLightTextPrimary,\n    onLightTextSecondary,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentHover,\n    surfaceClear,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultActive,\n    surfaceSolidDefaultHover,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textNegative,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        focused: 'true',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: ${inverseTextPrimary};\n                ${attachTokens.buttonValueColor}: ${inverseTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${inverseTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${inverseTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceAccent};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: ${textPrimary};\n                ${attachTokens.buttonValueColor}: ${textSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${textPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${attachTokens.buttonColorActive}: ${textPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${attachTokens.iconButtonColorActive}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: ${textPrimary};\n                ${attachTokens.buttonValueColor}: ${textSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceClear};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${textPrimaryHover};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.buttonColorActive}: ${textPrimaryActive};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${textPrimaryHover};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonColorActive}: ${textPrimaryActive};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfacePositive};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfacePositive};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceWarning};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceNegative};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: ${onLightTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onLightTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${onLightTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n        },\n        helperTextView: {\n            default: css`\n                ${attachTokens.helperTextColor}: ${textSecondary};\n            `,\n            negative: css`\n                ${attachTokens.helperTextColor}: ${textNegative};\n            `,\n        },\n        size: {\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}: ${bodyS.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyS.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.cellLabelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellLabelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellLabelFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellLabelLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyS.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyS.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${attachTokens.cellSubtitleFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.cellSubtitleFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellSubtitleFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellSubtitleFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellSubtitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellSubtitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyS.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.iconButtonCancelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.iconButtonCancelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.iconButtonCancelFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.iconButtonCancelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.iconButtonCancelLineHeight}: ${bodyXS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyXS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.cellLabelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellLabelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellLabelFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellLabelLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.cellSubtitleFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.cellSubtitleFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.cellSubtitleFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.cellSubtitleFontWeight}: ${bodyXS.fontWeight};\n                ${attachTokens.cellSubtitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.cellSubtitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${attachTokens.iconButtonCancelFontSize}: ${bodyXS.fontSize};\n                ${attachTokens.iconButtonCancelFontStyle}: ${bodyXS.fontStyle};\n                ${attachTokens.iconButtonCancelFontWeight}: ${bodyXSBold.fontWeight};\n                ${attachTokens.iconButtonCancelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${attachTokens.iconButtonCancelLineHeight}: ${bodyXS.lineHeight};\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","s","xs"],"mappings":";;;;AAiDO,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,EAAE,EAAA;AA0FN;AACJ;AACJ;;;;"}

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

@@ -0,0 +1,45 @@
+require('./Autocomplete.clear.config_dquocr.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    size: 's',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      "default": "d1soqkb0",
+      positive: "p11wkj3b",
+      warning: "w1pzr6wr",
+      negative: "n16k7q40",
+      edited: "e18mvkkw"
+    },
+    size: {
+      s: "s154lddy",
+      xs: "x46mw7m"
+    },
+    labelPlacement: {
+      inner: "i1iydyo",
+      outer: "ostw1rq"
+    },
+    hintView: {
+      "default": "d1o0n0te"
+    },
+    hintSize: {
+      m: "miztirp",
+      s: "s3tw4hn"
+    },
+    disabled: {
+      "true": "t12nby09"
+    },
+    readOnly: {
+      "true": "t1lcuw5g"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Autocomplete.clear.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.clear.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.clear.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodyXS,\n    outlineTransparentInfo,\n    outlineTransparentInfoActive,\n    surfaceAccent,\n    surfaceNegative,\n    surfacePositive,\n    surfaceSolidCard,\n    surfaceSolidCardBrightness,\n    surfaceTransparentSecondary,\n    surfaceTransparentTertiary,\n    surfaceWarning,\n    textAccent,\n    textInfo,\n    textInfoActive,\n    textInfoHover,\n    textNegative,\n    textNegativeActive,\n    textNegativeHover,\n    textPositive,\n    textPositiveActive,\n    textPositiveHover,\n    textPrimary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n    textWarning,\n    textWarningActive,\n    textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n                ${tokens.textFieldClearColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorHover}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textSecondary};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.focusColor}: ${surfaceAccent};\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.textFieldDividerColor}: ${surfaceTransparentTertiary};\n                ${tokens.textFieldDividerColorHover}: ${textSecondary};\n                ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n                ${tokens.background}: ${surfaceSolidCard};\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}: ${surfaceTransparentSecondary};\n                ${tokens.itemColor}: ${textPrimary};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n            `,\n            positive: css`\n                ${tokens.textFieldColor}: ${textPositive};\n                ${tokens.textFieldClearColor}: ${textPositive};\n\n                ${tokens.textFieldPlaceholderColor}: ${textPositive};\n                ${tokens.textFieldPlaceholderColorHover}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textPositive};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorHover}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textPositive};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textPositive};\n                ${tokens.textFieldContentSlotColorHover}: ${textPositiveHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textPositiveActive};\n\n                ${tokens.focusColor}: ${surfaceAccent};\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.textFieldDividerColor}: ${surfacePositive};\n                ${tokens.textFieldDividerColorHover}: ${surfacePositive};\n                ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n                ${tokens.background}: ${surfaceSolidCard};\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}: ${surfaceTransparentSecondary};\n                ${tokens.itemColor}: ${textPrimary};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.textFieldColorFocus}: ${textPrimary};\n                ${tokens.textFieldContentSlotColorFocus}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n            `,\n            warning: css`\n                ${tokens.textFieldColor}: ${textWarning};\n                ${tokens.textFieldClearColor}: ${textWarning};\n\n                ${tokens.textFieldPlaceholderColor}: ${textWarning};\n                ${tokens.textFieldPlaceholderColorHover}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textWarning};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorHover}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textWarning};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textWarning};\n                ${tokens.textFieldContentSlotColorHover}: ${textWarningHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textWarningActive};\n\n                ${tokens.focusColor}: ${surfaceAccent};\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.textFieldDividerColor}: ${surfaceWarning};\n                ${tokens.textFieldDividerColorHover}: ${surfaceWarning};\n                ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n                ${tokens.background}: ${surfaceSolidCard};\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}: ${surfaceTransparentSecondary};\n                ${tokens.itemColor}: ${textPrimary};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.textFieldColorFocus}: ${textPrimary};\n                ${tokens.textFieldContentSlotColorFocus}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n            `,\n            negative: css`\n                ${tokens.textFieldColor}: ${textNegative};\n                ${tokens.textFieldClearColor}: ${textNegative};\n\n                ${tokens.textFieldPlaceholderColor}: ${textNegative};\n                ${tokens.textFieldPlaceholderColorHover}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textNegative};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorHover}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textNegative};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textNegative};\n                ${tokens.textFieldContentSlotColorHover}: ${textNegativeHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textNegativeActive};\n\n                ${tokens.focusColor}: ${surfaceAccent};\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.textFieldDividerColor}: ${surfaceNegative};\n                ${tokens.textFieldDividerColorHover}: ${surfaceNegative};\n                ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n                ${tokens.background}: ${surfaceSolidCard};\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}: ${surfaceTransparentSecondary};\n                ${tokens.itemColor}: ${textPrimary};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.textFieldColorFocus}: ${textPrimary};\n                ${tokens.textFieldContentSlotColorFocus}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n            `,\n            edited: css`\n                ${tokens.textFieldColor}: ${textInfo};\n                ${tokens.textFieldClearColor}: ${textInfo};\n\n                ${tokens.textFieldPlaceholderColor}: ${textInfo};\n                ${tokens.textFieldPlaceholderColorHover}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textInfo};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorHover}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textInfo};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textInfo};\n                ${tokens.textFieldContentSlotColorHover}: ${textInfoHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textInfoActive};\n                ${tokens.textFieldContentSlotColorFocus}: ${textSecondary};\n\n                ${tokens.focusColor}: ${surfaceAccent};\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.textFieldDividerColor}: ${outlineTransparentInfo};\n                ${tokens.textFieldDividerColorHover}: ${outlineTransparentInfo};\n                ${tokens.textFieldDividerColorFocus}: ${outlineTransparentInfoActive};\n\n                ${tokens.background}: ${surfaceSolidCard};\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}: ${surfaceTransparentSecondary};\n                ${tokens.itemColor}: ${textPrimary};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n                ${tokens.textFieldColorFocus}: ${textPrimary};\n                ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n            `,\n        },\n        size: {\n            s: css`\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -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}: ${bodyS.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.25rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;\n                ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n                ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;\n                ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};\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}: 1.063rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem 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}: ${bodyS.fontFamily};\n                ${tokens.itemFontSize}: ${bodyS.fontSize};\n                ${tokens.itemFontStyle}: ${bodyS.fontStyle};\n                ${tokens.itemFontWeight}: ${bodyS.fontWeight};\n                ${tokens.itemFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.itemFontLineHeight}: ${bodyS.lineHeight};\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                ${tokens.textFieldDividerWidth}: 0.125rem;\n            `,\n            xs: css`\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0;\n                ${tokens.textFieldBorderRadius}: 0.375rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -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.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}: ${bodyXS.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.25rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;\n                ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n                ${tokens.textFieldTitleCaptionMargin}: 0;\n                ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};\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.813rem auto auto -0.625rem;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem 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}: ${bodyXS.fontFamily};\n                ${tokens.itemFontSize}: ${bodyXS.fontSize};\n                ${tokens.itemFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.itemFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.itemFontLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.itemFontLineHeight}: ${bodyXS.lineHeight};\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                ${tokens.textFieldDividerWidth}: 0.125rem;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldLabelInnerFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLabelInnerFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLabelInnerFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLabelInnerFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLabelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLabelInnerLineHeight}: ${bodyXS.lineHeight};\n            `,\n            outer: css``,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\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}: ${textPrimary};\n                ${tokens.textFieldTooltipArrowBackground}: ${surfaceSolidCard};\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}: ${bodyS.fontFamily};\n                ${tokens.textFieldTooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldTooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldTooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyS.lineHeight};\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}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTooltipTextFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTooltipTextFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTooltipTextFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\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}: 1;\n                ${tokens.textFieldColor}: ${textSecondary};\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;\n                ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLabelColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentTertiary};\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldBorderWidth}: 0.125rem;\n                ${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","edited","s","xs","inner","outer","hintView","hintSize","m","disabled","true","readOnly"],"mappings":";;;;AAkCO,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,UA0CN;AACDC,MAAAA,QAAQ,EAAA,UAiDP;AACDC,MAAAA,OAAO,EAAA,UAiDN;AACDC,MAAAA,QAAQ,EAAA,UAiDP;AACDC,MAAAA,MAAM,EAAA;KAiDT;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,UAkFA;AACDC,MAAAA,EAAE,EAAA;KAmFL;AACDR,IAAAA,cAAc,EAAE;AACZS,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNT,SAAAA,EAAO;KAMV;AACDU,IAAAA,QAAQ,EAAE;AACNC,MAAAA,CAAC,EAAA,SAuBA;AACDN,MAAAA,CAAC,EAAA;KAwBJ;AACDO,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAQP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAaR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config_dquocr.css

@@ -0,0 +1,14 @@
+.d1soqkb0{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-hover:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-autocomplete-textfield-divider-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
+.p11wkj3b{--plasma-autocomplete-textfield-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-clear-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-placeholder-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-placeholder-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-hover:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-positive-active,#1F9835FF);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-positive,#1A9E32);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-positive,#1A9E32);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-color-focus:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-right-slot-color-active:var(--text-secondary-active,#D6DFE6BE);}
+.w1pzr6wr{--plasma-autocomplete-textfield-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-clear-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-placeholder-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-placeholder-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-hover:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-warning-active,#FF5D05FF);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-warning,#FA5F05);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-warning,#FA5F05);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-color-focus:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-right-slot-color-active:var(--text-secondary-active,#D6DFE6BE);}
+.n16k7q40{--plasma-autocomplete-textfield-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-clear-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-placeholder-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-placeholder-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-hover:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-negative-active,#FF1F35FF);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-color-focus:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-right-slot-color-active:var(--text-secondary-active,#D6DFE6BE);}
+.e18mvkkw{--plasma-autocomplete-textfield-color:var(--text-info,#199AF0);--plasma-autocomplete-textfield-clear-color:var(--text-info,#199AF0);--plasma-autocomplete-textfield-placeholder-color:var(--text-info,#199AF0);--plasma-autocomplete-textfield-placeholder-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-info,#199AF0);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-hover:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-info,#199AF0);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-info,#199AF0);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-info-active,#0E8ADDFF);--plasma-autocomplete-textfield-content-slot-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--outline-transparent-info,#199AF047);--plasma-autocomplete-textfield-divider-color-hover:var(--outline-transparent-info,#199AF047);--plasma-autocomplete-textfield-divider-color-focus:var(--outline-transparent-info-active,#199AF056);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-right-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-textfield-color-focus:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
+.s154lddy{--plasma-autocomplete-textfield-height:2.5rem;--plasma-autocomplete-textfield-padding:0.6875rem 0;--plasma-autocomplete-textfield-border-radius:0.5rem;--plasma-autocomplete-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-autocomplete-textfield-right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.1875rem -0.1875rem -0.1875rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield-label-offset:0.25rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield__hint-margin:-0.688rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-autocomplete-textfield-left-helper-offset:0.25rem 0 0 0;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-title-caption-margin:0.1875rem;--plasma-autocomplete-textfield-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:1.063rem auto auto -0.75rem;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:1.063rem auto auto -0.75rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-autocomplete-border-radius:0.625rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.6875rem 0.75rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-empty-state-padding:1.375rem 0.625rem 0.625rem 0.625rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1.5rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;--plasma-autocomplete-textfield-divider-width:0.125rem;}
+.x46mw7m{--plasma-autocomplete-textfield-height:2rem;--plasma-autocomplete-textfield-padding:0.5625rem 0;--plasma-autocomplete-textfield-border-radius:0.375rem;--plasma-autocomplete-textfield-left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-autocomplete-textfield-right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.688rem -0.688rem -0.688rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-label-offset:0.25rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-autocomplete-textfield-left-helper-offset:0.25rem 0 0 0;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-title-caption-margin:0;--plasma-autocomplete-textfield-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0.813rem auto auto -0.625rem;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.25rem auto auto -0.625rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:0.813rem auto auto -0.625rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;--plasma-autocomplete-border-radius:0.5rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.5625rem 0.5rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-empty-state-padding:1rem 0.5rem 0.5rem 0.5rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;--plasma-autocomplete-textfield-divider-width:0.125rem;}
+.i1iydyo{--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placement-inner-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-placement-inner-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-placement-inner-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-placement-inner-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-placement-inner-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-placement-inner-label-line-height:var(--plasma-typo-body-xs-line-height);}
+
+.d1o0n0te{--plasma-autocomplete-textfield__tooltip-background-color:var(--surface-solid-card-brightness,#111C22FF);--plasma-autocomplete-textfield__tooltip-box-shadow: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));--plasma-autocomplete-textfield__tooltip-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__tooltip-arrow-background:var(--surface-solid-card,#060A0C);}
+.miztirp{--plasma-autocomplete-textfield__tooltip-padding-top:0.6875rem;--plasma-autocomplete-textfield__tooltip-padding-right:0.875rem;--plasma-autocomplete-textfield__tooltip-padding-bottom:0.6875rem;--plasma-autocomplete-textfield__tooltip-padding-left:0.875rem;--plasma-autocomplete-textfield__tooltip-min-height:2.5rem;--plasma-autocomplete-textfield__tooltip-border-radius:0.625rem;--plasma-autocomplete-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield__tooltip-content-left-margin:0.375rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-autocomplete-textfield__tooltip-arrow-height:0.5rem;--plasma-autocomplete-textfield__tooltip-arrow-edge-margin:0.625rem;}
+.s3tw4hn{--plasma-autocomplete-textfield__tooltip-padding-top:0.5rem;--plasma-autocomplete-textfield__tooltip-padding-right:0.75rem;--plasma-autocomplete-textfield__tooltip-padding-bottom:0.5rem;--plasma-autocomplete-textfield__tooltip-padding-left:0.75rem;--plasma-autocomplete-textfield__tooltip-min-height:2rem;--plasma-autocomplete-textfield__tooltip-border-radius:0.5rem;--plasma-autocomplete-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__tooltip-content-left-margin:0.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-width:1rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-height:1rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-autocomplete-textfield__tooltip-arrow-height:0.375rem;--plasma-autocomplete-textfield__tooltip-arrow-edge-margin:0.5625rem;}
+.t12nby09{--plasma-autocomplete-textfield-disabled-opacity:1;--plasma-autocomplete-textfield-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-active:var(--text-secondary,#D5DFE69E);}
+.t1lcuw5g{--plasma-autocomplete-textfield-color-readonly:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-opacity-readonly:1;--plasma-autocomplete-textfield-bg-color-readonly:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-textfield-placeholder-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-label-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-divider-color-readonly:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-border-width:0.125rem;--plasma-autocomplete-textfield-title-caption-color-readonly:var(--text-secondary,#D5DFE69E);}

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

@@ -1,4 +1,4 @@
-require('./Autocomplete.config_1xcy9yp.css');
+require('./Autocomplete.config_24xh8x.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });