@salutejs/plasma-web 1.482.1-canary.1611.12413310324.0 → 1.483.0-canary.1624.12413919734.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +6 -0
- package/components/Button/Button.config.d.ts +2 -0
- package/components/Button/Button.config.js +17 -15
- package/components/Button/Button.d.ts +2 -0
- package/components/ButtonGroup/ButtonGroup.config.d.ts +2 -0
- package/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/components/ButtonGroup/ButtonGroup.d.ts +2 -0
- package/components/IconButton/IconButton.config.d.ts +2 -0
- package/components/IconButton/IconButton.config.js +13 -11
- package/components/IconButton/IconButton.d.ts +2 -0
- package/css/cjs/components/Button/Button.config.js +17 -15
- package/css/cjs/components/Button/Button.config.js.map +1 -1
- package/css/cjs/components/Button/{Button.config_1g92cxz.css → Button.config_1p9wq2b.css} +13 -11
- package/css/cjs/components/Button/Button.css +24 -22
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/cjs/components/ButtonGroup/{ButtonGroup.config_1pd9i2o.css → ButtonGroup.config_nvojq8.css} +16 -14
- package/css/cjs/components/ButtonGroup/ButtonGroup.css +27 -25
- package/css/cjs/components/IconButton/IconButton.config.js +13 -11
- package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/css/cjs/components/IconButton/{IconButton.config_q3zdsy.css → IconButton.config_1o8fpqv.css} +12 -10
- package/css/cjs/components/IconButton/IconButton.css +22 -20
- package/css/cjs/index.css +77 -71
- package/css/es/components/Button/Button.config.js +17 -15
- package/css/es/components/Button/Button.config.js.map +1 -1
- package/css/es/components/Button/{Button.config_1g92cxz.css → Button.config_1p9wq2b.css} +13 -11
- package/css/es/components/Button/Button.css +24 -22
- package/css/es/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/es/components/ButtonGroup/{ButtonGroup.config_1pd9i2o.css → ButtonGroup.config_nvojq8.css} +16 -14
- package/css/es/components/ButtonGroup/ButtonGroup.css +27 -25
- package/css/es/components/IconButton/IconButton.config.js +13 -11
- package/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/css/es/components/IconButton/{IconButton.config_q3zdsy.css → IconButton.config_1o8fpqv.css} +12 -10
- package/css/es/components/IconButton/IconButton.css +22 -20
- package/css/es/index.css +77 -71
- package/es/components/Button/Button.config.js +17 -15
- package/es/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/es/components/IconButton/IconButton.config.js +13 -11
- package/package.json +3 -3
- package/temp/plasma-web.api.md +6 -0
@@ -9,17 +9,19 @@
|
|
9
9
|
.d123wpoi{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
|
10
10
|
.b1w797f8{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-solid-default-active);}
|
11
11
|
.w1toqou7{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-color-active:var(--on-light-text-primary-active);--plasma-button-background-color-active:var(--on-dark-surface-solid-default-active);}
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.x2s1r71{--plasma-button-height:
|
21
|
-
.
|
22
|
-
.
|
12
|
+
.xy229gi{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
13
|
+
.x1joiaye{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 0;--plasma-button-right-content-margin:0 0 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
14
|
+
.l1i1eza5{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
15
|
+
.l1r1gaby{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
16
|
+
.mqhwg07{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
17
|
+
.m1bf1tsb{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 0;--plasma-button-right-content-margin:0 0 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
18
|
+
.s1ca3q6l{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
19
|
+
.srk6508{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
20
|
+
.x2s1r71{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
21
|
+
.xf053fi{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
22
|
+
.x17x5rnm{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
23
|
+
.tppmfmz{--plasma-button-disabled-opacity:0.4;}
|
24
|
+
.taa8u42{--plasma-button-focus-color:var(--surface-accent);}
|
23
25
|
|
24
26
|
|
25
27
|
|
@@ -1,25 +1,27 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
1
|
+
.Button_config_1p9wq2b_d1fnkof5__c8a3b31c{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
2
|
+
.Button_config_1p9wq2b_p1129msw__c8a3b31c{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
3
|
+
.Button_config_1p9wq2b_abaqjet__c8a3b31c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-accent-active);}
|
4
|
+
.Button_config_1p9wq2b_smxfxlw__c8a3b31c{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--text-primary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
|
5
|
+
.Button_config_1p9wq2b_cleczrv__c8a3b31c{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color-hover:var(--surface-clear);--plasma-button-color-active:var(--text-primary-active);--plasma-button-background-color-active:var(--surface-clear);}
|
6
|
+
.Button_config_1p9wq2b_slekduy__c8a3b31c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-positive-active);}
|
7
|
+
.Button_config_1p9wq2b_w1yfa47j__c8a3b31c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-warning-active);}
|
8
|
+
.Button_config_1p9wq2b_csb1lec__c8a3b31c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-negative-active);}
|
9
|
+
.Button_config_1p9wq2b_d123wpoi__c8a3b31c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
|
10
|
+
.Button_config_1p9wq2b_b1w797f8__c8a3b31c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--on-light-surface-solid-default-active);}
|
11
|
+
.Button_config_1p9wq2b_w1toqou7__c8a3b31c{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-color-active:var(--on-light-text-primary-active);--plasma-button-background-color-active:var(--on-dark-surface-solid-default-active);}
|
12
|
+
.Button_config_1p9wq2b_xy229gi__c8a3b31c{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
13
|
+
.Button_config_1p9wq2b_x1joiaye__c8a3b31c{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 0;--plasma-button-right-content-margin:0 0 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
14
|
+
.Button_config_1p9wq2b_l1i1eza5__c8a3b31c{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
15
|
+
.Button_config_1p9wq2b_l1r1gaby__c8a3b31c{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
16
|
+
.Button_config_1p9wq2b_mqhwg07__c8a3b31c{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
17
|
+
.Button_config_1p9wq2b_m1bf1tsb__c8a3b31c{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 0;--plasma-button-right-content-margin:0 0 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
18
|
+
.Button_config_1p9wq2b_s1ca3q6l__c8a3b31c{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
19
|
+
.Button_config_1p9wq2b_srk6508__c8a3b31c{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
20
|
+
.Button_config_1p9wq2b_x2s1r71__c8a3b31c{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
21
|
+
.Button_config_1p9wq2b_xf053fi__c8a3b31c{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
22
|
+
.Button_config_1p9wq2b_x17x5rnm__c8a3b31c{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
|
23
|
+
.Button_config_1p9wq2b_tppmfmz__c8a3b31c{--plasma-button-disabled-opacity:0.4;}
|
24
|
+
.Button_config_1p9wq2b_taa8u42__c8a3b31c{--plasma-button-focus-color:var(--surface-accent);}
|
23
25
|
|
24
26
|
|
25
27
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './ButtonGroup.
|
1
|
+
import './ButtonGroup.config_nvojq8.css';
|
2
2
|
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
@@ -23,32 +23,34 @@ var config = {
|
|
23
23
|
white: "w1g3omzu"
|
24
24
|
},
|
25
25
|
size: {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
26
|
+
xl: "x1116k6l",
|
27
|
+
xlr: "x15t0nuq",
|
28
|
+
l: "l316r83",
|
29
|
+
lr: "lzu697",
|
30
|
+
m: "m16bzis9",
|
31
|
+
mr: "m97067l",
|
32
|
+
s: "s1xcwbx9",
|
33
|
+
sr: "s1fuvc6m",
|
34
|
+
xs: "xsjqy1i",
|
35
|
+
xsr: "xmgmq8o",
|
36
|
+
xxs: "x1udxooc"
|
35
37
|
},
|
36
38
|
orientation: {
|
37
|
-
horizontal: "
|
38
|
-
vertical: "
|
39
|
+
horizontal: "hbb1ace",
|
40
|
+
vertical: "vnyer5h"
|
39
41
|
},
|
40
42
|
gap: {
|
41
|
-
none: "
|
42
|
-
dense: "
|
43
|
-
wide: "
|
43
|
+
none: "n1g2rt4j",
|
44
|
+
dense: "d1xdd6tf",
|
45
|
+
wide: "w1qv9uf"
|
44
46
|
},
|
45
47
|
shape: {
|
46
|
-
segmented: "
|
47
|
-
"default": "
|
48
|
+
segmented: "s192v9cb",
|
49
|
+
"default": "dxjkdyx"
|
48
50
|
},
|
49
51
|
stretching: {
|
50
|
-
auto: "
|
51
|
-
filled: "
|
52
|
+
auto: "a14e86kn",
|
53
|
+
filled: "fhjj093"
|
52
54
|
}
|
53
55
|
}
|
54
56
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n lr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n mr: css`\n &.${buttonGroupClasses.segmented} {\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n sr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xsr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAaD,QAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,SAAA;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChB5B,SAAO,EAAA,SAAA;KACV;AACD6B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,SAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xlr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n lr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n mr: css`\n &.${buttonGroupClasses.segmented} {\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n sr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xsr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAYD,QAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAYF,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChB9B,SAAO,EAAA,SAAA;KACV;AACD+B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,SAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -9,20 +9,22 @@
|
|
9
9
|
.dp70rs0{--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
10
|
.bmie5p2{--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
11
|
.w1g3omzu{--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
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.xsjqy1i{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
12
|
+
.x1116k6l{--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
|
+
.x15t0nuq{--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-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
|
+
.l316r83{--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);}
|
15
|
+
.lzu697{--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-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);}
|
16
|
+
.m16bzis9{--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);}
|
17
|
+
.m97067l.button-group-shape-segmented{--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-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);}
|
18
|
+
.s1xcwbx9{--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);}
|
19
|
+
.s1fuvc6m{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--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);}
|
20
|
+
.xsjqy1i{--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);}
|
21
|
+
.xmgmq8o{--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-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);}
|
22
|
+
.x1udxooc{--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);}
|
23
|
+
.hbb1ace{--plasma-button-group-orientation:row;}
|
24
|
+
.vnyer5h{--plasma-button-group-orientation:column;}
|
25
|
+
.n1g2rt4j{--plasma-button-group-items-gap:0;}
|
26
|
+
.d1xdd6tf{--plasma-button-group-items-gap:0.125rem;}
|
27
|
+
.w1qv9uf{--plasma-button-group-items-gap:0.5rem;}
|
26
28
|
|
27
29
|
|
28
30
|
|
@@ -1,28 +1,30 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
1
|
+
.ButtonGroup_config_nvojq8_d1n1yjnm__f1fab499{--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_nvojq8_pqck75c__f1fab499{--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_nvojq8_az65cne__f1fab499{--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_nvojq8_s5fo1by__f1fab499{--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_nvojq8_covvipf__f1fab499{--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_nvojq8_s1tax4m1__f1fab499{--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_nvojq8_w1k2o0xu__f1fab499{--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_nvojq8_c2bys7z__f1fab499{--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_nvojq8_dp70rs0__f1fab499{--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_nvojq8_bmie5p2__f1fab499{--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_nvojq8_w1g3omzu__f1fab499{--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_nvojq8_x1116k6l__f1fab499{--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_nvojq8_x15t0nuq__f1fab499{--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-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_nvojq8_l316r83__f1fab499{--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);}
|
15
|
+
.ButtonGroup_config_nvojq8_lzu697__f1fab499{--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-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);}
|
16
|
+
.ButtonGroup_config_nvojq8_m16bzis9__f1fab499{--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);}
|
17
|
+
.ButtonGroup_config_nvojq8_m97067l__f1fab499.ButtonGroup_config_nvojq8_buttonGroupShapeSegmented__f1fab499{--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-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);}
|
18
|
+
.ButtonGroup_config_nvojq8_s1xcwbx9__f1fab499{--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);}
|
19
|
+
.ButtonGroup_config_nvojq8_s1fuvc6m__f1fab499{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--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);}
|
20
|
+
.ButtonGroup_config_nvojq8_xsjqy1i__f1fab499{--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);}
|
21
|
+
.ButtonGroup_config_nvojq8_xmgmq8o__f1fab499{--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-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);}
|
22
|
+
.ButtonGroup_config_nvojq8_x1udxooc__f1fab499{--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);}
|
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;}
|
26
28
|
|
27
29
|
|
28
30
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './IconButton.
|
1
|
+
import './IconButton.config_1o8fpqv.css';
|
2
2
|
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
@@ -19,20 +19,22 @@ var config = {
|
|
19
19
|
white: "w1bgiggf"
|
20
20
|
},
|
21
21
|
size: {
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
22
|
+
xl: "x1dxcd0l",
|
23
|
+
xlr: "x1dmlkwi",
|
24
|
+
l: "lf24ef4",
|
25
|
+
lr: "lc2xiyr",
|
26
|
+
m: "m1gtjmmp",
|
27
|
+
mr: "m1sas78d",
|
28
|
+
s: "s1drrr81",
|
29
|
+
sr: "sfj8gzo",
|
30
|
+
xs: "x1eqxvy4",
|
31
|
+
xsr: "xjqh1fr"
|
30
32
|
},
|
31
33
|
disabled: {
|
32
|
-
"true": "
|
34
|
+
"true": "t1wq4idj"
|
33
35
|
},
|
34
36
|
focused: {
|
35
|
-
"true": "
|
37
|
+
"true": "txx4c3m"
|
36
38
|
}
|
37
39
|
}
|
38
40
|
};
|