@salutejs/sdds-serv 0.316.1-canary.2083.16287126899.0 → 0.316.1-canary.2088.16342669110.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 +11 -16
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
- package/components/Button/Button.css +18 -23
- package/components/Button/Button.d.ts +0 -10
- package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
- package/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
- package/components/ButtonGroup/ButtonGroup.css +21 -26
- 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 +7 -12
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_hkswin.css +17 -0
- package/components/IconButton/IconButton.css +17 -22
- package/components/IconButton/IconButton.d.ts +0 -5
- package/emotion/cjs/components/Button/Button.config.js +29 -144
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/emotion/cjs/components/IconButton/IconButton.config.js +17 -117
- package/emotion/es/components/Button/Button.config.js +29 -144
- package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/emotion/es/components/IconButton/IconButton.config.js +17 -117
- package/es/components/Button/Button.config.js +11 -16
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
- package/es/components/Button/Button.css +18 -23
- package/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
- package/es/components/ButtonGroup/ButtonGroup.css +21 -26
- package/es/components/IconButton/IconButton.config.js +7 -12
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_hkswin.css +17 -0
- package/es/components/IconButton/IconButton.css +17 -22
- package/es/index.css +60 -75
- package/package.json +3 -3
- package/styled-components/cjs/components/Button/Button.config.js +29 -144
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/styled-components/cjs/components/IconButton/IconButton.config.js +17 -117
- package/styled-components/es/components/Button/Button.config.js +29 -144
- package/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/styled-components/es/components/IconButton/IconButton.config.js +17 -117
- package/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
- package/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
|
@@ -1,29 +1,24 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.ButtonGroup_config_107oyqt_h1udxooc__f5b4a4c5{--plasma-button-group-orientation:row;}
|
|
23
|
-
.ButtonGroup_config_107oyqt_vbb1ace__f5b4a4c5{--plasma-button-group-orientation:column;}
|
|
24
|
-
.ButtonGroup_config_107oyqt_nnyer5h__f5b4a4c5{--plasma-button-group-items-gap:0;}
|
|
25
|
-
.ButtonGroup_config_107oyqt_d1g2rt4j__f5b4a4c5{--plasma-button-group-items-gap:0.125rem;}
|
|
26
|
-
.ButtonGroup_config_107oyqt_w1xdd6tf__f5b4a4c5{--plasma-button-group-items-gap:0.5rem;}
|
|
1
|
+
.ButtonGroup_config_ge3vo5_d1n1yjnm__40fb8bed{--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_ge3vo5_aqck75c__40fb8bed{--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);}
|
|
3
|
+
.ButtonGroup_config_ge3vo5_sz65cne__40fb8bed{--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);}
|
|
4
|
+
.ButtonGroup_config_ge3vo5_c5fo1by__40fb8bed{--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);}
|
|
5
|
+
.ButtonGroup_config_ge3vo5_sovvipf__40fb8bed{--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);}
|
|
6
|
+
.ButtonGroup_config_ge3vo5_w1tax4m1__40fb8bed{--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);}
|
|
7
|
+
.ButtonGroup_config_ge3vo5_c1k2o0xu__40fb8bed{--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);}
|
|
8
|
+
.ButtonGroup_config_ge3vo5_d2bys7z__40fb8bed{--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);}
|
|
9
|
+
.ButtonGroup_config_ge3vo5_bp70rs0__40fb8bed{--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);}
|
|
10
|
+
.ButtonGroup_config_ge3vo5_wmie5p2__40fb8bed{--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);}
|
|
11
|
+
.ButtonGroup_config_ge3vo5_x1g3omzu__40fb8bed{--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);}
|
|
12
|
+
.ButtonGroup_config_ge3vo5_l1116k6l__40fb8bed{--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);}
|
|
13
|
+
.ButtonGroup_config_ge3vo5_m15t0nuq__40fb8bed{--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);}
|
|
14
|
+
.ButtonGroup_config_ge3vo5_s316r83__40fb8bed{--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);}
|
|
15
|
+
.ButtonGroup_config_ge3vo5_xzu697__40fb8bed{--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);}
|
|
16
|
+
.ButtonGroup_config_ge3vo5_x16bzis9__40fb8bed{--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);}
|
|
17
|
+
.ButtonGroup_config_ge3vo5_h97067l__40fb8bed{--plasma-button-group-orientation:row;}
|
|
18
|
+
.ButtonGroup_config_ge3vo5_v1xcwbx9__40fb8bed{--plasma-button-group-orientation:column;}
|
|
19
|
+
.ButtonGroup_config_ge3vo5_n1fuvc6m__40fb8bed{--plasma-button-group-items-gap:0;}
|
|
20
|
+
.ButtonGroup_config_ge3vo5_dsjqy1i__40fb8bed{--plasma-button-group-items-gap:0.125rem;}
|
|
21
|
+
.ButtonGroup_config_ge3vo5_wmgmq8o__40fb8bed{--plasma-button-group-items-gap:0.5rem;}
|
|
27
22
|
|
|
28
23
|
|
|
29
24
|
|
|
@@ -16,15 +16,10 @@ export declare const ButtonGroup: import("react").FunctionComponent<import("@sal
|
|
|
16
16
|
};
|
|
17
17
|
size: {
|
|
18
18
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
19
|
-
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
20
19
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
-
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
20
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
|
-
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
21
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
25
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
26
22
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
|
-
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
23
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
24
|
};
|
|
30
25
|
orientation: {
|
|
@@ -12,7 +12,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
|
|
|
12
12
|
none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
13
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
14
|
};
|
|
15
|
-
}> & import("@salutejs/plasma-new-hope/styled-components").PopupProps & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
|
15
|
+
}> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
|
16
16
|
placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
|
|
17
17
|
asModal?: boolean;
|
|
18
18
|
customBackgroundColor?: string;
|
|
@@ -19,15 +19,10 @@ export declare const config: {
|
|
|
19
19
|
};
|
|
20
20
|
size: {
|
|
21
21
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
|
-
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
22
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
|
-
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
25
23
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
26
|
-
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
24
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
25
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
30
|
-
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
31
26
|
};
|
|
32
27
|
disabled: {
|
|
33
28
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -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);}
|
|
@@ -16,15 +16,10 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
|
16
16
|
};
|
|
17
17
|
size: {
|
|
18
18
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
19
|
-
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
20
19
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
-
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
20
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
|
-
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
21
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
25
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
26
22
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
|
-
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
23
|
};
|
|
29
24
|
disabled: {
|
|
30
25
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|