@salutejs/plasma-web 1.588.0-canary.2077.16193273208.0 → 1.588.0-canary.2084.16318039326.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.
- package/components/Button/Button.config.d.ts +0 -5
- package/components/Button/Button.config.js +29 -144
- package/components/Button/Button.d.ts +0 -5
- package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
- package/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
- package/components/Drawer/Drawer.d.ts +1 -1
- package/components/IconButton/IconButton.config.d.ts +0 -5
- package/components/IconButton/IconButton.config.js +17 -117
- package/components/IconButton/IconButton.d.ts +0 -5
- package/components/ViewContainer/ViewContainer.config.d.ts +8 -0
- package/components/ViewContainer/ViewContainer.config.js +50 -0
- package/components/ViewContainer/ViewContainer.d.ts +6 -0
- package/components/ViewContainer/ViewContainer.js +14 -0
- package/components/ViewContainer/index.d.ts +1 -0
- package/components/ViewContainer/index.js +11 -0
- package/css/cjs/components/Button/Button.config.js +11 -16
- package/css/cjs/components/Button/Button.config.js.map +1 -1
- package/css/cjs/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
- package/css/cjs/components/Button/Button.css +19 -24
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/cjs/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
- package/css/cjs/components/ButtonGroup/ButtonGroup.css +22 -27
- package/css/cjs/components/IconButton/IconButton.config.js +7 -12
- package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/css/cjs/components/IconButton/IconButton.config_hkswin.css +17 -0
- package/css/cjs/components/IconButton/IconButton.css +17 -22
- package/css/cjs/components/ViewContainer/ViewContainer.config.js +16 -0
- package/css/cjs/components/ViewContainer/ViewContainer.config.js.map +1 -0
- package/css/cjs/components/ViewContainer/ViewContainer.config_16gim1s.css +2 -0
- package/css/cjs/components/ViewContainer/ViewContainer.css +2 -0
- package/css/cjs/components/ViewContainer/ViewContainer.js +12 -0
- package/css/cjs/components/ViewContainer/ViewContainer.js.map +1 -0
- package/css/cjs/index.css +65 -77
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Button/Button.config.js +11 -16
- package/css/es/components/Button/Button.config.js.map +1 -1
- package/css/es/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
- package/css/es/components/Button/Button.css +19 -24
- package/css/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/es/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
- package/css/es/components/ButtonGroup/ButtonGroup.css +22 -27
- package/css/es/components/IconButton/IconButton.config.js +7 -12
- package/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/css/es/components/IconButton/IconButton.config_hkswin.css +17 -0
- package/css/es/components/IconButton/IconButton.css +17 -22
- package/css/es/components/ViewContainer/ViewContainer.config.js +12 -0
- package/css/es/components/ViewContainer/ViewContainer.config.js.map +1 -0
- package/css/es/components/ViewContainer/ViewContainer.config_16gim1s.css +2 -0
- package/css/es/components/ViewContainer/ViewContainer.css +2 -0
- package/css/es/components/ViewContainer/ViewContainer.js +8 -0
- package/css/es/components/ViewContainer/ViewContainer.js.map +1 -0
- package/css/es/index.css +65 -77
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Button/Button.config.js +29 -144
- package/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/es/components/IconButton/IconButton.config.js +17 -117
- package/es/components/ViewContainer/ViewContainer.config.js +40 -0
- package/es/components/ViewContainer/ViewContainer.js +4 -0
- package/es/components/ViewContainer/index.js +1 -0
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +7 -7
- package/css/cjs/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
- package/css/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
|
@@ -1,30 +1,25 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.ButtonGroup_config_nvojq8_hbb1ace__f1fab499{--plasma-button-group-orientation:row;}
|
|
24
|
-
.ButtonGroup_config_nvojq8_vnyer5h__f1fab499{--plasma-button-group-orientation:column;}
|
|
25
|
-
.ButtonGroup_config_nvojq8_n1g2rt4j__f1fab499{--plasma-button-group-items-gap:0;}
|
|
26
|
-
.ButtonGroup_config_nvojq8_d1xdd6tf__f1fab499{--plasma-button-group-items-gap:0.125rem;}
|
|
27
|
-
.ButtonGroup_config_nvojq8_w1qv9uf__f1fab499{--plasma-button-group-items-gap:0.5rem;}
|
|
1
|
+
.ButtonGroup_config_lzpvcu_d1n1yjnm__68e59635{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
|
|
2
|
+
.ButtonGroup_config_lzpvcu_pqck75c__68e59635{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
|
|
3
|
+
.ButtonGroup_config_lzpvcu_az65cne__68e59635{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-accent);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-accent-active);}
|
|
4
|
+
.ButtonGroup_config_lzpvcu_s5fo1by__68e59635{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-transparent-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active);}
|
|
5
|
+
.ButtonGroup_config_lzpvcu_covvipf__68e59635{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-clear);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-clear);}
|
|
6
|
+
.ButtonGroup_config_lzpvcu_s1tax4m1__68e59635{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-positive);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-positive-active);}
|
|
7
|
+
.ButtonGroup_config_lzpvcu_w1k2o0xu__68e59635{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-warning);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-warning-active);}
|
|
8
|
+
.ButtonGroup_config_lzpvcu_c2bys7z__68e59635{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-negative);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-negative-active);}
|
|
9
|
+
.ButtonGroup_config_lzpvcu_dp70rs0__68e59635{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active);}
|
|
10
|
+
.ButtonGroup_config_lzpvcu_bmie5p2__68e59635{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
|
|
11
|
+
.ButtonGroup_config_lzpvcu_w1g3omzu__68e59635{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
|
|
12
|
+
.ButtonGroup_config_lzpvcu_x1116k6l__68e59635{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
13
|
+
.ButtonGroup_config_lzpvcu_l15t0nuq__68e59635{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
14
|
+
.ButtonGroup_config_lzpvcu_m316r83__68e59635{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
|
|
15
|
+
.ButtonGroup_config_lzpvcu_szu697__68e59635{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
|
|
16
|
+
.ButtonGroup_config_lzpvcu_x16bzis9__68e59635{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
17
|
+
.ButtonGroup_config_lzpvcu_x97067l__68e59635{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
18
|
+
.ButtonGroup_config_lzpvcu_h1xcwbx9__68e59635{--plasma-button-group-orientation:row;}
|
|
19
|
+
.ButtonGroup_config_lzpvcu_v1fuvc6m__68e59635{--plasma-button-group-orientation:column;}
|
|
20
|
+
.ButtonGroup_config_lzpvcu_nsjqy1i__68e59635{--plasma-button-group-items-gap:0;}
|
|
21
|
+
.ButtonGroup_config_lzpvcu_dmgmq8o__68e59635{--plasma-button-group-items-gap:0.125rem;}
|
|
22
|
+
.ButtonGroup_config_lzpvcu_w1udxooc__68e59635{--plasma-button-group-items-gap:0.5rem;}
|
|
28
23
|
|
|
29
24
|
|
|
30
25
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./IconButton.
|
|
1
|
+
require('./IconButton.config_hkswin.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -24,21 +24,16 @@ var config = {
|
|
|
24
24
|
},
|
|
25
25
|
size: {
|
|
26
26
|
xl: "x1dxcd0l",
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
mr: "m1sas78d",
|
|
32
|
-
s: "s1drrr81",
|
|
33
|
-
sr: "sfj8gzo",
|
|
34
|
-
xs: "x1eqxvy4",
|
|
35
|
-
xsr: "xjqh1fr"
|
|
27
|
+
l: "l1dmlkwi",
|
|
28
|
+
m: "mf24ef4",
|
|
29
|
+
s: "sc2xiyr",
|
|
30
|
+
xs: "x1gtjmmp"
|
|
36
31
|
},
|
|
37
32
|
disabled: {
|
|
38
|
-
"true": "
|
|
33
|
+
"true": "t1sas78d"
|
|
39
34
|
},
|
|
40
35
|
focused: {
|
|
41
|
-
"true": "
|
|
36
|
+
"true": "t1drrr81"
|
|
42
37
|
}
|
|
43
38
|
}
|
|
44
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.config.js","sources":["../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonPadding}: 1.75rem;\n ${iconButtonTokens.iconButtonRadius}: 1rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xlr: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n l: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.875rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n lr: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonPadding}: 1.25rem;\n ${iconButtonTokens.iconButtonRadius}: 0.75rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n mr: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n sr: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xsr: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,MAAM,EAML,SAAA;AACDC,MAAAA,SAAS,EAMR,SAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,OAAO,EAMN,SAAA;AACDC,MAAAA,OAAO,EAMN,UAAA;AACDC,MAAAA,QAAQ,EAMP,SAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAaN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDxB,IAAAA,OAAO,EAAE;MACLwB,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"IconButton.config.js","sources":["../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonPadding}: 1.75rem;\n ${iconButtonTokens.iconButtonRadius}: 1rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n l: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.875rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonPadding}: 1.25rem;\n ${iconButtonTokens.iconButtonRadius}: 0.75rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,MAAM,EAML,SAAA;AACDC,MAAAA,SAAS,EAMR,SAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,OAAO,EAMN,SAAA;AACDC,MAAAA,OAAO,EAMN,UAAA;AACDC,MAAAA,QAAQ,EAMP,SAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDnB,IAAAA,OAAO,EAAE;MACLmB,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.d18ihzhr{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
|
|
2
|
+
.asnn66s{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
|
|
3
|
+
.sxdpxpi{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
4
|
+
.c1gkv8om{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
5
|
+
.svlui54{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
|
|
6
|
+
.w1h4he2a{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
|
|
7
|
+
.crva8ns{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
|
|
8
|
+
.d11wn1rp{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
|
|
9
|
+
.b1b6yic8{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
|
|
10
|
+
.w1bgiggf{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
|
|
11
|
+
.x1dxcd0l{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
|
|
12
|
+
.l1dmlkwi{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
13
|
+
.mf24ef4{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
14
|
+
.sc2xiyr{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
15
|
+
.x1gtjmmp{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
|
|
16
|
+
.t1sas78d{--plasma-icon-button-disabled-opacity:0.4;}
|
|
17
|
+
.t1drrr81{--plasma-icon-button-focus-color:var(--surface-accent);}
|
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.IconButton_config_1uz2ft1_sfj8gzo__eeaf2d1e{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
19
|
-
.IconButton_config_1uz2ft1_x1eqxvy4__eeaf2d1e{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
|
|
20
|
-
.IconButton_config_1uz2ft1_xjqh1fr__eeaf2d1e{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
|
|
21
|
-
.IconButton_config_1uz2ft1_t1wq4idj__eeaf2d1e{--plasma-icon-button-disabled-opacity:0.4;}
|
|
22
|
-
.IconButton_config_1uz2ft1_txx4c3m__eeaf2d1e{--plasma-icon-button-focus-color:var(--surface-accent);}
|
|
1
|
+
.IconButton_config_hkswin_d18ihzhr__c0b04024{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
|
|
2
|
+
.IconButton_config_hkswin_asnn66s__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
|
|
3
|
+
.IconButton_config_hkswin_sxdpxpi__c0b04024{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
4
|
+
.IconButton_config_hkswin_c1gkv8om__c0b04024{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
5
|
+
.IconButton_config_hkswin_svlui54__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
|
|
6
|
+
.IconButton_config_hkswin_w1h4he2a__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
|
|
7
|
+
.IconButton_config_hkswin_crva8ns__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
|
|
8
|
+
.IconButton_config_hkswin_d11wn1rp__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
|
|
9
|
+
.IconButton_config_hkswin_b1b6yic8__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
|
|
10
|
+
.IconButton_config_hkswin_w1bgiggf__c0b04024{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
|
|
11
|
+
.IconButton_config_hkswin_x1dxcd0l__c0b04024{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
|
|
12
|
+
.IconButton_config_hkswin_l1dmlkwi__c0b04024{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
13
|
+
.IconButton_config_hkswin_mf24ef4__c0b04024{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
14
|
+
.IconButton_config_hkswin_sc2xiyr__c0b04024{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
15
|
+
.IconButton_config_hkswin_x1gtjmmp__c0b04024{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
|
|
16
|
+
.IconButton_config_hkswin_t1sas78d__c0b04024{--plasma-icon-button-disabled-opacity:0.4;}
|
|
17
|
+
.IconButton_config_hkswin_t1drrr81__c0b04024{--plasma-icon-button-focus-color:var(--surface-accent);}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
require('./ViewContainer.config_16gim1s.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
onDark: "o136jz4i",
|
|
10
|
+
onLight: "oxsz86j"
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.config = config;
|
|
16
|
+
//# sourceMappingURL=ViewContainer.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ViewContainer.config.js","sources":["../../../../src-css/components/ViewContainer/ViewContainer.config.ts"],"sourcesContent":["import { css } from '@salutejs/plasma-new-hope';\nimport { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_web';\n\nexport const config = {\n variations: {\n view: {\n onDark: css`\n ${viewContainer.dark}\n `,\n onLight: css`\n ${viewContainer.light}\n `,\n },\n },\n};\n"],"names":["config","variations","view","onDark","onLight"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,MAAM,EAEL,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.o136jz4i{--text-primary-hover:var(--on-dark-text-primary-hover);--text-primary-active:var(--on-dark-text-primary-active);--text-primary:var(--on-dark-text-primary);--text-primary-brightness:var(--on-dark-text-primary-brightness);--text-secondary-hover:var(--on-dark-text-secondary-hover);--text-secondary-active:var(--on-dark-text-secondary-active);--text-secondary:var(--on-dark-text-secondary);--text-tertiary-hover:var(--on-dark-text-tertiary-hover);--text-tertiary-active:var(--on-dark-text-tertiary-active);--text-tertiary:var(--on-dark-text-tertiary);--text-paragraph-hover:var(--on-dark-text-paragraph-hover);--text-paragraph-active:var(--on-dark-text-paragraph-active);--text-paragraph:var(--on-dark-text-paragraph);--text-accent-hover:var(--on-dark-text-accent-hover);--text-accent-active:var(--on-dark-text-accent-active);--text-accent-minor-hover:var(--on-dark-text-accent-minor-hover);--text-accent-minor-active:var(--on-dark-text-accent-minor-active);--text-positive-hover:var(--on-dark-text-positive-hover);--text-positive-active:var(--on-dark-text-positive-active);--text-warning-hover:var(--on-dark-text-warning-hover);--text-warning-active:var(--on-dark-text-warning-active);--text-negative-hover:var(--on-dark-text-negative-hover);--text-negative-active:var(--on-dark-text-negative-active);--text-info-hover:var(--on-dark-text-info-hover);--text-info-active:var(--on-dark-text-info-active);--text-positive-minor-hover:var(--on-dark-text-positive-minor-hover);--text-positive-minor-active:var(--on-dark-text-positive-minor-active);--text-warning-minor-hover:var(--on-dark-text-warning-minor-hover);--text-warning-minor-active:var(--on-dark-text-warning-minor-active);--text-negative-minor-hover:var(--on-dark-text-negative-minor-hover);--text-negative-minor-active:var(--on-dark-text-negative-minor-active);--text-info-minor-hover:var(--on-dark-text-info-minor-hover);--text-info-minor-active:var(--on-dark-text-info-minor-active);--text-accent:var(--on-dark-text-accent);--text-accent-minor:var(--on-dark-text-accent-minor);--text-positive:var(--on-dark-text-positive);--text-warning:var(--on-dark-text-warning);--text-negative:var(--on-dark-text-negative);--text-positive-minor:var(--on-dark-text-positive-minor);--text-warning-minor:var(--on-dark-text-warning-minor);--text-negative-minor:var(--on-dark-text-negative-minor);--text-info:var(--on-dark-text-info);--text-info-minor:var(--on-dark-text-info-minor);--inverse-text-primary-hover:var(--on-light-text-primary-hover);--inverse-text-primary-active:var(--on-light-text-primary-active);--inverse-text-primary:var(--on-light-text-primary);--inverse-text-primary-brightness:var(--on-light-text-primary-brightness);--inverse-text-secondary-hover:var(--on-light-text-secondary-hover);--inverse-text-secondary-active:var(--on-light-text-secondary-active);--inverse-text-secondary:var(--on-light-text-secondary);--inverse-text-tertiary-hover:var(--on-light-text-tertiary-hover);--inverse-text-tertiary-active:var(--on-light-text-tertiary-active);--inverse-text-tertiary:var(--on-light-text-tertiary);--inverse-text-paragraph-hover:var(--on-light-text-paragraph-hover);--inverse-text-paragraph-active:var(--on-light-text-paragraph-active);--inverse-text-paragraph:var(--on-light-text-paragraph);--inverse-text-accent-hover:var(--on-light-text-accent-hover);--inverse-text-accent-active:var(--on-light-text-accent-active);--inverse-text-accent-minor-hover:var(--on-light-text-accent-minor-hover);--inverse-text-accent-minor-active:var(--on-light-text-accent-minor-active);--inverse-text-positive-hover:var(--on-light-text-positive-hover);--inverse-text-positive-active:var(--on-light-text-positive-active);--inverse-text-warning-hover:var(--on-light-text-warning-hover);--inverse-text-warning-active:var(--on-light-text-warning-active);--inverse-text-negative-hover:var(--on-light-text-negative-hover);--inverse-text-negative-active:var(--on-light-text-negative-active);--inverse-text-info-hover:var(--on-light-text-info-hover);--inverse-text-info-active:var(--on-light-text-info-active);--inverse-text-positive-minor-hover:var(--on-light-text-positive-minor-hover);--inverse-text-positive-minor-active:var(--on-light-text-positive-minor-active);--inverse-text-warning-minor-hover:var(--on-light-text-warning-minor-hover);--inverse-text-warning-minor-active:var(--on-light-text-warning-minor-active);--inverse-text-negative-minor-hover:var(--on-light-text-negative-minor-hover);--inverse-text-negative-minor-active:var(--on-light-text-negative-minor-active);--inverse-text-info-minor-hover:var(--on-light-text-info-minor-hover);--inverse-text-info-minor-active:var(--on-light-text-info-minor-active);--inverse-text-accent:var(--on-light-text-accent);--inverse-text-accent-minor:var(--on-light-text-accent-minor);--inverse-text-positive:var(--on-light-text-positive);--inverse-text-warning:var(--on-light-text-warning);--inverse-text-negative:var(--on-light-text-negative);--inverse-text-info:var(--on-light-text-info);--inverse-text-positive-minor:var(--on-light-text-positive-minor);--inverse-text-warning-minor:var(--on-light-text-warning-minor);--inverse-text-negative-minor:var(--on-light-text-negative-minor);--inverse-text-info-minor:var(--on-light-text-info-minor);--surface-solid-primary-hover:var(--on-dark-surface-solid-primary-hover);--surface-solid-primary-active:var(--on-dark-surface-solid-primary-active);--surface-solid-primary:var(--on-dark-surface-solid-primary);--surface-solid-primary-brightness:var(--on-dark-surface-solid-primary-brightness);--surface-solid-secondary-hover:var(--on-dark-surface-solid-secondary-hover);--surface-solid-secondary-active:var(--on-dark-surface-solid-secondary-active);--surface-solid-secondary:var(--on-dark-surface-solid-secondary);--surface-solid-tertiary-hover:var(--on-dark-surface-solid-tertiary-hover);--surface-solid-tertiary-active:var(--on-dark-surface-solid-tertiary-active);--surface-solid-tertiary:var(--on-dark-surface-solid-tertiary);--surface-solid-card-hover:var(--on-dark-surface-solid-card-hover);--surface-solid-card-active:var(--on-dark-surface-solid-card-active);--surface-solid-card:var(--on-dark-surface-solid-card);--surface-solid-card-brightness:var(--on-dark-surface-solid-card-brightness);--surface-solid-default-hover:var(--on-dark-surface-solid-default-hover);--surface-solid-default-active:var(--on-dark-surface-solid-default-active);--surface-solid-default:var(--on-dark-surface-solid-default);--surface-transparent-primary-hover:var(--on-dark-surface-transparent-primary-hover);--surface-transparent-primary-active:var(--on-dark-surface-transparent-primary-active);--surface-transparent-primary:var(--on-dark-surface-transparent-primary);--surface-transparent-secondary-hover:var(--on-dark-surface-transparent-secondary-hover);--surface-transparent-secondary-active:var(--on-dark-surface-transparent-secondary-active);--surface-transparent-secondary:var(--on-dark-surface-transparent-secondary);--surface-transparent-tertiary-hover:var(--on-dark-surface-transparent-tertiary-hover);--surface-transparent-tertiary-active:var(--on-dark-surface-transparent-tertiary-active);--surface-transparent-tertiary:var(--on-dark-surface-transparent-tertiary);--surface-transparent-deep-hover:var(--on-dark-surface-transparent-deep-hover);--surface-transparent-deep-active:var(--on-dark-surface-transparent-deep-active);--surface-transparent-deep:var(--on-dark-surface-transparent-deep);--surface-transparent-card-hover:var(--on-dark-surface-transparent-card-hover);--surface-transparent-card-active:var(--on-dark-surface-transparent-card-active);--surface-transparent-card:var(--on-dark-surface-transparent-card);--surface-transparent-card-brightness:var(--on-dark-surface-transparent-card-brightness);--surface-clear-hover:var(--on-dark-surface-clear-hover);--surface-clear-active:var(--on-dark-surface-clear-active);--surface-clear:var(--on-dark-surface-clear);--surface-accent-hover:var(--on-dark-surface-accent-hover);--surface-accent-active:var(--on-dark-surface-accent-active);--surface-accent:var(--on-dark-surface-accent);--surface-accent-minor-hover:var(--on-dark-surface-accent-minor-hover);--surface-accent-minor-active:var(--on-dark-surface-accent-minor-active);--surface-transparent-accent-hover:var(--on-dark-surface-transparent-accent-hover);--surface-transparent-accent-active:var(--on-dark-surface-transparent-accent-active);--surface-positive-hover:var(--on-dark-surface-positive-hover);--surface-positive-active:var(--on-dark-surface-positive-active);--surface-positive:var(--on-dark-surface-positive);--surface-warning-hover:var(--on-dark-surface-warning-hover);--surface-warning-active:var(--on-dark-surface-warning-active);--surface-warning:var(--on-dark-surface-warning);--surface-negative-hover:var(--on-dark-surface-negative-hover);--surface-negative-active:var(--on-dark-surface-negative-active);--surface-negative:var(--on-dark-surface-negative);--surface-info-hover:var(--on-dark-surface-info-hover);--surface-info-active:var(--on-dark-surface-info-active);--surface-positive-minor-hover:var(--on-dark-surface-positive-minor-hover);--surface-positive-minor-active:var(--on-dark-surface-positive-minor-active);--surface-warning-minor-hover:var(--on-dark-surface-warning-minor-hover);--surface-warning-minor-active:var(--on-dark-surface-warning-minor-active);--surface-negative-minor-hover:var(--on-dark-surface-negative-minor-hover);--surface-negative-minor-active:var(--on-dark-surface-negative-minor-active);--surface-info-minor-hover:var(--on-dark-surface-info-minor-hover);--surface-info-minor-active:var(--on-dark-surface-info-minor-active);--surface-transparent-positive-hover:var(--on-dark-surface-transparent-positive-hover);--surface-transparent-positive-active:var(--on-dark-surface-transparent-positive-active);--surface-transparent-warning-hover:var(--on-dark-surface-transparent-warning-hover);--surface-transparent-warning-active:var(--on-dark-surface-transparent-warning-active);--surface-transparent-negative-hover:var(--on-dark-surface-transparent-negative-hover);--surface-transparent-negative-active:var(--on-dark-surface-transparent-negative-active);--surface-transparent-info-hover:var(--on-dark-surface-transparent-info-hover);--surface-transparent-info-active:var(--on-dark-surface-transparent-info-active);--surface-accent-minor:var(--on-dark-surface-accent-minor);--surface-positive-minor:var(--on-dark-surface-positive-minor);--surface-warning-minor:var(--on-dark-surface-warning-minor);--surface-negative-minor:var(--on-dark-surface-negative-minor);--surface-transparent-positive:var(--on-dark-surface-transparent-positive);--surface-transparent-warning:var(--on-dark-surface-transparent-warning);--surface-transparent-negative:var(--on-dark-surface-transparent-negative);--surface-info:var(--on-dark-surface-info);--surface-info-minor:var(--on-dark-surface-info-minor);--surface-transparent-accent:var(--on-dark-surface-transparent-accent);--surface-transparent-info:var(--on-dark-surface-transparent-info);--inverse-surface-solid-primary-hover:var(--on-light-surface-solid-primary-hover);--inverse-surface-solid-primary-active:var(--on-light-surface-solid-primary-active);--inverse-surface-solid-primary-brightness:var(--on-light-surface-solid-primary-brightness);--inverse-surface-solid-secondary-hover:var(--on-light-surface-solid-secondary-hover);--inverse-surface-solid-secondary-active:var(--on-light-surface-solid-secondary-active);--inverse-surface-solid-tertiary-hover:var(--on-light-surface-solid-tertiary-hover);--inverse-surface-solid-tertiary-active:var(--on-light-surface-solid-tertiary-active);--inverse-surface-solid-card-hover:var(--on-light-surface-solid-card-hover);--inverse-surface-solid-card-active:var(--on-light-surface-solid-card-active);--inverse-surface-solid-card-brightness:var(--on-light-surface-solid-card-brightness);--inverse-surface-solid-default-hover:var(--on-light-surface-solid-default-hover);--inverse-surface-solid-default-active:var(--on-light-surface-solid-default-active);--inverse-surface-transparent-primary-hover:var(--on-light-surface-transparent-primary-hover);--inverse-surface-transparent-primary-active:var(--on-light-surface-transparent-primary-active);--inverse-surface-transparent-secondary-hover:var(--on-light-surface-transparent-secondary-hover);--inverse-surface-transparent-secondary-active:var(--on-light-surface-transparent-secondary-active);--inverse-surface-transparent-tertiary-hover:var(--on-light-surface-transparent-tertiary-hover);--inverse-surface-transparent-tertiary-active:var(--on-light-surface-transparent-tertiary-active);--inverse-surface-transparent-deep-hover:var(--on-light-surface-transparent-deep-hover);--inverse-surface-transparent-deep-active:var(--on-light-surface-transparent-deep-active);--inverse-surface-transparent-card-hover:var(--on-light-surface-transparent-card-hover);--inverse-surface-transparent-card-active:var(--on-light-surface-transparent-card-active);--inverse-surface-transparent-card-brightness:var(--on-light-surface-transparent-card-brightness);--inverse-surface-clear-hover:var(--on-light-surface-clear-hover);--inverse-surface-clear-active:var(--on-light-surface-clear-active);--inverse-surface-accent-hover:var(--on-light-surface-accent-hover);--inverse-surface-accent-active:var(--on-light-surface-accent-active);--inverse-surface-accent-minor-hover:var(--on-light-surface-accent-minor-hover);--inverse-surface-accent-minor-active:var(--on-light-surface-accent-minor-active);--inverse-surface-transparent-accent-hover:var(--on-light-surface-transparent-accent-hover);--inverse-surface-transparent-accent-active:var(--on-light-surface-transparent-accent-active);--inverse-surface-positive-hover:var(--on-light-surface-positive-hover);--inverse-surface-positive-active:var(--on-light-surface-positive-active);--inverse-surface-warning-hover:var(--on-light-surface-warning-hover);--inverse-surface-warning-active:var(--on-light-surface-warning-active);--inverse-surface-negative-hover:var(--on-light-surface-negative-hover);--inverse-surface-negative-active:var(--on-light-surface-negative-active);--inverse-surface-info-hover:var(--on-light-surface-info-hover);--inverse-surface-info-active:var(--on-light-surface-info-active);--inverse-surface-positive-minor-hover:var(--on-light-surface-positive-minor-hover);--inverse-surface-positive-minor-active:var(--on-light-surface-positive-minor-active);--inverse-surface-warning-minor-hover:var(--on-light-surface-warning-minor-hover);--inverse-surface-warning-minor-active:var(--on-light-surface-warning-minor-active);--inverse-surface-negative-minor-hover:var(--on-light-surface-negative-minor-hover);--inverse-surface-negative-minor-active:var(--on-light-surface-negative-minor-active);--inverse-surface-info-minor-hover:var(--on-light-surface-info-minor-hover);--inverse-surface-info-minor-active:var(--on-light-surface-info-minor-active);--inverse-surface-transparent-positive-hover:var(--on-light-surface-transparent-positive-hover);--inverse-surface-transparent-positive-active:var(--on-light-surface-transparent-positive-active);--inverse-surface-transparent-warning-hover:var(--on-light-surface-transparent-warning-hover);--inverse-surface-transparent-warning-active:var(--on-light-surface-transparent-warning-active);--inverse-surface-transparent-negative-hover:var(--on-light-surface-transparent-negative-hover);--inverse-surface-transparent-negative-active:var(--on-light-surface-transparent-negative-active);--inverse-surface-transparent-info-hover:var(--on-light-surface-transparent-info-hover);--inverse-surface-transparent-info-active:var(--on-light-surface-transparent-info-active);--inverse-surface-solid-card:var(--on-light-surface-solid-card);--inverse-surface-solid-primary:var(--on-light-surface-solid-primary);--inverse-surface-solid-secondary:var(--on-light-surface-solid-secondary);--inverse-surface-solid-tertiary:var(--on-light-surface-solid-tertiary);--inverse-surface-solid-default:var(--on-light-surface-solid-default);--inverse-surface-transparent-card:var(--on-light-surface-transparent-card);--inverse-surface-transparent-primary:var(--on-light-surface-transparent-primary);--inverse-surface-transparent-secondary:var(--on-light-surface-transparent-secondary);--inverse-surface-transparent-tertiary:var(--on-light-surface-transparent-tertiary);--inverse-surface-transparent-deep:var(--on-light-surface-transparent-deep);--inverse-surface-clear:var(--on-light-surface-clear);--inverse-surface-accent:var(--on-light-surface-accent);--inverse-surface-accent-minor:var(--on-light-surface-accent-minor);--inverse-surface-transparent-accent:var(--on-light-surface-transparent-accent);--inverse-surface-positive:var(--on-light-surface-positive);--inverse-surface-warning:var(--on-light-surface-warning);--inverse-surface-negative:var(--on-light-surface-negative);--inverse-surface-info:var(--on-light-surface-info);--inverse-surface-positive-minor:var(--on-light-surface-positive-minor);--inverse-surface-warning-minor:var(--on-light-surface-warning-minor);--inverse-surface-negative-minor:var(--on-light-surface-negative-minor);--inverse-surface-info-minor:var(--on-light-surface-info-minor);--inverse-surface-transparent-positive:var(--on-light-surface-transparent-positive);--inverse-surface-transparent-warning:var(--on-light-surface-transparent-warning);--inverse-surface-transparent-negative:var(--on-light-surface-transparent-negative);--inverse-surface-transparent-info:var(--on-light-surface-transparent-info);--background-primary:var(--dark-background-primary);--background-primary-brightness:var(--dark-background-primary-brightness);--inverse-background-primary-brightness:var(--light-background-primary-brightness);--inverse-background-primary:var(--light-background-primary);--overlay-soft:var(--on-dark-overlay-soft);--overlay-hard:var(--on-dark-overlay-hard);--overlay-blur:var(--on-dark-overlay-blur);--inverse-overlay-soft:var(--on-light-overlay-soft);--inverse-overlay-hard:var(--on-light-overlay-hard);--inverse-overlay-blur:var(--on-light-overlay-blur);--outline-solid-primary-hover:var(--on-dark-outline-solid-primary-hover);--outline-solid-primary-active:var(--on-dark-outline-solid-primary-active);--outline-solid-secondary-hover:var(--on-dark-outline-solid-secondary-hover);--outline-solid-secondary-active:var(--on-dark-outline-solid-secondary-active);--outline-solid-tertiary-hover:var(--on-dark-outline-solid-tertiary-hover);--outline-solid-tertiary-active:var(--on-dark-outline-solid-tertiary-active);--outline-transparent-primary-hover:var(--on-dark-outline-transparent-primary-hover);--outline-transparent-primary-active:var(--on-dark-outline-transparent-primary-active);--outline-transparent-secondary-hover:var(--on-dark-outline-transparent-secondary-hover);--outline-transparent-secondary-active:var(--on-dark-outline-transparent-secondary-active);--outline-transparent-tertiary-hover:var(--on-dark-outline-transparent-tertiary-hover);--outline-transparent-tertiary-active:var(--on-dark-outline-transparent-tertiary-active);--outline-clear-hover:var(--on-dark-outline-clear-hover);--outline-clear-active:var(--on-dark-outline-clear-active);--outline-accent-hover:var(--on-dark-outline-accent-hover);--outline-accent-active:var(--on-dark-outline-accent-active);--outline-accent-minor-hover:var(--on-dark-outline-accent-minor-hover);--outline-accent-minor-active:var(--on-dark-outline-accent-minor-active);--outline-transparent-accent-hover:var(--on-dark-outline-transparent-accent-hover);--outline-transparent-accent-active:var(--on-dark-outline-transparent-accent-active);--outline-positive-hover:var(--on-dark-outline-positive-hover);--outline-positive-active:var(--on-dark-outline-positive-active);--outline-warning-hover:var(--on-dark-outline-warning-hover);--outline-warning-active:var(--on-dark-outline-warning-active);--outline-negative-hover:var(--on-dark-outline-negative-hover);--outline-negative-active:var(--on-dark-outline-negative-active);--outline-info-hover:var(--on-dark-outline-info-hover);--outline-info-active:var(--on-dark-outline-info-active);--outline-positive-minor-hover:var(--on-dark-outline-positive-minor-hover);--outline-positive-minor-active:var(--on-dark-outline-positive-minor-active);--outline-warning-minor-hover:var(--on-dark-outline-warning-minor-hover);--outline-warning-minor-active:var(--on-dark-outline-warning-minor-active);--outline-negative-minor-hover:var(--on-dark-outline-negative-minor-hover);--outline-negative-minor-active:var(--on-dark-outline-negative-minor-active);--outline-info-minor-hover:var(--on-dark-outline-info-minor-hover);--outline-info-minor-active:var(--on-dark-outline-info-minor-active);--outline-transparent-positive-hover:var(--on-dark-outline-transparent-positive-hover);--outline-transparent-positive-active:var(--on-dark-outline-transparent-positive-active);--outline-transparent-warning-hover:var(--on-dark-outline-transparent-warning-hover);--outline-transparent-warning-active:var(--on-dark-outline-transparent-warning-active);--outline-transparent-negative-hover:var(--on-dark-outline-transparent-negative-hover);--outline-transparent-negative-active:var(--on-dark-outline-transparent-negative-active);--outline-transparent-info-hover:var(--on-dark-outline-transparent-info-hover);--outline-transparent-info-active:var(--on-dark-outline-transparent-info-active);--outline-solid-primary:var(--on-dark-outline-solid-primary);--outline-solid-secondary:var(--on-dark-outline-solid-secondary);--outline-solid-tertiary:var(--on-dark-outline-solid-tertiary);--outline-default-hover:var(--on-dark-outline-default-hover);--outline-default-active:var(--on-dark-outline-default-active);--outline-transparent-primary:var(--on-dark-outline-transparent-primary);--outline-transparent-secondary:var(--on-dark-outline-transparent-secondary);--outline-transparent-tertiary:var(--on-dark-outline-transparent-tertiary);--outline-clear:var(--on-dark-outline-clear);--outline-accent:var(--on-dark-outline-accent);--outline-accent-minor:var(--on-dark-outline-accent-minor);--outline-transparent-accent:var(--on-dark-outline-transparent-accent);--outline-positive:var(--on-dark-outline-positive);--outline-warning:var(--on-dark-outline-warning);--outline-negative:var(--on-dark-outline-negative);--outline-positive-minor:var(--on-dark-outline-positive-minor);--outline-warning-minor:var(--on-dark-outline-warning-minor);--outline-negative-minor:var(--on-dark-outline-negative-minor);--outline-transparent-positive:var(--on-dark-outline-transparent-positive);--outline-transparent-warning:var(--on-dark-outline-transparent-warning);--outline-transparent-negative:var(--on-dark-outline-transparent-negative);--outline-info:var(--on-dark-outline-info);--outline-info-minor:var(--on-dark-outline-info-minor);--outline-transparent-info:var(--on-dark-outline-transparent-info);--outline-solid-default:var(--on-dark-outline-solid-default);--outline-solid-default-hover:var(--on-dark-outline-solid-default-hover);--outline-solid-default-active:var(--on-dark-outline-solid-default-active);--inverse-outline-solid-primary-hover:var(--on-light-outline-solid-primary-hover);--inverse-outline-solid-primary-active:var(--on-light-outline-solid-primary-active);--inverse-outline-solid-secondary-hover:var(--on-light-outline-solid-secondary-hover);--inverse-outline-solid-secondary-active:var(--on-light-outline-solid-secondary-active);--inverse-outline-solid-tertiary-hover:var(--on-light-outline-solid-tertiary-hover);--inverse-outline-solid-tertiary-active:var(--on-light-outline-solid-tertiary-active);--inverse-outline-transparent-primary-hover:var(--on-light-outline-transparent-primary-hover);--inverse-outline-transparent-primary-active:var(--on-light-outline-transparent-primary-active);--inverse-outline-transparent-secondary-hover:var(--on-light-outline-transparent-secondary-hover);--inverse-outline-transparent-secondary-active:var(--on-light-outline-transparent-secondary-active);--inverse-outline-transparent-tertiary-hover:var(--on-light-outline-transparent-tertiary-hover);--inverse-outline-transparent-tertiary-active:var(--on-light-outline-transparent-tertiary-active);--inverse-outline-clear-hover:var(--on-light-outline-clear-hover);--inverse-outline-clear-active:var(--on-light-outline-clear-active);--inverse-outline-accent-hover:var(--on-light-outline-accent-hover);--inverse-outline-accent-active:var(--on-light-outline-accent-active);--inverse-outline-accent-minor-hover:var(--on-light-outline-accent-minor-hover);--inverse-outline-accent-minor-active:var(--on-light-outline-accent-minor-active);--inverse-outline-transparent-accent-hover:var(--on-light-outline-transparent-accent-hover);--inverse-outline-transparent-accent-active:var(--on-light-outline-transparent-accent-active);--inverse-outline-positive-hover:var(--on-light-outline-positive-hover);--inverse-outline-positive-active:var(--on-light-outline-positive-active);--inverse-outline-warning-hover:var(--on-light-outline-warning-hover);--inverse-outline-warning-active:var(--on-light-outline-warning-active);--inverse-outline-negative-hover:var(--on-light-outline-negative-hover);--inverse-outline-negative-active:var(--on-light-outline-negative-active);--inverse-outline-info-hover:var(--on-light-outline-info-hover);--inverse-outline-info-active:var(--on-light-outline-info-active);--inverse-outline-positive-minor-hover:var(--on-light-outline-positive-minor-hover);--inverse-outline-positive-minor-active:var(--on-light-outline-positive-minor-active);--inverse-outline-warning-minor-hover:var(--on-light-outline-warning-minor-hover);--inverse-outline-warning-minor-active:var(--on-light-outline-warning-minor-active);--inverse-outline-negative-minor-hover:var(--on-light-outline-negative-minor-hover);--inverse-outline-negative-minor-active:var(--on-light-outline-negative-minor-active);--inverse-outline-info-minor-hover:var(--on-light-outline-info-minor-hover);--inverse-outline-info-minor-active:var(--on-light-outline-info-minor-active);--inverse-outline-transparent-positive-hover:var(--on-light-outline-transparent-positive-hover);--inverse-outline-transparent-positive-active:var(--on-light-outline-transparent-positive-active);--inverse-outline-transparent-warning-hover:var(--on-light-outline-transparent-warning-hover);--inverse-outline-transparent-warning-active:var(--on-light-outline-transparent-warning-active);--inverse-outline-transparent-negative-hover:var(--on-light-outline-transparent-negative-hover);--inverse-outline-transparent-negative-active:var(--on-light-outline-transparent-negative-active);--inverse-outline-transparent-info-hover:var(--on-light-outline-transparent-info-hover);--inverse-outline-transparent-info-active:var(--on-light-outline-transparent-info-active);--inverse-outline-solid-primary:var(--on-light-outline-solid-primary);--inverse-outline-solid-secondary:var(--on-light-outline-solid-secondary);--inverse-outline-solid-tertiary:var(--on-light-outline-solid-tertiary);--inverse-outline-transparent-primary:var(--on-light-outline-transparent-primary);--inverse-outline-transparent-secondary:var(--on-light-outline-transparent-secondary);--inverse-outline-transparent-tertiary:var(--on-light-outline-transparent-tertiary);--inverse-outline-clear:var(--on-light-outline-clear);--inverse-outline-default-hover:var(--on-light-outline-default-hover);--inverse-outline-default-active:var(--on-light-outline-default-active);--inverse-outline-accent:var(--on-light-outline-accent);--inverse-outline-accent-minor:var(--on-light-outline-accent-minor);--inverse-outline-transparent-accent:var(--on-light-outline-transparent-accent);--inverse-outline-positive:var(--on-light-outline-positive);--inverse-outline-warning:var(--on-light-outline-warning);--inverse-outline-negative:var(--on-light-outline-negative);--inverse-outline-info:var(--on-light-outline-info);--inverse-outline-positive-minor:var(--on-light-outline-positive-minor);--inverse-outline-warning-minor:var(--on-light-outline-warning-minor);--inverse-outline-negative-minor:var(--on-light-outline-negative-minor);--inverse-outline-info-minor:var(--on-light-outline-info-minor);--inverse-outline-transparent-positive:var(--on-light-outline-transparent-positive);--inverse-outline-transparent-warning:var(--on-light-outline-transparent-warning);--inverse-outline-transparent-negative:var(--on-light-outline-transparent-negative);--inverse-outline-transparent-info:var(--on-light-outline-transparent-info);--inverse-outline-solid-default:var(--on-light-outline-solid-default);--inverse-outline-solid-default-hover:var(--on-light-outline-solid-default-hover);--inverse-outline-solid-default-active:var(--on-light-outline-solid-default-active);--data-yellow:var(--on-dark-data-yellow);--data-yellow-hover:var(--on-dark-data-yellow-hover);--data-yellow-active:var(--on-dark-data-yellow-active);--data-yellow-minor:var(--on-dark-data-yellow-minor);--data-yellow-minor-hover:var(--on-dark-data-yellow-minor-hover);--data-yellow-minor-active:var(--on-dark-data-yellow-minor-active);--data-yellow-transparent:var(--on-dark-data-yellow-transparent);--data-yellow-transparent-hover:var(--on-dark-data-yellow-transparent-hover);--data-yellow-transparent-active:var(--on-dark-data-yellow-transparent-active);--inverse-data-yellow:var(--on-light-data-yellow);--inverse-data-yellow-hover:var(--on-light-data-yellow-hover);--inverse-data-yellow-active:var(--on-light-data-yellow-active);--inverse-data-yellow-minor:var(--on-light-data-yellow-minor);--inverse-data-yellow-minor-hover:var(--on-light-data-yellow-minor-hover);--inverse-data-yellow-minor-active:var(--on-light-data-yellow-minor-active);--inverse-data-yellow-transparent:var(--on-light-data-yellow-transparent);--inverse-data-yellow-transparent-hover:var(--on-light-data-yellow-transparent-hover);--inverse-data-yellow-transparent-active:var(--on-light-data-yellow-transparent-active);--text-accent-gradient-hover:var(--on-dark-text-accent-gradient-hover);--text-accent-gradient-active:var(--on-dark-text-accent-gradient-active);--text-accent-gradient:var(--on-dark-text-accent-gradient);--inverse-text-accent-gradient-hover:var(--on-light-text-accent-gradient-hover);--inverse-text-accent-gradient-active:var(--on-light-text-accent-gradient-active);--inverse-text-accent-gradient:var(--on-light-text-accent-gradient);--surface-accent-gradient-hover:var(--on-dark-surface-accent-gradient-hover);--surface-accent-gradient-active:var(--on-dark-surface-accent-gradient-active);--surface-accent-gradient:var(--on-dark-surface-accent-gradient);--surface-skeleton-gradient:var(--on-dark-surface-skeleton-gradient);--surface-skeleton-gradient-hover:var(--on-dark-surface-skeleton-gradient-hover);--surface-skeleton-gradient-active:var(--on-dark-surface-skeleton-gradient-active);--surface-skeleton-deep-gradient:var(--on-dark-surface-skeleton-deep-gradient);--surface-skeleton-deep-gradient-hover:var(--on-dark-surface-skeleton-deep-gradient-hover);--surface-skeleton-deep-gradient-active:var(--on-dark-surface-skeleton-deep-gradient-active);--inverse-surface-accent-gradient-hover:var(--on-light-surface-accent-gradient-hover);--inverse-surface-accent-gradient-active:var(--on-light-surface-accent-gradient-active);--inverse-surface-accent-gradient:var(--on-light-surface-accent-gradient);--inverse-surface-skeleton-gradient:var(--on-light-surface-skeleton-gradient);--inverse-surface-skeleton-gradient-hover:var(--on-light-surface-skeleton-gradient-hover);--inverse-surface-skeleton-gradient-active:var(--on-light-surface-skeleton-gradient-active);--inverse-surface-skeleton-deep-gradient:var(--on-light-surface-skeleton-deep-gradient);--inverse-surface-skeleton-deep-gradient-hover:var(--on-light-surface-skeleton-deep-gradient-hover);--inverse-surface-skeleton-deep-gradient-active:var(--on-light-surface-skeleton-deep-gradient-active);}
|
|
2
|
+
.oxsz86j{--text-primary-hover:var(--on-light-text-primary-hover);--text-primary-active:var(--on-light-text-primary-active);--text-primary:var(--on-light-text-primary);--text-primary-brightness:var(--on-light-text-primary-brightness);--text-secondary-hover:var(--on-light-text-secondary-hover);--text-secondary-active:var(--on-light-text-secondary-active);--text-secondary:var(--on-light-text-secondary);--text-tertiary-hover:var(--on-light-text-tertiary-hover);--text-tertiary-active:var(--on-light-text-tertiary-active);--text-tertiary:var(--on-light-text-tertiary);--text-paragraph-hover:var(--on-light-text-paragraph-hover);--text-paragraph-active:var(--on-light-text-paragraph-active);--text-paragraph:var(--on-light-text-paragraph);--text-accent-hover:var(--on-light-text-accent-hover);--text-accent-active:var(--on-light-text-accent-active);--text-accent:var(--on-light-text-accent);--text-accent-minor-hover:var(--on-light-text-accent-minor-hover);--text-accent-minor-active:var(--on-light-text-accent-minor-active);--text-positive-hover:var(--on-light-text-positive-hover);--text-positive-active:var(--on-light-text-positive-active);--text-warning-hover:var(--on-light-text-warning-hover);--text-warning-active:var(--on-light-text-warning-active);--text-negative-hover:var(--on-light-text-negative-hover);--text-negative-active:var(--on-light-text-negative-active);--text-info-hover:var(--on-light-text-info-hover);--text-info-active:var(--on-light-text-info-active);--text-positive-minor-hover:var(--on-light-text-positive-minor-hover);--text-positive-minor-active:var(--on-light-text-positive-minor-active);--text-warning-minor-hover:var(--on-light-text-warning-minor-hover);--text-warning-minor-active:var(--on-light-text-warning-minor-active);--text-negative-minor-hover:var(--on-light-text-negative-minor-hover);--text-negative-minor-active:var(--on-light-text-negative-minor-active);--text-info-minor-hover:var(--on-light-text-info-minor-hover);--text-info-minor-active:var(--on-light-text-info-minor-active);--text-accent-minor:var(--on-light-text-accent-minor);--text-positive:var(--on-light-text-positive);--text-warning:var(--on-light-text-warning);--text-negative:var(--on-light-text-negative);--text-positive-minor:var(--on-light-text-positive-minor);--text-warning-minor:var(--on-light-text-warning-minor);--text-negative-minor:var(--on-light-text-negative-minor);--text-info:var(--on-light-text-info);--text-info-minor:var(--on-light-text-info-minor);--inverse-text-primary-hover:var(--on-dark-text-primary-hover);--inverse-text-primary-active:var(--on-dark-text-primary-active);--inverse-text-primary:var(--on-dark-text-primary);--inverse-text-primary-brightness:var(--on-dark-text-primary-brightness);--inverse-text-secondary-hover:var(--on-dark-text-secondary-hover);--inverse-text-secondary-active:var(--on-dark-text-secondary-active);--inverse-text-secondary:var(--on-dark-text-secondary);--inverse-text-tertiary-hover:var(--on-dark-text-tertiary-hover);--inverse-text-tertiary-active:var(--on-dark-text-tertiary-active);--inverse-text-tertiary:var(--on-dark-text-tertiary);--inverse-text-paragraph-hover:var(--on-dark-text-paragraph-hover);--inverse-text-paragraph-active:var(--on-dark-text-paragraph-active);--inverse-text-paragraph:var(--on-dark-text-paragraph);--inverse-text-accent-hover:var(--on-dark-text-accent-hover);--inverse-text-accent-active:var(--on-dark-text-accent-active);--inverse-text-accent-minor-hover:var(--on-dark-text-accent-minor-hover);--inverse-text-accent-minor-active:var(--on-dark-text-accent-minor-active);--inverse-text-positive-hover:var(--on-dark-text-positive-hover);--inverse-text-positive-active:var(--on-dark-text-positive-active);--inverse-text-warning-hover:var(--on-dark-text-warning-hover);--inverse-text-warning-active:var(--on-dark-text-warning-active);--inverse-text-negative-hover:var(--on-dark-text-negative-hover);--inverse-text-negative-active:var(--on-dark-text-negative-active);--inverse-text-info-hover:var(--on-dark-text-info-hover);--inverse-text-info-active:var(--on-dark-text-info-active);--inverse-text-positive-minor-hover:var(--on-dark-text-positive-minor-hover);--inverse-text-positive-minor-active:var(--on-dark-text-positive-minor-active);--inverse-text-warning-minor-hover:var(--on-dark-text-warning-minor-hover);--inverse-text-warning-minor-active:var(--on-dark-text-warning-minor-active);--inverse-text-negative-minor-hover:var(--on-dark-text-negative-minor-hover);--inverse-text-negative-minor-active:var(--on-dark-text-negative-minor-active);--inverse-text-info-minor-hover:var(--on-dark-text-info-minor-hover);--inverse-text-info-minor-active:var(--on-dark-text-info-minor-active);--inverse-text-accent:var(--on-dark-text-accent);--inverse-text-accent-minor:var(--on-dark-text-accent-minor);--inverse-text-positive:var(--on-dark-text-positive);--inverse-text-warning:var(--on-dark-text-warning);--inverse-text-negative:var(--on-dark-text-negative);--inverse-text-info:var(--on-dark-text-info);--inverse-text-positive-minor:var(--on-dark-text-positive-minor);--inverse-text-warning-minor:var(--on-dark-text-warning-minor);--inverse-text-negative-minor:var(--on-dark-text-negative-minor);--inverse-text-info-minor:var(--on-dark-text-info-minor);--surface-solid-primary-hover:var(--on-light-surface-solid-primary-hover);--surface-solid-primary-active:var(--on-light-surface-solid-primary-active);--surface-solid-primary:var(--on-light-surface-solid-primary);--surface-solid-primary-brightness:var(--on-light-surface-solid-primary-brightness);--surface-solid-secondary-hover:var(--on-light-surface-solid-secondary-hover);--surface-solid-secondary-active:var(--on-light-surface-solid-secondary-active);--surface-solid-secondary:var(--on-light-surface-solid-secondary);--surface-solid-tertiary-hover:var(--on-light-surface-solid-tertiary-hover);--surface-solid-tertiary-active:var(--on-light-surface-solid-tertiary-active);--surface-solid-tertiary:var(--on-light-surface-solid-tertiary);--surface-solid-card-hover:var(--on-light-surface-solid-card-hover);--surface-solid-card-active:var(--on-light-surface-solid-card-active);--surface-solid-card:var(--on-light-surface-solid-card);--surface-solid-card-brightness:var(--on-light-surface-solid-card-brightness);--surface-solid-default-hover:var(--on-light-surface-solid-default-hover);--surface-solid-default-active:var(--on-light-surface-solid-default-active);--surface-solid-default:var(--on-light-surface-solid-default);--surface-transparent-primary-hover:var(--on-light-surface-transparent-primary-hover);--surface-transparent-primary-active:var(--on-light-surface-transparent-primary-active);--surface-transparent-primary:var(--on-light-surface-transparent-primary);--surface-transparent-secondary-hover:var(--on-light-surface-transparent-secondary-hover);--surface-transparent-secondary-active:var(--on-light-surface-transparent-secondary-active);--surface-transparent-secondary:var(--on-light-surface-transparent-secondary);--surface-transparent-tertiary-hover:var(--on-light-surface-transparent-tertiary-hover);--surface-transparent-tertiary-active:var(--on-light-surface-transparent-tertiary-active);--surface-transparent-tertiary:var(--on-light-surface-transparent-tertiary);--surface-transparent-deep-hover:var(--on-light-surface-transparent-deep-hover);--surface-transparent-deep-active:var(--on-light-surface-transparent-deep-active);--surface-transparent-deep:var(--on-light-surface-transparent-deep);--surface-transparent-card-hover:var(--on-light-surface-transparent-card-hover);--surface-transparent-card-active:var(--on-light-surface-transparent-card-active);--surface-transparent-card:var(--on-light-surface-transparent-card);--surface-transparent-card-brightness:var(--on-light-surface-transparent-card-brightness);--surface-clear-hover:var(--on-light-surface-clear-hover);--surface-clear-active:var(--on-light-surface-clear-active);--surface-clear:var(--on-light-surface-clear);--surface-accent-hover:var(--on-light-surface-accent-hover);--surface-accent-active:var(--on-light-surface-accent-active);--surface-accent:var(--on-light-surface-accent);--surface-accent-minor-hover:var(--on-light-surface-accent-minor-hover);--surface-accent-minor-active:var(--on-light-surface-accent-minor-active);--surface-transparent-accent-hover:var(--on-light-surface-transparent-accent-hover);--surface-transparent-accent-active:var(--on-light-surface-transparent-accent-active);--surface-positive-hover:var(--on-light-surface-positive-hover);--surface-positive-active:var(--on-light-surface-positive-active);--surface-warning-hover:var(--on-light-surface-warning-hover);--surface-warning-active:var(--on-light-surface-warning-active);--surface-negative-hover:var(--on-light-surface-negative-hover);--surface-negative-active:var(--on-light-surface-negative-active);--surface-info-hover:var(--on-light-surface-info-hover);--surface-info-active:var(--on-light-surface-info-active);--surface-positive-minor-hover:var(--on-light-surface-positive-minor-hover);--surface-positive-minor-active:var(--on-light-surface-positive-minor-active);--surface-warning-minor-hover:var(--on-light-surface-warning-minor-hover);--surface-warning-minor-active:var(--on-light-surface-warning-minor-active);--surface-negative-minor-hover:var(--on-light-surface-negative-minor-hover);--surface-negative-minor-active:var(--on-light-surface-negative-minor-active);--surface-info-minor-hover:var(--on-light-surface-info-minor-hover);--surface-info-minor-active:var(--on-light-surface-info-minor-active);--surface-transparent-positive-hover:var(--on-light-surface-transparent-positive-hover);--surface-transparent-positive-active:var(--on-light-surface-transparent-positive-active);--surface-transparent-warning-hover:var(--on-light-surface-transparent-warning-hover);--surface-transparent-warning-active:var(--on-light-surface-transparent-warning-active);--surface-transparent-negative-hover:var(--on-light-surface-transparent-negative-hover);--surface-transparent-negative-active:var(--on-light-surface-transparent-negative-active);--surface-transparent-info-hover:var(--on-light-surface-transparent-info-hover);--surface-transparent-info-active:var(--on-light-surface-transparent-info-active);--surface-transparent-accent:var(--on-light-surface-transparent-accent);--surface-accent-minor:var(--on-light-surface-accent-minor);--surface-positive:var(--on-light-surface-positive);--surface-warning:var(--on-light-surface-warning);--surface-negative:var(--on-light-surface-negative);--surface-positive-minor:var(--on-light-surface-positive-minor);--surface-warning-minor:var(--on-light-surface-warning-minor);--surface-negative-minor:var(--on-light-surface-negative-minor);--surface-transparent-positive:var(--on-light-surface-transparent-positive);--surface-transparent-warning:var(--on-light-surface-transparent-warning);--surface-transparent-negative:var(--on-light-surface-transparent-negative);--surface-info:var(--on-light-surface-info);--surface-info-minor:var(--on-light-surface-info-minor);--surface-transparent-info:var(--on-light-surface-transparent-info);--inverse-surface-solid-primary-hover:var(--on-dark-surface-solid-primary-hover);--inverse-surface-solid-primary-active:var(--on-dark-surface-solid-primary-active);--inverse-surface-solid-primary-brightness:var(--on-dark-surface-solid-primary-brightness);--inverse-surface-solid-secondary-hover:var(--on-dark-surface-solid-secondary-hover);--inverse-surface-solid-secondary-active:var(--on-dark-surface-solid-secondary-active);--inverse-surface-solid-tertiary-hover:var(--on-dark-surface-solid-tertiary-hover);--inverse-surface-solid-tertiary-active:var(--on-dark-surface-solid-tertiary-active);--inverse-surface-solid-card-hover:var(--on-dark-surface-solid-card-hover);--inverse-surface-solid-card-active:var(--on-dark-surface-solid-card-active);--inverse-surface-solid-card-brightness:var(--on-dark-surface-solid-card-brightness);--inverse-surface-solid-default-hover:var(--on-dark-surface-solid-default-hover);--inverse-surface-solid-default-active:var(--on-dark-surface-solid-default-active);--inverse-surface-transparent-primary-hover:var(--on-dark-surface-transparent-primary-hover);--inverse-surface-transparent-primary-active:var(--on-dark-surface-transparent-primary-active);--inverse-surface-transparent-secondary-hover:var(--on-dark-surface-transparent-secondary-hover);--inverse-surface-transparent-secondary-active:var(--on-dark-surface-transparent-secondary-active);--inverse-surface-transparent-tertiary-hover:var(--on-dark-surface-transparent-tertiary-hover);--inverse-surface-transparent-tertiary-active:var(--on-dark-surface-transparent-tertiary-active);--inverse-surface-transparent-deep-hover:var(--on-dark-surface-transparent-deep-hover);--inverse-surface-transparent-deep-active:var(--on-dark-surface-transparent-deep-active);--inverse-surface-transparent-card-hover:var(--on-dark-surface-transparent-card-hover);--inverse-surface-transparent-card-active:var(--on-dark-surface-transparent-card-active);--inverse-surface-transparent-card-brightness:var(--on-dark-surface-transparent-card-brightness);--inverse-surface-clear-hover:var(--on-dark-surface-clear-hover);--inverse-surface-clear-active:var(--on-dark-surface-clear-active);--inverse-surface-accent-hover:var(--on-dark-surface-accent-hover);--inverse-surface-accent-active:var(--on-dark-surface-accent-active);--inverse-surface-accent-minor-hover:var(--on-dark-surface-accent-minor-hover);--inverse-surface-accent-minor-active:var(--on-dark-surface-accent-minor-active);--inverse-surface-transparent-accent-hover:var(--on-dark-surface-transparent-accent-hover);--inverse-surface-transparent-accent-active:var(--on-dark-surface-transparent-accent-active);--inverse-surface-positive-hover:var(--on-dark-surface-positive-hover);--inverse-surface-positive-active:var(--on-dark-surface-positive-active);--inverse-surface-warning-hover:var(--on-dark-surface-warning-hover);--inverse-surface-warning-active:var(--on-dark-surface-warning-active);--inverse-surface-negative-hover:var(--on-dark-surface-negative-hover);--inverse-surface-negative-active:var(--on-dark-surface-negative-active);--inverse-surface-info-hover:var(--on-dark-surface-info-hover);--inverse-surface-info-active:var(--on-dark-surface-info-active);--inverse-surface-positive-minor-hover:var(--on-dark-surface-positive-minor-hover);--inverse-surface-positive-minor-active:var(--on-dark-surface-positive-minor-active);--inverse-surface-warning-minor-hover:var(--on-dark-surface-warning-minor-hover);--inverse-surface-warning-minor-active:var(--on-dark-surface-warning-minor-active);--inverse-surface-negative-minor-hover:var(--on-dark-surface-negative-minor-hover);--inverse-surface-negative-minor-active:var(--on-dark-surface-negative-minor-active);--inverse-surface-info-minor-hover:var(--on-dark-surface-info-minor-hover);--inverse-surface-info-minor-active:var(--on-dark-surface-info-minor-active);--inverse-surface-transparent-positive-hover:var(--on-dark-surface-transparent-positive-hover);--inverse-surface-transparent-positive-active:var(--on-dark-surface-transparent-positive-active);--inverse-surface-transparent-warning-hover:var(--on-dark-surface-transparent-warning-hover);--inverse-surface-transparent-warning-active:var(--on-dark-surface-transparent-warning-active);--inverse-surface-transparent-negative-hover:var(--on-dark-surface-transparent-negative-hover);--inverse-surface-transparent-negative-active:var(--on-dark-surface-transparent-negative-active);--inverse-surface-transparent-info-hover:var(--on-dark-surface-transparent-info-hover);--inverse-surface-transparent-info-active:var(--on-dark-surface-transparent-info-active);--inverse-surface-solid-card:var(--on-dark-surface-solid-card);--inverse-surface-solid-primary:var(--on-dark-surface-solid-primary);--inverse-surface-solid-secondary:var(--on-dark-surface-solid-secondary);--inverse-surface-solid-tertiary:var(--on-dark-surface-solid-tertiary);--inverse-surface-solid-default:var(--on-dark-surface-solid-default);--inverse-surface-transparent-primary:var(--on-dark-surface-transparent-primary);--inverse-surface-transparent-card:var(--on-dark-surface-transparent-card);--inverse-surface-transparent-secondary:var(--on-dark-surface-transparent-secondary);--inverse-surface-transparent-tertiary:var(--on-dark-surface-transparent-tertiary);--inverse-surface-transparent-deep:var(--on-dark-surface-transparent-deep);--inverse-surface-clear:var(--on-dark-surface-clear);--inverse-surface-accent:var(--on-dark-surface-accent);--inverse-surface-accent-minor:var(--on-dark-surface-accent-minor);--inverse-surface-transparent-accent:var(--on-dark-surface-transparent-accent);--inverse-surface-positive:var(--on-dark-surface-positive);--inverse-surface-warning:var(--on-dark-surface-warning);--inverse-surface-negative:var(--on-dark-surface-negative);--inverse-surface-info:var(--on-dark-surface-info);--inverse-surface-positive-minor:var(--on-dark-surface-positive-minor);--inverse-surface-warning-minor:var(--on-dark-surface-warning-minor);--inverse-surface-negative-minor:var(--on-dark-surface-negative-minor);--inverse-surface-info-minor:var(--on-dark-surface-info-minor);--inverse-surface-transparent-positive:var(--on-dark-surface-transparent-positive);--inverse-surface-transparent-warning:var(--on-dark-surface-transparent-warning);--inverse-surface-transparent-negative:var(--on-dark-surface-transparent-negative);--inverse-surface-transparent-info:var(--on-dark-surface-transparent-info);--background-primary:var(--light-background-primary);--background-primary-brightness:var(--light-background-primary-brightness);--inverse-background-primary-brightness:var(--dark-background-primary-brightness);--inverse-background-primary:var(--dark-background-primary);--overlay-soft:var(--on-light-overlay-soft);--overlay-hard:var(--on-light-overlay-hard);--overlay-blur:var(--on-light-overlay-blur);--inverse-overlay-soft:var(--on-dark-overlay-soft);--inverse-overlay-hard:var(--on-dark-overlay-hard);--inverse-overlay-blur:var(--on-dark-overlay-blur);--outline-solid-primary-hover:var(--on-light-outline-solid-primary-hover);--outline-solid-primary-active:var(--on-light-outline-solid-primary-active);--outline-solid-secondary-hover:var(--on-light-outline-solid-secondary-hover);--outline-solid-secondary-active:var(--on-light-outline-solid-secondary-active);--outline-solid-tertiary-hover:var(--on-light-outline-solid-tertiary-hover);--outline-solid-tertiary-active:var(--on-light-outline-solid-tertiary-active);--outline-transparent-primary-hover:var(--on-light-outline-transparent-primary-hover);--outline-transparent-primary-active:var(--on-light-outline-transparent-primary-active);--outline-transparent-secondary-hover:var(--on-light-outline-transparent-secondary-hover);--outline-transparent-secondary-active:var(--on-light-outline-transparent-secondary-active);--outline-transparent-tertiary-hover:var(--on-light-outline-transparent-tertiary-hover);--outline-transparent-tertiary-active:var(--on-light-outline-transparent-tertiary-active);--outline-clear-hover:var(--on-light-outline-clear-hover);--outline-clear-active:var(--on-light-outline-clear-active);--outline-accent-hover:var(--on-light-outline-accent-hover);--outline-accent-active:var(--on-light-outline-accent-active);--outline-accent-minor-hover:var(--on-light-outline-accent-minor-hover);--outline-accent-minor-active:var(--on-light-outline-accent-minor-active);--outline-transparent-accent-hover:var(--on-light-outline-transparent-accent-hover);--outline-transparent-accent-active:var(--on-light-outline-transparent-accent-active);--outline-positive-hover:var(--on-light-outline-positive-hover);--outline-positive-active:var(--on-light-outline-positive-active);--outline-warning-hover:var(--on-light-outline-warning-hover);--outline-warning-active:var(--on-light-outline-warning-active);--outline-negative-hover:var(--on-light-outline-negative-hover);--outline-negative-active:var(--on-light-outline-negative-active);--outline-info-hover:var(--on-light-outline-info-hover);--outline-info-active:var(--on-light-outline-info-active);--outline-positive-minor-hover:var(--on-light-outline-positive-minor-hover);--outline-positive-minor-active:var(--on-light-outline-positive-minor-active);--outline-warning-minor-hover:var(--on-light-outline-warning-minor-hover);--outline-warning-minor-active:var(--on-light-outline-warning-minor-active);--outline-negative-minor-hover:var(--on-light-outline-negative-minor-hover);--outline-negative-minor-active:var(--on-light-outline-negative-minor-active);--outline-info-minor-hover:var(--on-light-outline-info-minor-hover);--outline-info-minor-active:var(--on-light-outline-info-minor-active);--outline-transparent-positive-hover:var(--on-light-outline-transparent-positive-hover);--outline-transparent-positive-active:var(--on-light-outline-transparent-positive-active);--outline-transparent-warning-hover:var(--on-light-outline-transparent-warning-hover);--outline-transparent-warning-active:var(--on-light-outline-transparent-warning-active);--outline-transparent-negative-hover:var(--on-light-outline-transparent-negative-hover);--outline-transparent-negative-active:var(--on-light-outline-transparent-negative-active);--outline-transparent-info-hover:var(--on-light-outline-transparent-info-hover);--outline-transparent-info-active:var(--on-light-outline-transparent-info-active);--outline-default-hover:var(--on-light-outline-default-hover);--outline-default-active:var(--on-light-outline-default-active);--outline-solid-primary:var(--on-light-outline-solid-primary);--outline-solid-secondary:var(--on-light-outline-solid-secondary);--outline-solid-tertiary:var(--on-light-outline-solid-tertiary);--outline-transparent-primary:var(--on-light-outline-transparent-primary);--outline-transparent-secondary:var(--on-light-outline-transparent-secondary);--outline-transparent-tertiary:var(--on-light-outline-transparent-tertiary);--outline-clear:var(--on-light-outline-clear);--outline-accent:var(--on-light-outline-accent);--outline-accent-minor:var(--on-light-outline-accent-minor);--outline-transparent-accent:var(--on-light-outline-transparent-accent);--outline-positive:var(--on-light-outline-positive);--outline-warning:var(--on-light-outline-warning);--outline-negative:var(--on-light-outline-negative);--outline-positive-minor:var(--on-light-outline-positive-minor);--outline-warning-minor:var(--on-light-outline-warning-minor);--outline-negative-minor:var(--on-light-outline-negative-minor);--outline-transparent-positive:var(--on-light-outline-transparent-positive);--outline-transparent-warning:var(--on-light-outline-transparent-warning);--outline-transparent-negative:var(--on-light-outline-transparent-negative);--outline-info:var(--on-light-outline-info);--outline-info-minor:var(--on-light-outline-info-minor);--outline-transparent-info:var(--on-light-outline-transparent-info);--outline-solid-default:var(--on-light-outline-solid-default);--outline-solid-default-hover:var(--on-light-outline-solid-default-hover);--outline-solid-default-active:var(--on-light-outline-solid-default-active);--inverse-outline-solid-primary-hover:var(--on-dark-outline-solid-primary-hover);--inverse-outline-solid-primary-active:var(--on-dark-outline-solid-primary-active);--inverse-outline-solid-secondary-hover:var(--on-dark-outline-solid-secondary-hover);--inverse-outline-solid-secondary-active:var(--on-dark-outline-solid-secondary-active);--inverse-outline-solid-tertiary-hover:var(--on-dark-outline-solid-tertiary-hover);--inverse-outline-solid-tertiary-active:var(--on-dark-outline-solid-tertiary-active);--inverse-outline-transparent-primary-hover:var(--on-dark-outline-transparent-primary-hover);--inverse-outline-transparent-primary-active:var(--on-dark-outline-transparent-primary-active);--inverse-outline-transparent-secondary-hover:var(--on-dark-outline-transparent-secondary-hover);--inverse-outline-transparent-secondary-active:var(--on-dark-outline-transparent-secondary-active);--inverse-outline-transparent-tertiary-hover:var(--on-dark-outline-transparent-tertiary-hover);--inverse-outline-transparent-tertiary-active:var(--on-dark-outline-transparent-tertiary-active);--inverse-outline-clear-hover:var(--on-dark-outline-clear-hover);--inverse-outline-clear-active:var(--on-dark-outline-clear-active);--inverse-outline-accent-hover:var(--on-dark-outline-accent-hover);--inverse-outline-accent-active:var(--on-dark-outline-accent-active);--inverse-outline-accent-minor-hover:var(--on-dark-outline-accent-minor-hover);--inverse-outline-accent-minor-active:var(--on-dark-outline-accent-minor-active);--inverse-outline-transparent-accent-hover:var(--on-dark-outline-transparent-accent-hover);--inverse-outline-transparent-accent-active:var(--on-dark-outline-transparent-accent-active);--inverse-outline-positive-hover:var(--on-dark-outline-positive-hover);--inverse-outline-positive-active:var(--on-dark-outline-positive-active);--inverse-outline-warning-hover:var(--on-dark-outline-warning-hover);--inverse-outline-warning-active:var(--on-dark-outline-warning-active);--inverse-outline-negative-hover:var(--on-dark-outline-negative-hover);--inverse-outline-negative-active:var(--on-dark-outline-negative-active);--inverse-outline-info-hover:var(--on-dark-outline-info-hover);--inverse-outline-info-active:var(--on-dark-outline-info-active);--inverse-outline-positive-minor-hover:var(--on-dark-outline-positive-minor-hover);--inverse-outline-positive-minor-active:var(--on-dark-outline-positive-minor-active);--inverse-outline-warning-minor-hover:var(--on-dark-outline-warning-minor-hover);--inverse-outline-warning-minor-active:var(--on-dark-outline-warning-minor-active);--inverse-outline-negative-minor-hover:var(--on-dark-outline-negative-minor-hover);--inverse-outline-negative-minor-active:var(--on-dark-outline-negative-minor-active);--inverse-outline-info-minor-hover:var(--on-dark-outline-info-minor-hover);--inverse-outline-info-minor-active:var(--on-dark-outline-info-minor-active);--inverse-outline-transparent-positive-hover:var(--on-dark-outline-transparent-positive-hover);--inverse-outline-transparent-positive-active:var(--on-dark-outline-transparent-positive-active);--inverse-outline-transparent-warning-hover:var(--on-dark-outline-transparent-warning-hover);--inverse-outline-transparent-warning-active:var(--on-dark-outline-transparent-warning-active);--inverse-outline-transparent-negative-hover:var(--on-dark-outline-transparent-negative-hover);--inverse-outline-transparent-negative-active:var(--on-dark-outline-transparent-negative-active);--inverse-outline-transparent-info-hover:var(--on-dark-outline-transparent-info-hover);--inverse-outline-transparent-info-active:var(--on-dark-outline-transparent-info-active);--inverse-outline-default-hover:var(--on-dark-outline-default-hover);--inverse-outline-default-active:var(--on-dark-outline-default-active);--inverse-outline-solid-primary:var(--on-dark-outline-solid-primary);--inverse-outline-solid-secondary:var(--on-dark-outline-solid-secondary);--inverse-outline-solid-tertiary:var(--on-dark-outline-solid-tertiary);--inverse-outline-transparent-primary:var(--on-dark-outline-transparent-primary);--inverse-outline-transparent-tertiary:var(--on-dark-outline-transparent-tertiary);--inverse-outline-clear:var(--on-dark-outline-clear);--inverse-outline-accent:var(--on-dark-outline-accent);--inverse-outline-accent-minor:var(--on-dark-outline-accent-minor);--inverse-outline-transparent-accent:var(--on-dark-outline-transparent-accent);--inverse-outline-positive:var(--on-dark-outline-positive);--inverse-outline-warning:var(--on-dark-outline-warning);--inverse-outline-negative:var(--on-dark-outline-negative);--inverse-outline-info:var(--on-dark-outline-info);--inverse-outline-positive-minor:var(--on-dark-outline-positive-minor);--inverse-outline-warning-minor:var(--on-dark-outline-warning-minor);--inverse-outline-negative-minor:var(--on-dark-outline-negative-minor);--inverse-outline-info-minor:var(--on-dark-outline-info-minor);--inverse-outline-transparent-positive:var(--on-dark-outline-transparent-positive);--inverse-outline-transparent-warning:var(--on-dark-outline-transparent-warning);--inverse-outline-transparent-negative:var(--on-dark-outline-transparent-negative);--inverse-outline-transparent-info:var(--on-dark-outline-transparent-info);--inverse-outline-transparent-secondary:var(--on-dark-outline-transparent-secondary);--inverse-outline-solid-default:var(--on-dark-outline-solid-default);--inverse-outline-solid-default-hover:var(--on-dark-outline-solid-default-hover);--inverse-outline-solid-default-active:var(--on-dark-outline-solid-default-active);--data-yellow:var(--on-light-data-yellow);--data-yellow-hover:var(--on-light-data-yellow-hover);--data-yellow-active:var(--on-light-data-yellow-active);--data-yellow-minor:var(--on-light-data-yellow-minor);--data-yellow-minor-hover:var(--on-light-data-yellow-minor-hover);--data-yellow-minor-active:var(--on-light-data-yellow-minor-active);--data-yellow-transparent:var(--on-light-data-yellow-transparent);--data-yellow-transparent-hover:var(--on-light-data-yellow-transparent-hover);--data-yellow-transparent-active:var(--on-light-data-yellow-transparent-active);--inverse-data-yellow:var(--on-dark-data-yellow);--inverse-data-yellow-hover:var(--on-dark-data-yellow-hover);--inverse-data-yellow-active:var(--on-dark-data-yellow-active);--inverse-data-yellow-minor:var(--on-dark-data-yellow-minor);--inverse-data-yellow-minor-hover:var(--on-dark-data-yellow-minor-hover);--inverse-data-yellow-minor-active:var(--on-dark-data-yellow-minor-active);--inverse-data-yellow-transparent:var(--on-dark-data-yellow-transparent);--inverse-data-yellow-transparent-hover:var(--on-dark-data-yellow-transparent-hover);--inverse-data-yellow-transparent-active:var(--on-dark-data-yellow-transparent-active);--text-accent-gradient-hover:var(--on-light-text-accent-gradient-hover);--text-accent-gradient-active:var(--on-light-text-accent-gradient-active);--text-accent-gradient:var(--on-light-text-accent-gradient);--inverse-text-accent-gradient-hover:var(--on-dark-text-accent-gradient-hover);--inverse-text-accent-gradient-active:var(--on-dark-text-accent-gradient-active);--inverse-text-accent-gradient:var(--on-dark-text-accent-gradient);--surface-accent-gradient-hover:var(--on-light-surface-accent-gradient-hover);--surface-accent-gradient-active:var(--on-light-surface-accent-gradient-active);--surface-accent-gradient:var(--on-light-surface-accent-gradient);--surface-skeleton-gradient:var(--on-light-surface-skeleton-gradient);--surface-skeleton-gradient-hover:var(--on-light-surface-skeleton-gradient-hover);--surface-skeleton-gradient-active:var(--on-light-surface-skeleton-gradient-active);--surface-skeleton-deep-gradient:var(--on-light-surface-skeleton-deep-gradient);--surface-skeleton-deep-gradient-hover:var(--on-light-surface-skeleton-deep-gradient-hover);--surface-skeleton-deep-gradient-active:var(--on-light-surface-skeleton-deep-gradient-active);--inverse-surface-accent-gradient-hover:var(--on-dark-surface-accent-gradient-hover);--inverse-surface-accent-gradient-active:var(--on-dark-surface-accent-gradient-active);--inverse-surface-accent-gradient:var(--on-dark-surface-accent-gradient);--inverse-surface-skeleton-gradient:var(--on-dark-surface-skeleton-gradient);--inverse-surface-skeleton-gradient-hover:var(--on-dark-surface-skeleton-gradient-hover);--inverse-surface-skeleton-gradient-active:var(--on-dark-surface-skeleton-gradient-active);--inverse-surface-skeleton-deep-gradient:var(--on-dark-surface-skeleton-deep-gradient);--inverse-surface-skeleton-deep-gradient-hover:var(--on-dark-surface-skeleton-deep-gradient-hover);--inverse-surface-skeleton-deep-gradient-active:var(--on-dark-surface-skeleton-deep-gradient-active);}
|