@salutejs-ds/sdds_sbcom 0.1.15 → 0.1.16
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.js +1 -1
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1722fh4.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Checkbox/Checkbox.config.js +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1mog0rg.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Counter/Counter.config.d.ts +6 -6
- package/components/Counter/Counter.config.js +9 -9
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.config_6oc60l.css +11 -0
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +6 -6
- package/components/IconButton/IconButton.config.js +1 -1
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_1pbzh23.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/Link/Link.config.d.ts +3 -3
- package/components/Link/Link.config.js +5 -5
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/{Link.config_8uibyj.css → Link.config_1hze3a9.css} +4 -4
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +3 -3
- package/components/Radiobox/Radiobox.config.js +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_1pa1zfo.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/css/sdds_sbcom.module.css +1240 -1120
- package/css/sdds_sbcom__dark.css +764 -704
- package/css/sdds_sbcom__light.css +764 -704
- package/es/components/Button/Button.config.js +1 -1
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1722fh4.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1mog0rg.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/Counter/Counter.config.js +9 -9
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.config_6oc60l.css +11 -0
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/IconButton/IconButton.config.js +1 -1
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_1pbzh23.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +5 -5
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/{Link.config_8uibyj.css → Link.config_1hze3a9.css} +4 -4
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +1 -1
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_1pa1zfo.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +55 -55
- package/es/index.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +1384 -1204
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -55
- package/index.js +60 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +3 -3
- package/styled-components/cjs/Counter/Counter.config.js +9 -9
- package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
- package/styled-components/cjs/Link/Link.config.js +4 -4
- package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +3 -3
- package/styled-components/es/Counter/Counter.config.js +9 -9
- package/styled-components/es/IconButton/IconButton.config.js +6 -6
- package/styled-components/es/Link/Link.config.js +4 -4
- package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +1043 -923
- package/theme/tokens/index.js +1443 -1203
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1b1uwtc.css +0 -10
- package/components/Checkbox/Checkbox.config_by8n89.css +0 -6
- package/components/Counter/Counter.config_1dmfqg0.css +0 -11
- package/components/IconButton/IconButton.config_108pkgf.css +0 -9
- package/components/Radiobox/Radiobox.config_1x15h52.css +0 -6
- package/es/components/Button/Button.config_1b1uwtc.css +0 -10
- package/es/components/Checkbox/Checkbox.config_by8n89.css +0 -6
- package/es/components/Counter/Counter.config_1dmfqg0.css +0 -11
- package/es/components/IconButton/IconButton.config_108pkgf.css +0 -9
- package/es/components/Radiobox/Radiobox.config_1x15h52.css +0 -6
package/index.css
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
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
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
|
|
50
|
-
.
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
.
|
|
1
|
+
.Button_config_1722fh4_c1fnkof5__45fb997f{--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);--plasma-button-color:var(--text-primary);--plasma-button-spinner-color:var(--text-primary);}
|
|
2
|
+
.Button_config_1722fh4_a1129msw__45fb997f{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-spinner-color:var(--on-dark-text-primary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-value-color:var(--on-dark-text-secondary);}
|
|
3
|
+
.Button_config_1722fh4_dbaqjet__45fb997f{--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-color:var(--inverse-text-primary);--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
|
4
|
+
.Button_config_1722fh4_smxfxlw__45fb997f{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);}
|
|
5
|
+
.Button_config_1722fh4_lleczrv__45fb997f{--plasma-button-radius:var(--border-radius-l);--plasma-button-padding:1.5rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-width:12.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-height:3.5rem;}
|
|
6
|
+
.Button_config_1722fh4_xlekduy__45fb997f{--plasma-button-spinner-size:1.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-width:12.5rem;--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-value-margin:0.125rem;--plasma-button-height:4rem;--plasma-button-padding:1.75rem;}
|
|
7
|
+
.Button_config_1722fh4_m1yfa47j__45fb997f{--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;--plasma-button-padding:1.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-value-margin:0.125rem;--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-radius:var(--border-radius-m);}
|
|
8
|
+
.Button_config_1722fh4_psb1lec__45fb997f{--plasma-button-radius:var(--border-radius-circle);}
|
|
9
|
+
|
|
10
|
+
.Button_config_1722fh4_i1w797f8__45fb997f{--plasma-button-focus-color:var(--text-accent);--plasma-button-disabled-opacity:0.4;}
|
|
11
|
+
|
|
12
|
+
.Checkbox_config_1mog0rg_a1rbd3p5__f159891c{--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-checked-color:transparent;--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-fill-color:var(--text-accent);}
|
|
13
|
+
.Checkbox_config_1mog0rg_n1b31az7__f159891c{--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-trigger-border-color:var(--text-negative);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-trigger-border-checked-color:transparent;--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);}
|
|
14
|
+
.Checkbox_config_1mog0rg_shc94kv__f159891c{--plasma-checkbox-trigger-border-width:0.0625rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xxs);--plasma-checkbox-content-top-offset:0rem;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);--plasma-checkbox-trigger-padding:0.0625rem;--plasma-checkbox-content-left-offset:0.5rem;--plasma-checkbox-margin:0rem;--plasma-checkbox-description-margin-top:0.125rem;}
|
|
15
|
+
.Checkbox_config_1mog0rg_luukuk0__f159891c{--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-margin:0rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-content-left-offset:0.75rem;}
|
|
16
|
+
.Checkbox_config_1mog0rg_m527yke__f159891c{--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-trigger-size:1.25rem;}
|
|
17
|
+
.Checkbox_config_1mog0rg_i14xqe1f__f159891c{--plasma-checkbox-focus-color:var(--text-accent);--plasma-checkbox-disabled-opacity:0.4;}
|
|
18
|
+
|
|
19
|
+
.Counter_config_6oc60l_l1cwt38k__62d417e3{--plasma-counter-height:1.75rem;--plasma-counter-border-radius:var(--border-radius-l);--plasma-counter-padding:0.625rem;--plasma-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
20
|
+
.Counter_config_6oc60l_snq0de9__62d417e3{--plasma-counter-padding:0.375rem;--plasma-counter-height:1.25rem;--plasma-counter-border-radius:var(--border-radius-l);--plasma-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
21
|
+
.Counter_config_6oc60l_xamolvn__62d417e3{--plasma-counter-border-radius:var(--border-radius-l);--plasma-counter-padding:0.25rem;--plasma-counter-height:1rem;--plasma-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
22
|
+
.Counter_config_6oc60l_xq1cssq__62d417e3{--plasma-counter-height:0.75rem;--plasma-counter-padding:0.125rem;--plasma-counter-border-radius:var(--border-radius-l);--plasma-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
23
|
+
.Counter_config_6oc60l_mahvg1k__62d417e3{--plasma-counter-border-radius:var(--border-radius-l);--plasma-counter-height:1.5rem;--plasma-counter-padding:0.5rem;--plasma-counter-font-family:var(--plasma-typo-body-xs-font-family);--plasma-counter-font-size:var(--plasma-typo-body-xs-font-size);--plasma-counter-font-style:var(--plasma-typo-body-xs-font-style);--plasma-counter-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-counter-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-counter-lineheight:var(--plasma-typo-body-xs-line-height);}
|
|
24
|
+
.Counter_config_6oc60l_p1jgng4t__62d417e3{--plasma-counter-color:var(--on-dark-text-primary);--plasma-counter-background:var(--surface-positive);}
|
|
25
|
+
.Counter_config_6oc60l_w1729vhu__62d417e3{--plasma-counter-color:var(--on-dark-text-primary);--plasma-counter-background:var(--surface-warning);}
|
|
26
|
+
.Counter_config_6oc60l_n12m2xn1__62d417e3{--plasma-counter-background:var(--surface-negative);--plasma-counter-color:var(--on-dark-text-primary);}
|
|
27
|
+
.Counter_config_6oc60l_ac04srh__62d417e3{--plasma-counter-background:var(--surface-accent);--plasma-counter-color:var(--on-dark-text-primary);}
|
|
28
|
+
.Counter_config_6oc60l_dxcnqax__62d417e3{--plasma-counter-color:var(--inverse-text-primary);--plasma-counter-background:var(--surface-solid-default);}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
.IconButton_config_1pbzh23_s18ihzhr__ffeb0d24{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-color-hover:var(--text-primary-hover);--plasma-icon-button-color-active:var(--text-primary-active);--plasma-icon-button-spinner-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-loading-background-color:var(--text-primary);}
|
|
32
|
+
.IconButton_config_1pbzh23_dsnn66s__ffeb0d24{--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-icon-button-loading-background-color:var(--inverse-text-primary);--plasma-icon-button-spinner-color:var(--inverse-text-primary);--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
|
|
33
|
+
.IconButton_config_1pbzh23_axdpxpi__ffeb0d24{--plasma-icon-button-loading-background-color:var(--on-dark-text-primary);--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-spinner-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-background-color-active:var(--surface-accent-active);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);}
|
|
34
|
+
.IconButton_config_1pbzh23_x1gkv8om__ffeb0d24{--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-radius:var(--border-radius-l);--plasma-icon-button-padding:1.25rem;}
|
|
35
|
+
.IconButton_config_1pbzh23_mvlui54__ffeb0d24{--plasma-icon-button-padding:0.75rem;--plasma-icon-button-width:3rem;--plasma-icon-button-height:3rem;--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-radius:var(--border-radius-m);}
|
|
36
|
+
.IconButton_config_1pbzh23_l1h4he2a__ffeb0d24{--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--border-radius-l);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-height:3.5rem;}
|
|
37
|
+
|
|
38
|
+
.IconButton_config_1pbzh23_p11wn1rp__ffeb0d24{--plasma-icon-button-radius:var(--border-radius-circle);}
|
|
39
|
+
.IconButton_config_1pbzh23_i1b6yic8__ffeb0d24{--plasma-icon-button-focus-color:var(--text-accent);--plasma-icon-button-disabled-opacity:0.4;}
|
|
40
|
+
|
|
41
|
+
.Link_config_1hze3a9_c1ewrnir__54abe2e0{--plasma-link-color-visited:inherit;--plasma-link-color:inherit;--plasma-link-underline-border:0.0625rem;}
|
|
42
|
+
.Link_config_1hze3a9_s3rov2m__54abe2e0{--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-underline-border:0rem;}
|
|
43
|
+
.Link_config_1hze3a9_dcdqaii__54abe2e0{--plasma-link-color:var(--text-primary);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-underline-border:0rem;--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);}
|
|
44
|
+
.Link_config_1hze3a9_a1tgj4zq__54abe2e0{--plasma-link-color-visited:var(--text-accent-minor);--plasma-link-color-visited-hover:var(--text-accent-minor-hover);--plasma-link-color-visited-active:var(--text-accent-minor-active);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-underline-border:0rem;}
|
|
45
|
+
.Link_config_1hze3a9_l19c6umx__54abe2e0{--plasma-link-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-l-line-height);}
|
|
46
|
+
.Link_config_1hze3a9_sc7vji9__54abe2e0{--plasma-link-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-s-line-height);}
|
|
47
|
+
.Link_config_1hze3a9_m1fhq56f__54abe2e0{--plasma-link-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-m-line-height);}
|
|
48
|
+
.Link_config_1hze3a9_i111atg8__54abe2e0{--plasma-link-color-focus:var(--text-accent);--plasma-link-disabled-opacity:0.4;}
|
|
49
|
+
|
|
50
|
+
.Radiobox_config_1pa1zfo_n73zzyg__bb5ed0e7{--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-fill-color:var(--text-negative);--plasma-radiobox-trigger-border-checked-color:transparent;--plasma-radiobox-trigger-background-color:transparent;--plasma-radiobox-trigger-border-color:var(--text-negative);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-label-color:var(--text-primary);}
|
|
51
|
+
.Radiobox_config_1pa1zfo_a4ly3co__bb5ed0e7{--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-checked-color:transparent;--plasma-radiobox-trigger-background-color:transparent;--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-fill-color:var(--text-accent);--plasma-radiobox-trigger-border-color:var(--text-secondary);--plasma-radiobox-label-color:var(--text-primary);}
|
|
52
|
+
.Radiobox_config_1pa1zfo_s1tfsl8x__bb5ed0e7{--plasma-radiobox-description-margin-top:0.125rem;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-trigger-border-radius:var(--border-radius-xl);--plasma-radiobox-content-top-offset:0rem;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);--plasma-radiobox-content-left-offset:0.5rem;--plasma-radiobox-trigger-border-width:0.0625rem;--plasma-radiobox-margin:0rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-ellipse-size:0.5rem;}
|
|
53
|
+
.Radiobox_config_1pa1zfo_m1ozwyr6__bb5ed0e7{--plasma-radiobox-margin:0rem;--plasma-radiobox-trigger-border-width:0.125rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-description-margin-top:0.125rem;--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-content-left-offset:0.75rem;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-content-top-offset:0.0625rem;--plasma-radiobox-trigger-border-radius:var(--border-radius-xl);--plasma-radiobox-ellipse-size:0.625rem;}
|
|
54
|
+
.Radiobox_config_1pa1zfo_l14hc9vg__bb5ed0e7{--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-content-left-offset:0.75rem;--plasma-radiobox-trigger-border-width:0.125rem;--plasma-radiobox-trigger-border-radius:var(--border-radius-xl);--plasma-radiobox-margin:0rem;--plasma-radiobox-content-top-offset:0.0625rem;--plasma-radiobox-description-margin-top:0.125rem;--plasma-radiobox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-l-line-height);}
|
|
55
|
+
.Radiobox_config_1pa1zfo_idvkjxv__bb5ed0e7{--plasma-radiobox-focus-color:var(--text-accent);--plasma-radiobox-disabled-opacity:0.4;}
|
package/index.js
CHANGED
|
@@ -72,9 +72,15 @@ exports.inverseBackgroundHardline = index.inverseBackgroundHardline;
|
|
|
72
72
|
exports.inverseBackgroundPrimary = index.inverseBackgroundPrimary;
|
|
73
73
|
exports.inverseBackgroundSecondary = index.inverseBackgroundSecondary;
|
|
74
74
|
exports.inverseBackgroundTertiary = index.inverseBackgroundTertiary;
|
|
75
|
+
exports.inverseOutlineAccent = index.inverseOutlineAccent;
|
|
76
|
+
exports.inverseOutlineAccentActive = index.inverseOutlineAccentActive;
|
|
77
|
+
exports.inverseOutlineAccentHover = index.inverseOutlineAccentHover;
|
|
75
78
|
exports.inverseOutlineClear = index.inverseOutlineClear;
|
|
76
79
|
exports.inverseOutlineClearActive = index.inverseOutlineClearActive;
|
|
77
80
|
exports.inverseOutlineClearHover = index.inverseOutlineClearHover;
|
|
81
|
+
exports.inverseOutlineDeep = index.inverseOutlineDeep;
|
|
82
|
+
exports.inverseOutlineDeepActive = index.inverseOutlineDeepActive;
|
|
83
|
+
exports.inverseOutlineDeepHover = index.inverseOutlineDeepHover;
|
|
78
84
|
exports.inverseOutlineDefault = index.inverseOutlineDefault;
|
|
79
85
|
exports.inverseOutlineDefaultActive = index.inverseOutlineDefaultActive;
|
|
80
86
|
exports.inverseOutlineDefaultHover = index.inverseOutlineDefaultHover;
|
|
@@ -93,6 +99,9 @@ exports.inverseOutlinePrimaryHover = index.inverseOutlinePrimaryHover;
|
|
|
93
99
|
exports.inverseOutlineTransparentPrimary = index.inverseOutlineTransparentPrimary;
|
|
94
100
|
exports.inverseOutlineTransparentPrimaryActive = index.inverseOutlineTransparentPrimaryActive;
|
|
95
101
|
exports.inverseOutlineTransparentPrimaryHover = index.inverseOutlineTransparentPrimaryHover;
|
|
102
|
+
exports.inverseOutlineTransparentWhite = index.inverseOutlineTransparentWhite;
|
|
103
|
+
exports.inverseOutlineTransparentWhiteActive = index.inverseOutlineTransparentWhiteActive;
|
|
104
|
+
exports.inverseOutlineTransparentWhiteHover = index.inverseOutlineTransparentWhiteHover;
|
|
96
105
|
exports.inverseOutlineWarning = index.inverseOutlineWarning;
|
|
97
106
|
exports.inverseOutlineWarningActive = index.inverseOutlineWarningActive;
|
|
98
107
|
exports.inverseOutlineWarningHover = index.inverseOutlineWarningHover;
|
|
@@ -166,6 +175,9 @@ exports.inverseSurfaceSolidCardBrightness = index.inverseSurfaceSolidCardBrightn
|
|
|
166
175
|
exports.inverseSurfaceSolidCardBrightnessActive = index.inverseSurfaceSolidCardBrightnessActive;
|
|
167
176
|
exports.inverseSurfaceSolidCardBrightnessHover = index.inverseSurfaceSolidCardBrightnessHover;
|
|
168
177
|
exports.inverseSurfaceSolidCardHover = index.inverseSurfaceSolidCardHover;
|
|
178
|
+
exports.inverseSurfaceSolidDeep = index.inverseSurfaceSolidDeep;
|
|
179
|
+
exports.inverseSurfaceSolidDeepActive = index.inverseSurfaceSolidDeepActive;
|
|
180
|
+
exports.inverseSurfaceSolidDeepHover = index.inverseSurfaceSolidDeepHover;
|
|
169
181
|
exports.inverseSurfaceSolidDefault = index.inverseSurfaceSolidDefault;
|
|
170
182
|
exports.inverseSurfaceSolidDefaultActive = index.inverseSurfaceSolidDefaultActive;
|
|
171
183
|
exports.inverseSurfaceSolidDefaultHover = index.inverseSurfaceSolidDefaultHover;
|
|
@@ -193,6 +205,9 @@ exports.inverseSurfaceTransparentCardBrightness = index.inverseSurfaceTransparen
|
|
|
193
205
|
exports.inverseSurfaceTransparentCardBrightnessActive = index.inverseSurfaceTransparentCardBrightnessActive;
|
|
194
206
|
exports.inverseSurfaceTransparentCardBrightnessHover = index.inverseSurfaceTransparentCardBrightnessHover;
|
|
195
207
|
exports.inverseSurfaceTransparentCardHover = index.inverseSurfaceTransparentCardHover;
|
|
208
|
+
exports.inverseSurfaceTransparentCardMinor = index.inverseSurfaceTransparentCardMinor;
|
|
209
|
+
exports.inverseSurfaceTransparentCardMinorActive = index.inverseSurfaceTransparentCardMinorActive;
|
|
210
|
+
exports.inverseSurfaceTransparentCardMinorHover = index.inverseSurfaceTransparentCardMinorHover;
|
|
196
211
|
exports.inverseSurfaceTransparentDeep = index.inverseSurfaceTransparentDeep;
|
|
197
212
|
exports.inverseSurfaceTransparentDeepActive = index.inverseSurfaceTransparentDeepActive;
|
|
198
213
|
exports.inverseSurfaceTransparentDeepHover = index.inverseSurfaceTransparentDeepHover;
|
|
@@ -253,9 +268,15 @@ exports.lightBackgroundHardline = index.lightBackgroundHardline;
|
|
|
253
268
|
exports.lightBackgroundPrimary = index.lightBackgroundPrimary;
|
|
254
269
|
exports.lightBackgroundSecondary = index.lightBackgroundSecondary;
|
|
255
270
|
exports.lightBackgroundTertiary = index.lightBackgroundTertiary;
|
|
271
|
+
exports.onDarkOutlineAccent = index.onDarkOutlineAccent;
|
|
272
|
+
exports.onDarkOutlineAccentActive = index.onDarkOutlineAccentActive;
|
|
273
|
+
exports.onDarkOutlineAccentHover = index.onDarkOutlineAccentHover;
|
|
256
274
|
exports.onDarkOutlineClear = index.onDarkOutlineClear;
|
|
257
275
|
exports.onDarkOutlineClearActive = index.onDarkOutlineClearActive;
|
|
258
276
|
exports.onDarkOutlineClearHover = index.onDarkOutlineClearHover;
|
|
277
|
+
exports.onDarkOutlineDeep = index.onDarkOutlineDeep;
|
|
278
|
+
exports.onDarkOutlineDeepActive = index.onDarkOutlineDeepActive;
|
|
279
|
+
exports.onDarkOutlineDeepHover = index.onDarkOutlineDeepHover;
|
|
259
280
|
exports.onDarkOutlineDefault = index.onDarkOutlineDefault;
|
|
260
281
|
exports.onDarkOutlineDefaultActive = index.onDarkOutlineDefaultActive;
|
|
261
282
|
exports.onDarkOutlineDefaultHover = index.onDarkOutlineDefaultHover;
|
|
@@ -274,6 +295,9 @@ exports.onDarkOutlinePrimaryHover = index.onDarkOutlinePrimaryHover;
|
|
|
274
295
|
exports.onDarkOutlineTransparentPrimary = index.onDarkOutlineTransparentPrimary;
|
|
275
296
|
exports.onDarkOutlineTransparentPrimaryActive = index.onDarkOutlineTransparentPrimaryActive;
|
|
276
297
|
exports.onDarkOutlineTransparentPrimaryHover = index.onDarkOutlineTransparentPrimaryHover;
|
|
298
|
+
exports.onDarkOutlineTransparentWhite = index.onDarkOutlineTransparentWhite;
|
|
299
|
+
exports.onDarkOutlineTransparentWhiteActive = index.onDarkOutlineTransparentWhiteActive;
|
|
300
|
+
exports.onDarkOutlineTransparentWhiteHover = index.onDarkOutlineTransparentWhiteHover;
|
|
277
301
|
exports.onDarkOutlineWarning = index.onDarkOutlineWarning;
|
|
278
302
|
exports.onDarkOutlineWarningActive = index.onDarkOutlineWarningActive;
|
|
279
303
|
exports.onDarkOutlineWarningHover = index.onDarkOutlineWarningHover;
|
|
@@ -347,6 +371,9 @@ exports.onDarkSurfaceSolidCardBrightness = index.onDarkSurfaceSolidCardBrightnes
|
|
|
347
371
|
exports.onDarkSurfaceSolidCardBrightnessActive = index.onDarkSurfaceSolidCardBrightnessActive;
|
|
348
372
|
exports.onDarkSurfaceSolidCardBrightnessHover = index.onDarkSurfaceSolidCardBrightnessHover;
|
|
349
373
|
exports.onDarkSurfaceSolidCardHover = index.onDarkSurfaceSolidCardHover;
|
|
374
|
+
exports.onDarkSurfaceSolidDeep = index.onDarkSurfaceSolidDeep;
|
|
375
|
+
exports.onDarkSurfaceSolidDeepActive = index.onDarkSurfaceSolidDeepActive;
|
|
376
|
+
exports.onDarkSurfaceSolidDeepHover = index.onDarkSurfaceSolidDeepHover;
|
|
350
377
|
exports.onDarkSurfaceSolidDefault = index.onDarkSurfaceSolidDefault;
|
|
351
378
|
exports.onDarkSurfaceSolidDefaultActive = index.onDarkSurfaceSolidDefaultActive;
|
|
352
379
|
exports.onDarkSurfaceSolidDefaultHover = index.onDarkSurfaceSolidDefaultHover;
|
|
@@ -374,6 +401,9 @@ exports.onDarkSurfaceTransparentCardBrightness = index.onDarkSurfaceTransparentC
|
|
|
374
401
|
exports.onDarkSurfaceTransparentCardBrightnessActive = index.onDarkSurfaceTransparentCardBrightnessActive;
|
|
375
402
|
exports.onDarkSurfaceTransparentCardBrightnessHover = index.onDarkSurfaceTransparentCardBrightnessHover;
|
|
376
403
|
exports.onDarkSurfaceTransparentCardHover = index.onDarkSurfaceTransparentCardHover;
|
|
404
|
+
exports.onDarkSurfaceTransparentCardMinor = index.onDarkSurfaceTransparentCardMinor;
|
|
405
|
+
exports.onDarkSurfaceTransparentCardMinorActive = index.onDarkSurfaceTransparentCardMinorActive;
|
|
406
|
+
exports.onDarkSurfaceTransparentCardMinorHover = index.onDarkSurfaceTransparentCardMinorHover;
|
|
377
407
|
exports.onDarkSurfaceTransparentDeep = index.onDarkSurfaceTransparentDeep;
|
|
378
408
|
exports.onDarkSurfaceTransparentDeepActive = index.onDarkSurfaceTransparentDeepActive;
|
|
379
409
|
exports.onDarkSurfaceTransparentDeepHover = index.onDarkSurfaceTransparentDeepHover;
|
|
@@ -429,9 +459,15 @@ exports.onDarkTextTertiaryHover = index.onDarkTextTertiaryHover;
|
|
|
429
459
|
exports.onDarkTextWarning = index.onDarkTextWarning;
|
|
430
460
|
exports.onDarkTextWarningActive = index.onDarkTextWarningActive;
|
|
431
461
|
exports.onDarkTextWarningHover = index.onDarkTextWarningHover;
|
|
462
|
+
exports.onLightOutlineAccent = index.onLightOutlineAccent;
|
|
463
|
+
exports.onLightOutlineAccentActive = index.onLightOutlineAccentActive;
|
|
464
|
+
exports.onLightOutlineAccentHover = index.onLightOutlineAccentHover;
|
|
432
465
|
exports.onLightOutlineClear = index.onLightOutlineClear;
|
|
433
466
|
exports.onLightOutlineClearActive = index.onLightOutlineClearActive;
|
|
434
467
|
exports.onLightOutlineClearHover = index.onLightOutlineClearHover;
|
|
468
|
+
exports.onLightOutlineDeep = index.onLightOutlineDeep;
|
|
469
|
+
exports.onLightOutlineDeepActive = index.onLightOutlineDeepActive;
|
|
470
|
+
exports.onLightOutlineDeepHover = index.onLightOutlineDeepHover;
|
|
435
471
|
exports.onLightOutlineDefault = index.onLightOutlineDefault;
|
|
436
472
|
exports.onLightOutlineDefaultActive = index.onLightOutlineDefaultActive;
|
|
437
473
|
exports.onLightOutlineDefaultHover = index.onLightOutlineDefaultHover;
|
|
@@ -450,6 +486,9 @@ exports.onLightOutlinePrimaryHover = index.onLightOutlinePrimaryHover;
|
|
|
450
486
|
exports.onLightOutlineTransparentPrimary = index.onLightOutlineTransparentPrimary;
|
|
451
487
|
exports.onLightOutlineTransparentPrimaryActive = index.onLightOutlineTransparentPrimaryActive;
|
|
452
488
|
exports.onLightOutlineTransparentPrimaryHover = index.onLightOutlineTransparentPrimaryHover;
|
|
489
|
+
exports.onLightOutlineTransparentWhite = index.onLightOutlineTransparentWhite;
|
|
490
|
+
exports.onLightOutlineTransparentWhiteActive = index.onLightOutlineTransparentWhiteActive;
|
|
491
|
+
exports.onLightOutlineTransparentWhiteHover = index.onLightOutlineTransparentWhiteHover;
|
|
453
492
|
exports.onLightOutlineWarning = index.onLightOutlineWarning;
|
|
454
493
|
exports.onLightOutlineWarningActive = index.onLightOutlineWarningActive;
|
|
455
494
|
exports.onLightOutlineWarningHover = index.onLightOutlineWarningHover;
|
|
@@ -523,6 +562,9 @@ exports.onLightSurfaceSolidCardBrightness = index.onLightSurfaceSolidCardBrightn
|
|
|
523
562
|
exports.onLightSurfaceSolidCardBrightnessActive = index.onLightSurfaceSolidCardBrightnessActive;
|
|
524
563
|
exports.onLightSurfaceSolidCardBrightnessHover = index.onLightSurfaceSolidCardBrightnessHover;
|
|
525
564
|
exports.onLightSurfaceSolidCardHover = index.onLightSurfaceSolidCardHover;
|
|
565
|
+
exports.onLightSurfaceSolidDeep = index.onLightSurfaceSolidDeep;
|
|
566
|
+
exports.onLightSurfaceSolidDeepActive = index.onLightSurfaceSolidDeepActive;
|
|
567
|
+
exports.onLightSurfaceSolidDeepHover = index.onLightSurfaceSolidDeepHover;
|
|
526
568
|
exports.onLightSurfaceSolidDefault = index.onLightSurfaceSolidDefault;
|
|
527
569
|
exports.onLightSurfaceSolidDefaultActive = index.onLightSurfaceSolidDefaultActive;
|
|
528
570
|
exports.onLightSurfaceSolidDefaultHover = index.onLightSurfaceSolidDefaultHover;
|
|
@@ -550,6 +592,9 @@ exports.onLightSurfaceTransparentCardBrightness = index.onLightSurfaceTransparen
|
|
|
550
592
|
exports.onLightSurfaceTransparentCardBrightnessActive = index.onLightSurfaceTransparentCardBrightnessActive;
|
|
551
593
|
exports.onLightSurfaceTransparentCardBrightnessHover = index.onLightSurfaceTransparentCardBrightnessHover;
|
|
552
594
|
exports.onLightSurfaceTransparentCardHover = index.onLightSurfaceTransparentCardHover;
|
|
595
|
+
exports.onLightSurfaceTransparentCardMinor = index.onLightSurfaceTransparentCardMinor;
|
|
596
|
+
exports.onLightSurfaceTransparentCardMinorActive = index.onLightSurfaceTransparentCardMinorActive;
|
|
597
|
+
exports.onLightSurfaceTransparentCardMinorHover = index.onLightSurfaceTransparentCardMinorHover;
|
|
553
598
|
exports.onLightSurfaceTransparentDeep = index.onLightSurfaceTransparentDeep;
|
|
554
599
|
exports.onLightSurfaceTransparentDeepActive = index.onLightSurfaceTransparentDeepActive;
|
|
555
600
|
exports.onLightSurfaceTransparentDeepHover = index.onLightSurfaceTransparentDeepHover;
|
|
@@ -605,9 +650,15 @@ exports.onLightTextTertiaryHover = index.onLightTextTertiaryHover;
|
|
|
605
650
|
exports.onLightTextWarning = index.onLightTextWarning;
|
|
606
651
|
exports.onLightTextWarningActive = index.onLightTextWarningActive;
|
|
607
652
|
exports.onLightTextWarningHover = index.onLightTextWarningHover;
|
|
653
|
+
exports.outlineAccent = index.outlineAccent;
|
|
654
|
+
exports.outlineAccentActive = index.outlineAccentActive;
|
|
655
|
+
exports.outlineAccentHover = index.outlineAccentHover;
|
|
608
656
|
exports.outlineClear = index.outlineClear;
|
|
609
657
|
exports.outlineClearActive = index.outlineClearActive;
|
|
610
658
|
exports.outlineClearHover = index.outlineClearHover;
|
|
659
|
+
exports.outlineDeep = index.outlineDeep;
|
|
660
|
+
exports.outlineDeepActive = index.outlineDeepActive;
|
|
661
|
+
exports.outlineDeepHover = index.outlineDeepHover;
|
|
611
662
|
exports.outlineDefault = index.outlineDefault;
|
|
612
663
|
exports.outlineDefaultActive = index.outlineDefaultActive;
|
|
613
664
|
exports.outlineDefaultHover = index.outlineDefaultHover;
|
|
@@ -626,6 +677,9 @@ exports.outlinePrimaryHover = index.outlinePrimaryHover;
|
|
|
626
677
|
exports.outlineTransparentPrimary = index.outlineTransparentPrimary;
|
|
627
678
|
exports.outlineTransparentPrimaryActive = index.outlineTransparentPrimaryActive;
|
|
628
679
|
exports.outlineTransparentPrimaryHover = index.outlineTransparentPrimaryHover;
|
|
680
|
+
exports.outlineTransparentWhite = index.outlineTransparentWhite;
|
|
681
|
+
exports.outlineTransparentWhiteActive = index.outlineTransparentWhiteActive;
|
|
682
|
+
exports.outlineTransparentWhiteHover = index.outlineTransparentWhiteHover;
|
|
629
683
|
exports.outlineWarning = index.outlineWarning;
|
|
630
684
|
exports.outlineWarningActive = index.outlineWarningActive;
|
|
631
685
|
exports.outlineWarningHover = index.outlineWarningHover;
|
|
@@ -726,6 +780,9 @@ exports.surfaceSolidCardBrightness = index.surfaceSolidCardBrightness;
|
|
|
726
780
|
exports.surfaceSolidCardBrightnessActive = index.surfaceSolidCardBrightnessActive;
|
|
727
781
|
exports.surfaceSolidCardBrightnessHover = index.surfaceSolidCardBrightnessHover;
|
|
728
782
|
exports.surfaceSolidCardHover = index.surfaceSolidCardHover;
|
|
783
|
+
exports.surfaceSolidDeep = index.surfaceSolidDeep;
|
|
784
|
+
exports.surfaceSolidDeepActive = index.surfaceSolidDeepActive;
|
|
785
|
+
exports.surfaceSolidDeepHover = index.surfaceSolidDeepHover;
|
|
729
786
|
exports.surfaceSolidDefault = index.surfaceSolidDefault;
|
|
730
787
|
exports.surfaceSolidDefaultActive = index.surfaceSolidDefaultActive;
|
|
731
788
|
exports.surfaceSolidDefaultHover = index.surfaceSolidDefaultHover;
|
|
@@ -753,6 +810,9 @@ exports.surfaceTransparentCardBrightness = index.surfaceTransparentCardBrightnes
|
|
|
753
810
|
exports.surfaceTransparentCardBrightnessActive = index.surfaceTransparentCardBrightnessActive;
|
|
754
811
|
exports.surfaceTransparentCardBrightnessHover = index.surfaceTransparentCardBrightnessHover;
|
|
755
812
|
exports.surfaceTransparentCardHover = index.surfaceTransparentCardHover;
|
|
813
|
+
exports.surfaceTransparentCardMinor = index.surfaceTransparentCardMinor;
|
|
814
|
+
exports.surfaceTransparentCardMinorActive = index.surfaceTransparentCardMinorActive;
|
|
815
|
+
exports.surfaceTransparentCardMinorHover = index.surfaceTransparentCardMinorHover;
|
|
756
816
|
exports.surfaceTransparentDeep = index.surfaceTransparentDeep;
|
|
757
817
|
exports.surfaceTransparentDeepActive = index.surfaceTransparentDeepActive;
|
|
758
818
|
exports.surfaceTransparentDeepHover = index.surfaceTransparentDeepHover;
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -15,15 +15,15 @@ var config = exports.config = {
|
|
|
15
15
|
},
|
|
16
16
|
variations: {
|
|
17
17
|
view: {
|
|
18
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
|
19
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-
|
|
20
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
|
21
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-
|
|
18
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonSpinnerColor),
|
|
19
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--on-dark-text-secondary);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonValueColor),
|
|
20
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
|
21
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover)
|
|
22
22
|
},
|
|
23
23
|
size: {
|
|
24
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ":
|
|
25
|
-
xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
|
26
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
|
24
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.5rem;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 3.5rem;\n "])), _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonHeight),
|
|
25
|
+
xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n ", ": 12.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": var(--border-radius-l);\n ", ": 0.125rem;\n ", ": 4rem;\n ", ": 1.75rem;\n "])), _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonPadding),
|
|
26
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": 1.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": 3rem;\n ", ": 11.25rem;\n ", ": var(--border-radius-m);\n "])), _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonRadius)
|
|
27
27
|
},
|
|
28
28
|
shape: {
|
|
29
29
|
pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), _styledComponents.buttonTokens.buttonRadius),
|
|
@@ -18,9 +18,9 @@ var config = exports.config = {
|
|
|
18
18
|
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor)
|
|
19
19
|
},
|
|
20
20
|
size: {
|
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.0625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 0.
|
|
22
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ":
|
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
|
21
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": var(--border-radius-xxs);\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.0625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.descriptionMarginTop),
|
|
22
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0rem;\n ", ": 0.0625rem;\n ", ": var(--border-radius-xs);\n ", ": 0.75rem;\n "])), _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.contentLeftOffset),
|
|
23
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.0625rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0rem;\n ", ": var(--border-radius-xs);\n ", ": 1.25rem;\n "])), _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerSize)
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.checkboxTokens.focusColor, _styledComponents.checkboxTokens.disabledOpacity)
|
|
@@ -14,17 +14,17 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
size: {
|
|
17
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n ", ": var(--border-radius-l);\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
|
|
18
|
+
S: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.counterTokens.padding, _styledComponents.counterTokens.height, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
|
|
19
|
+
XS: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.height, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
|
|
20
|
+
XXS: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight),
|
|
21
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.counterTokens.borderRadius, _styledComponents.counterTokens.height, _styledComponents.counterTokens.padding, _styledComponents.counterTokens.fontFamily, _styledComponents.counterTokens.fontSize, _styledComponents.counterTokens.fontStyle, _styledComponents.counterTokens.fontWeight, _styledComponents.counterTokens.letterSpacing, _styledComponents.counterTokens.lineHeight)
|
|
22
22
|
},
|
|
23
23
|
view: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
Positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background),
|
|
25
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background),
|
|
26
|
+
Negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color),
|
|
27
|
+
Accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.counterTokens.background, _styledComponents.counterTokens.color),
|
|
28
28
|
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n "])), _styledComponents.counterTokens.color, _styledComponents.counterTokens.background)
|
|
29
29
|
}
|
|
30
30
|
},
|