@salutejs/sdds-serv 0.326.0-canary.2303.18841217749.0 → 0.326.1-canary.2309.18879166426.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/components/Attach/Attach.config.js +1 -1
  2. package/components/Attach/Attach.config.js.map +1 -1
  3. package/components/Attach/{Attach.config_18v389v.css → Attach.config_4eb05r.css} +14 -14
  4. package/components/Attach/Attach.css +16 -16
  5. package/components/Attach/Attach.d.ts +448 -16
  6. package/components/Combobox/Combobox.d.ts +24 -24
  7. package/components/LinkButton/LinkButton.config.js +1 -1
  8. package/components/LinkButton/LinkButton.config.js.map +1 -1
  9. package/{es/components/LinkButton/LinkButton.config_1b6kqyz.css → components/LinkButton/LinkButton.config_b1souo.css} +6 -6
  10. package/components/LinkButton/LinkButton.css +13 -13
  11. package/components/Tabs/TabItem.css +15 -15
  12. package/components/Tabs/TabsController.css +15 -15
  13. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  14. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  15. package/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  16. package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  17. package/components/Tabs/horizontal/HorizontalTabItem.config_1ibgsbi.css +16 -0
  18. package/emotion/cjs/components/Attach/Attach.config.js +60 -28
  19. package/emotion/cjs/components/LinkButton/LinkButton.config.js +18 -12
  20. package/emotion/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  21. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  22. package/emotion/es/components/Attach/Attach.config.js +60 -28
  23. package/emotion/es/components/LinkButton/LinkButton.config.js +18 -12
  24. package/emotion/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  25. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  26. package/es/components/Attach/Attach.config.js +1 -1
  27. package/es/components/Attach/Attach.config.js.map +1 -1
  28. package/es/components/Attach/{Attach.config_18v389v.css → Attach.config_4eb05r.css} +14 -14
  29. package/es/components/Attach/Attach.css +16 -16
  30. package/es/components/LinkButton/LinkButton.config.js +1 -1
  31. package/es/components/LinkButton/LinkButton.config.js.map +1 -1
  32. package/{components/LinkButton/LinkButton.config_1b6kqyz.css → es/components/LinkButton/LinkButton.config_b1souo.css} +6 -6
  33. package/es/components/LinkButton/LinkButton.css +13 -13
  34. package/es/components/Tabs/TabItem.css +15 -15
  35. package/es/components/Tabs/TabsController.css +15 -15
  36. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  37. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  38. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  39. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  40. package/es/components/Tabs/horizontal/HorizontalTabItem.config_1ibgsbi.css +16 -0
  41. package/es/index.css +44 -44
  42. package/package.json +8 -8
  43. package/styled-components/cjs/components/Attach/Attach.config.js +60 -28
  44. package/styled-components/cjs/components/LinkButton/LinkButton.config.js +18 -12
  45. package/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  46. package/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  47. package/styled-components/es/components/Attach/Attach.config.js +60 -28
  48. package/styled-components/es/components/LinkButton/LinkButton.config.js +18 -12
  49. package/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  50. package/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  51. package/components/Tabs/horizontal/HorizontalTabItem.config_1k9kicq.css +0 -16
  52. package/es/components/Tabs/horizontal/HorizontalTabItem.config_1k9kicq.css +0 -16
package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,8 +26,6 @@ function _templateObject() {
26
26
  ": var(--text-secondary);\n ",
27
27
  ": transparent;\n ",
28
28
  ": background-color 0.3s ease-in-out;\n\n ",
29
- ": 0;\n ",
30
- ": 0;\n\n ",
31
29
  ": var(--surface-accent);\n\n ",
32
30
  ": 0rem;\n ",
33
31
  ": var(--text-primary);\n ",
@@ -52,10 +50,10 @@ function _templateObject1() {
52
50
  ": transparent;\n ",
53
51
  ": var(--text-primary);\n ",
54
52
  ": var(--text-secondary);\n ",
55
- ": var(--surface-transparent-card);\n ",
53
+ ": var(--surface-solid-card);\n ",
56
54
  ": var(--text-primary);\n ",
57
55
  ": var(--text-secondary);\n ",
58
- ": var(--surface-transparent-card);\n ",
56
+ ": var(--surface-solid-card);\n ",
59
57
  ": background-color 0.3s ease-in-out;\n\n ",
60
58
  ": 0.125rem;\n\n ",
61
59
  ": var(--surface-accent);\n\n ",
@@ -87,8 +85,6 @@ function _templateObject2() {
87
85
  ": var(--text-secondary);\n ",
88
86
  ": transparent;\n ",
89
87
  ": background-color 0.3s ease-in-out;\n\n ",
90
- ": 0;\n ",
91
- ": 0;\n\n ",
92
88
  ": var(--surface-accent);\n\n ",
93
89
  ": 0.125rem;\n ",
94
90
  ": var(--text-primary);\n ",
@@ -112,10 +108,10 @@ function _templateObject3() {
112
108
  ": var(--text-secondary);\n ",
113
109
  ": transparent;\n ",
114
110
  ": var(--inverse-text-primary);\n ",
115
- ": var(--on-dark-text-secondary);\n ",
111
+ ": var(--inverse-text-secondary);\n ",
116
112
  ": var(--surface-solid-default);\n ",
117
113
  ": var(--inverse-text-primary);\n ",
118
- ": var(--on-dark-text-secondary);\n ",
114
+ ": var(--inverse-text-secondary);\n ",
119
115
  ": var(--surface-solid-default);\n ",
120
116
  ": background-color 0.3s ease-in-out;\n\n ",
121
117
  ": 0.125rem;\n\n ",
@@ -136,9 +132,9 @@ function _templateObject4() {
136
132
  ": 0.375rem;\n ",
137
133
  ": auto;\n ",
138
134
  ": 2rem;\n ",
139
- ": 0 0.5rem;\n ",
135
+ ": 0 0.125rem;\n ",
140
136
  ": 0 0.375rem;\n ",
141
- ": 1.75rem;\n ",
137
+ ": 1.5rem;\n ",
142
138
  ": 0.25rem;\n ",
143
139
  ": 0.125rem;\n\n ",
144
140
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -160,9 +156,9 @@ function _templateObject5() {
160
156
  ": 0.5rem;\n ",
161
157
  ": auto;\n ",
162
158
  ": 2.5rem;\n ",
163
- ": 0 0.625rem;\n ",
159
+ ": 0 0.125rem;\n ",
164
160
  ": 0 0.5rem;\n ",
165
- ": 1.75rem;\n ",
161
+ ": 1.5rem;\n ",
166
162
  ": 0.25rem;\n ",
167
163
  ": 0.125rem;\n\n ",
168
164
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -184,9 +180,9 @@ function _templateObject6() {
184
180
  ": 0.625rem;\n ",
185
181
  ": auto;\n ",
186
182
  ": 3rem;\n ",
187
- ": 0 0.625rem;\n ",
183
+ ": 0 0.125rem;\n ",
188
184
  ": 0 0.5rem;\n ",
189
- ": 1.75rem;\n ",
185
+ ": 1.5rem;\n ",
190
186
  ": 0.375rem;\n ",
191
187
  ": 0.125rem;\n\n ",
192
188
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -208,9 +204,9 @@ function _templateObject7() {
208
204
  ": 0.75rem;\n ",
209
205
  ": auto;\n ",
210
206
  ": 3.5rem;\n ",
211
- ": 0 0.875rem;\n ",
207
+ ": 0 0.125rem;\n ",
212
208
  ": 0 0.75rem;\n ",
213
- ": 1.75rem;\n ",
209
+ ": 1.5rem;\n ",
214
210
  ": 0.5rem;\n ",
215
211
  ": 0.125rem;\n\n ",
216
212
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -232,8 +228,8 @@ function _templateObject8() {
232
228
  ": 0.375rem;\n ",
233
229
  ": auto;\n ",
234
230
  ": 3rem;\n ",
235
- ": 0rem;\n ",
236
- ": 1.75rem;\n ",
231
+ ": 0 0.125rem;\n ",
232
+ ": 1.5rem;\n ",
237
233
  ": 0.625rem;\n\n ",
238
234
  ": var(--plasma-typo-h5-font-family);\n ",
239
235
  ": var(--plasma-typo-h5-font-size);\n ",
@@ -254,8 +250,8 @@ function _templateObject9() {
254
250
  ": 0.375rem;\n ",
255
251
  ": auto;\n ",
256
252
  ": 3.25rem;\n ",
257
- ": 0rem;\n ",
258
- ": 2rem;\n ",
253
+ ": 0 0.125rem;\n ",
254
+ ": 1.75rem;\n ",
259
255
  ": 0.625rem;\n\n ",
260
256
  ": var(--plasma-typo-h4-font-family);\n ",
261
257
  ": var(--plasma-typo-h4-font-size);\n ",
@@ -276,8 +272,8 @@ function _templateObject10() {
276
272
  ": 0.5rem;\n ",
277
273
  ": auto;\n ",
278
274
  ": 3.875rem;\n ",
279
- ": 0rem;\n ",
280
- ": 2.25rem;\n ",
275
+ ": 0 0.125rem;\n ",
276
+ ": 2rem;\n ",
281
277
  ": 0.75rem;\n\n ",
282
278
  ": var(--plasma-typo-h3-font-family);\n ",
283
279
  ": var(--plasma-typo-h3-font-size);\n ",
@@ -298,8 +294,8 @@ function _templateObject11() {
298
294
  ": 0.625rem;\n ",
299
295
  ": auto;\n ",
300
296
  ": 4.5rem;\n ",
301
- ": 0rem;\n ",
302
- ": 2.5rem;\n ",
297
+ ": 0 0.125rem;\n ",
298
+ ": 2.25rem;\n ",
303
299
  ": 0.875rem;\n\n ",
304
300
  ": var(--plasma-typo-h2-font-family);\n ",
305
301
  ": var(--plasma-typo-h2-font-size);\n ",
@@ -320,8 +316,8 @@ function _templateObject12() {
320
316
  ": 0.75rem;\n ",
321
317
  ": auto;\n ",
322
318
  ": 5.75rem;\n ",
323
- ": 0rem;\n ",
324
- ": 3.5rem;\n ",
319
+ ": 0 0.125rem;\n ",
320
+ ": 3.25rem;\n ",
325
321
  ": 1rem;\n\n ",
326
322
  ": var(--plasma-typo-h1-font-family);\n ",
327
323
  ": var(--plasma-typo-h1-font-size);\n ",
@@ -368,14 +364,14 @@ function _templateObject15() {
368
364
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
369
365
  export var config = {
370
366
  defaults: {
371
- view: 'secondary',
367
+ view: 'divider',
372
368
  size: 'l'
373
369
  },
374
370
  variations: {
375
371
  view: {
376
- clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
372
+ clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
377
373
  secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
378
- divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
374
+ divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
379
375
  default: css(_templateObject3(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor)
380
376
  },
381
377
  size: {
package/es/components/Attach/Attach.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Attach.config_18v389v.css';
1
+ import './Attach.config_4eb05r.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
package/es/components/Attach/Attach.config.js.map CHANGED
@@ -1 +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';\n\nexport const config = {\n defaults: {\n view: 'default',\n helperTextView: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${attachTokens.buttonColor}: var(--inverse-text-primary);\n ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n accent: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.buttonColorActive}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.iconButtonColorActive}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.buttonColorActive}: var(--text-primary-active);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n success: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n warning: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n critical: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n dark: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n black: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n white: css`\n ${attachTokens.buttonColor}: var(--on-light-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n },\n helperTextView: {\n default: css`\n ${attachTokens.helperTextColor}: var(--text-secondary);\n `,\n negative: css`\n ${attachTokens.helperTextColor}: var(--text-negative);\n `,\n },\n size: {\n l: css`\n ${attachTokens.horizontalGap}: 1.5rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3.5rem;\n ${attachTokens.buttonHeight}: 3.5rem;\n ${attachTokens.buttonWidth}: 12.5rem;\n ${attachTokens.buttonPadding}: 1.5rem;\n ${attachTokens.buttonRadius}: 0.875rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonHeight}: 3.5rem;\n ${attachTokens.iconButtonWidth}: 3.5rem;\n ${attachTokens.iconButtonPadding}: 1.5rem;\n ${attachTokens.iconButtonRadius}: 0.875rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n m: css`\n ${attachTokens.horizontalGap}: 1.25rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3rem;\n ${attachTokens.buttonHeight}: 3rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1.25rem;\n ${attachTokens.buttonRadius}: 0.75rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonHeight}: 3rem;\n ${attachTokens.iconButtonWidth}: 3rem;\n ${attachTokens.iconButtonPadding}: 1.25rem;\n ${attachTokens.iconButtonRadius}: 0.75rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n s: css`\n ${attachTokens.horizontalGap}: 1rem;\n ${attachTokens.verticalGap}: 0.375rem;\n ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n ${attachTokens.filenameWrapperHeight}: 2.5rem;\n ${attachTokens.buttonHeight}: 2.5rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1rem;\n ${attachTokens.buttonRadius}: 0.625rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2.5rem;\n ${attachTokens.iconButtonWidth}: 2.5rem;\n ${attachTokens.iconButtonPadding}: 1rem;\n ${attachTokens.iconButtonRadius}: 0.625rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n xs: css`\n ${attachTokens.horizontalGap}: 0.75rem;\n ${attachTokens.verticalGap}: 0.25rem;\n ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n ${attachTokens.filenameWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2rem;\n ${attachTokens.buttonWidth}: 10rem;\n ${attachTokens.buttonPadding}: 0.75rem;\n ${attachTokens.buttonRadius}: 0.5rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.25rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2rem;\n ${attachTokens.iconButtonWidth}: 2rem;\n ${attachTokens.iconButtonPadding}: 0.75rem;\n ${attachTokens.iconButtonRadius}: 0.5rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAwCC,SAAA;AACDC,MAAAA,MAAM,EAwCL,SAAA;AACDC,MAAAA,SAAS,EAwCR,SAAA;AACDC,MAAAA,KAAK,EAwCJ,SAAA;AACDC,MAAAA,OAAO,EAqCN,SAAA;AACDC,MAAAA,OAAO,EAwCN,UAAA;AACDC,MAAAA,QAAQ,EAqCP,SAAA;AACDC,MAAAA,IAAI,EAwCH,SAAA;AACDC,MAAAA,KAAK,EAwCJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAyCR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAEC,UAAA;AACDU,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAkFA,UAAA;AACDC,MAAAA,CAAC,EAkFA,SAAA;AACDC,MAAAA,CAAC,EAkFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAmFN,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Attach.config.js","sources":["../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n helperTextView: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${attachTokens.buttonColor}: var(--inverse-text-primary);\n ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n accent: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n secondary: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.buttonColorActive}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.iconButtonColorActive}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n clear: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.buttonColorActive}: var(--text-primary-active);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n success: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n warning: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n critical: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n dark: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n black: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n white: css`\n ${attachTokens.buttonColor}: var(--on-light-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n },\n helperTextView: {\n default: css`\n ${attachTokens.helperTextColor}: var(--text-secondary);\n `,\n negative: css`\n ${attachTokens.helperTextColor}: var(--text-negative);\n `,\n },\n size: {\n l: css`\n ${attachTokens.horizontalGap}: 1.5rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n ${attachTokens.buttonHeight}: 3.5rem;\n ${attachTokens.buttonWidth}: 12.5rem;\n ${attachTokens.buttonPadding}: 1.5rem;\n ${attachTokens.buttonRadius}: 0.875rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonHeight}: 3.5rem;\n ${attachTokens.iconButtonWidth}: 3.5rem;\n ${attachTokens.iconButtonPadding}: 1.5rem;\n ${attachTokens.iconButtonRadius}: 0.875rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.75rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.875rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 1rem;\n `,\n m: css`\n ${attachTokens.horizontalGap}: 1.25rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 3rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1.25rem;\n ${attachTokens.buttonRadius}: 0.75rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonHeight}: 3rem;\n ${attachTokens.iconButtonWidth}: 3rem;\n ${attachTokens.iconButtonPadding}: 1.25rem;\n ${attachTokens.iconButtonRadius}: 0.75rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.5rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.75rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n `,\n s: css`\n ${attachTokens.horizontalGap}: 1rem;\n ${attachTokens.verticalGap}: 0.375rem;\n ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n ${attachTokens.filenameWrapperHeight}: 2.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2.5rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1rem;\n ${attachTokens.buttonRadius}: 0.625rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2.5rem;\n ${attachTokens.iconButtonWidth}: 2.5rem;\n ${attachTokens.iconButtonPadding}: 1rem;\n ${attachTokens.iconButtonRadius}: 0.625rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.625rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n `,\n xs: css`\n ${attachTokens.horizontalGap}: 0.75rem;\n ${attachTokens.verticalGap}: 0.25rem;\n ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n ${attachTokens.filenameWrapperHeight}: 2rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2rem;\n ${attachTokens.buttonWidth}: 10rem;\n ${attachTokens.buttonPadding}: 0.75rem;\n ${attachTokens.buttonRadius}: 0.5rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.25rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2rem;\n ${attachTokens.iconButtonWidth}: 2rem;\n ${attachTokens.iconButtonPadding}: 0.75rem;\n ${attachTokens.iconButtonRadius}: 0.5rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.5rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA0CC,SAAA;AACDC,MAAAA,MAAM,EA0CL,SAAA;AACDC,MAAAA,SAAS,EA0CR,SAAA;AACDC,MAAAA,KAAK,EA0CJ,SAAA;AACDC,MAAAA,OAAO,EA0CN,SAAA;AACDC,MAAAA,OAAO,EA0CN,UAAA;AACDC,MAAAA,QAAQ,EAuCP,SAAA;AACDC,MAAAA,IAAI,EA0CH,SAAA;AACDC,MAAAA,KAAK,EA0CJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAEC,UAAA;AACDU,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAyFA,UAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA0FN,KAAA;AACJ,GAAA;AACJ;;;;"}