@salutejs-ds/sdds_sbcom 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/Button.config.d.ts +2 -2
- package/components/Button/Button.config.js +7 -7
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_9i8t1d.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.js +5 -5
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_usbc5o.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +2 -2
- package/components/IconButton/IconButton.config.js +1 -1
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_1em9p3v.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 +8 -8
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.config_1cp5e0j.css +8 -0
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +3 -3
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +3 -3
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_hbis6p.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +92 -90
- package/css/sdds_sbcom__dark.css +53 -51
- package/css/sdds_sbcom__light.css +53 -51
- package/es/components/Button/Button.config.js +7 -7
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_9i8t1d.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +5 -5
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_usbc5o.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- 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_1em9p3v.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +8 -8
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.config_1cp5e0j.css +8 -0
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +3 -3
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_hbis6p.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +37 -37
- 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 +113 -107
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +37 -37
- package/index.js +2 -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 +5 -5
- package/styled-components/cjs/IconButton/IconButton.config.js +5 -5
- package/styled-components/cjs/Link/Link.config.js +7 -7
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/IconButton/IconButton.config.js +5 -5
- package/styled-components/es/Link/Link.config.js +7 -7
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- 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 +87 -83
- package/theme/tokens/index.js +114 -106
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_vw2ya.css +0 -10
- package/components/Checkbox/Checkbox.config_8r8azs.css +0 -6
- package/components/IconButton/IconButton.config_11uez11.css +0 -9
- package/components/Link/Link.config_cgm7zu.css +0 -8
- package/components/Radiobox/Radiobox.config_5q7ggq.css +0 -6
- package/es/components/Button/Button.config_vw2ya.css +0 -10
- package/es/components/Checkbox/Checkbox.config_8r8azs.css +0 -6
- package/es/components/IconButton/IconButton.config_11uez11.css +0 -9
- package/es/components/Link/Link.config_cgm7zu.css +0 -8
- package/es/components/Radiobox/Radiobox.config_5q7ggq.css +0 -6
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/* Generated by robots, do not change this manually! */
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--text-secondary: #15110FA3;
|
|
5
4
|
--text-tertiary-hover: #171717FF;
|
|
6
5
|
--text-tertiary-active: #17171756;
|
|
7
6
|
--text-tertiary: #15110F3D;
|
|
@@ -38,7 +37,7 @@
|
|
|
38
37
|
--text-primary: #15110FFF;
|
|
39
38
|
--text-primary-brightness: #2525F6FF;
|
|
40
39
|
--text-secondary-active: #171717AB;
|
|
41
|
-
--
|
|
40
|
+
--text-secondary: #15110FA3;
|
|
42
41
|
--on-dark-text-positive-hover: #96E208FF;
|
|
43
42
|
--on-dark-text-positive-active: #629405FF;
|
|
44
43
|
--on-dark-text-warning-hover: #FF8B4DFF;
|
|
@@ -68,6 +67,7 @@
|
|
|
68
67
|
--on-dark-text-paragraph-active: #F5F5F5A3;
|
|
69
68
|
--on-dark-text-paragraph: #F6F2F07A;
|
|
70
69
|
--on-dark-text-accent-active: #629405FF;
|
|
70
|
+
--on-dark-text-accent-minor-hover: #96E208FF;
|
|
71
71
|
--on-light-text-positive-hover: #79B706FF;
|
|
72
72
|
--on-light-text-positive-active: #3E5E03FF;
|
|
73
73
|
--on-light-text-warning-hover: #FD6B17FF;
|
|
@@ -130,7 +130,6 @@
|
|
|
130
130
|
--surface-solid-default-active: #030303FF;
|
|
131
131
|
--inverse-text-accent-minor-hover: #6EA013FF;
|
|
132
132
|
--inverse-text-accent-minor-active: #2F4408FF;
|
|
133
|
-
--surface-transparent-secondary: #15110F14;
|
|
134
133
|
--surface-transparent-tertiary-hover: #0808082E;
|
|
135
134
|
--surface-transparent-tertiary-active: #08080833;
|
|
136
135
|
--surface-transparent-tertiary: #15110F1F;
|
|
@@ -155,7 +154,7 @@
|
|
|
155
154
|
--surface-transparent-primary-active: #0808080D;
|
|
156
155
|
--surface-transparent-primary: #15110F0A;
|
|
157
156
|
--surface-transparent-secondary-active: #0808081A;
|
|
158
|
-
--surface-
|
|
157
|
+
--surface-transparent-secondary: #15110F14;
|
|
159
158
|
--surface-transparent-accent: #527E4B1F;
|
|
160
159
|
--surface-info: #3776BCFF;
|
|
161
160
|
--surface-positive: #239322FF;
|
|
@@ -184,7 +183,7 @@
|
|
|
184
183
|
--surface-negative-hover: #FF5263FF;
|
|
185
184
|
--surface-negative-active: #FF142CFF;
|
|
186
185
|
--surface-info-hover: #209CEEFF;
|
|
187
|
-
--
|
|
186
|
+
--surface-info-active: #0F81CCFF;
|
|
188
187
|
--on-dark-surface-transparent-card-active: #FFFFFF0A;
|
|
189
188
|
--on-dark-surface-transparent-card: #23232399;
|
|
190
189
|
--on-dark-surface-transparent-card-brightness: #FFFF1DFF;
|
|
@@ -203,7 +202,7 @@
|
|
|
203
202
|
--on-dark-surface-transparent-tertiary-active: #FFFFFF24;
|
|
204
203
|
--on-dark-surface-transparent-deep-hover: #FFFFFFC2;
|
|
205
204
|
--on-dark-surface-transparent-deep: #373737B8;
|
|
206
|
-
--on-
|
|
205
|
+
--on-dark-surface-transparent-card-hover: #FFFFFF1F;
|
|
207
206
|
--on-light-surface-solid-primary: #FFFFFFFF;
|
|
208
207
|
--on-light-surface-solid-primary-brightness: #F6F6F6FF;
|
|
209
208
|
--on-light-surface-solid-secondary-hover: #E8E8E8FF;
|
|
@@ -231,7 +230,7 @@
|
|
|
231
230
|
--on-dark-surface-transparent-tertiary: #FFFFFF3D;
|
|
232
231
|
--on-dark-surface-info: #9BCAF8FF;
|
|
233
232
|
--on-light-surface-solid-primary-hover: #F2F2F2FF;
|
|
234
|
-
--on-light-surface-
|
|
233
|
+
--on-light-surface-solid-primary-active: #F0F0F0FF;
|
|
235
234
|
--on-light-surface-transparent-card-brightness: #FFFFFFFF;
|
|
236
235
|
--on-light-surface-accent-minor-active: #BEFB4BFF;
|
|
237
236
|
--on-light-surface-transparent-accent-hover: #1A9E322E;
|
|
@@ -251,7 +250,7 @@
|
|
|
251
250
|
--on-dark-surface-transparent-accent: #B4AE7B33;
|
|
252
251
|
--on-light-surface-transparent-deep: #FFFFFFB2;
|
|
253
252
|
--on-light-surface-transparent-card-active: #FFFFFFFF;
|
|
254
|
-
--
|
|
253
|
+
--on-light-surface-transparent-card: #FFFFFF99;
|
|
255
254
|
--inverse-surface-solid-primary-brightness: #252525FF;
|
|
256
255
|
--inverse-surface-solid-secondary-hover: #303030FF;
|
|
257
256
|
--inverse-surface-solid-secondary: #292929FF;
|
|
@@ -279,7 +278,7 @@
|
|
|
279
278
|
--on-light-surface-transparent-deep-active: #080808B8;
|
|
280
279
|
--on-light-surface-accent-minor: #D2ECBAFF;
|
|
281
280
|
--inverse-surface-solid-primary-active: #121212FF;
|
|
282
|
-
--inverse-surface-
|
|
281
|
+
--inverse-surface-solid-primary: #232323FF;
|
|
283
282
|
--inverse-surface-accent-active: #5B8A05FF;
|
|
284
283
|
--inverse-surface-accent-minor-active: #182108FF;
|
|
285
284
|
--inverse-surface-transparent-accent-hover: #1A9E3252;
|
|
@@ -300,6 +299,7 @@
|
|
|
300
299
|
--on-light-surface-positive: #239322FF;
|
|
301
300
|
--inverse-surface-transparent-card-active: #FFFFFF0A;
|
|
302
301
|
--inverse-surface-transparent-card-brightness: #FFFF1DFF;
|
|
302
|
+
--inverse-surface-accent-hover: #6FA706FF;
|
|
303
303
|
--light-background-primary: #F9F9F9;
|
|
304
304
|
--inverse-background-primary: #15110FFF;
|
|
305
305
|
--inverse-background-primary-brightness: #171717FF;
|
|
@@ -348,7 +348,6 @@
|
|
|
348
348
|
--outline-text-info: #3776BCFF;
|
|
349
349
|
--outline-transparent-primary: #15110F3D;
|
|
350
350
|
--on-dark-outline-transparent-primary-active: #FFFFFF12;
|
|
351
|
-
--on-light-outline-negative: #E83439FF;
|
|
352
351
|
--on-light-outline-text-info: #3776BCFF;
|
|
353
352
|
--inverse-outline-transparent-primary-hover: #FFFFFF4D;
|
|
354
353
|
--inverse-outline-transparent-primary-active: #FFFFFF12;
|
|
@@ -374,7 +373,7 @@
|
|
|
374
373
|
--on-light-outline-warning-active: #CA4B02FF;
|
|
375
374
|
--on-light-outline-text-info-hover: #47B0F5FF;
|
|
376
375
|
--on-light-outline-warning: #BE4E0CFF;
|
|
377
|
-
--on-
|
|
376
|
+
--on-light-outline-negative: #E83439FF;
|
|
378
377
|
--on-dark-data-yellow-transparent-active: #F3A81280;
|
|
379
378
|
--on-light-data-yellow: #F3A912;
|
|
380
379
|
--on-light-data-yellow-hover: #F5B638FF;
|
|
@@ -403,9 +402,9 @@
|
|
|
403
402
|
--outline-positive: #239322FF;
|
|
404
403
|
--on-dark-data-yellow-minor: #A16B00;
|
|
405
404
|
--on-dark-data-yellow-minor-active: #996600FF;
|
|
405
|
+
--on-dark-data-yellow-transparent-hover: #F3A812AD;
|
|
406
406
|
--on-dark-surface-transparent-secondary: #FFFFFF29;
|
|
407
407
|
--text-secondary-hover: #171717FF;
|
|
408
|
-
--on-dark-background-secondary: #000000FF;
|
|
409
408
|
--on-dark-background-secondary-hover: #CCCCCCFF;
|
|
410
409
|
--on-dark-background-secondary-brightness: #0F0F0FFF;
|
|
411
410
|
--on-dark-background-primary: #15110FFF;
|
|
@@ -449,7 +448,7 @@
|
|
|
449
448
|
--on-dark-outline-default-hover: #CCCCCCFF;
|
|
450
449
|
--inverse-background-secondary-hover: #CCCCCCFF;
|
|
451
450
|
--inverse-background-secondary-brightness: #000000FF;
|
|
452
|
-
--
|
|
451
|
+
--on-dark-background-secondary: #000000FF;
|
|
453
452
|
--persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
|
|
454
453
|
--persona-blue-surface-accent-gradient-active: #E6E6E6FF;
|
|
455
454
|
--persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
@@ -495,7 +494,7 @@
|
|
|
495
494
|
--on-light-outline-minor: #FFFFFFFF;
|
|
496
495
|
--on-light-outline-minor-hover: #CCCCCCFF;
|
|
497
496
|
--on-light-outline-minor-brightness: #FFFFFFFF;
|
|
498
|
-
--persona-
|
|
497
|
+
--persona-blue-surface-accent-gradient: #F6F2F0FF;
|
|
499
498
|
--persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
|
|
500
499
|
--persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
501
500
|
--persona-sea-blue-text-accent: #EBE7E5FF;
|
|
@@ -540,7 +539,7 @@
|
|
|
540
539
|
--persona-pink-text-accent-hover: #CCCCCCFF;
|
|
541
540
|
--persona-pink-text-accent-active: #E6E6E6FF;
|
|
542
541
|
--persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
|
|
543
|
-
--
|
|
542
|
+
--persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
|
|
544
543
|
--inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
|
|
545
544
|
--inverse-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
|
|
546
545
|
--inverse-persona-olive-text-accent: #15110FFF;
|
|
@@ -585,7 +584,7 @@
|
|
|
585
584
|
--inverse-persona-olive-text-accent-hover: #CCCCCCFF;
|
|
586
585
|
--inverse-persona-ochre-text-accent-active: #E6E6E6FF;
|
|
587
586
|
--inverse-persona-olive-surface-accent-gradient: #0F0F0FFF;
|
|
588
|
-
--
|
|
587
|
+
--inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
|
|
589
588
|
--on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
|
|
590
589
|
--on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
|
|
591
590
|
--on-dark-persona-indigo-text-accent: #15110FFF;
|
|
@@ -630,7 +629,7 @@
|
|
|
630
629
|
--on-dark-persona-green-text-accent-hover: #CCCCCCFF;
|
|
631
630
|
--on-dark-persona-green-text-accent-active: #E6E6E6FF;
|
|
632
631
|
--on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
|
|
633
|
-
--on-
|
|
632
|
+
--on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
|
|
634
633
|
--on-light-persona-blue-text-accent-hover: #CCCCCCFF;
|
|
635
634
|
--on-light-persona-blue-text-accent-active: #E6E6E6FF;
|
|
636
635
|
--on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
|
|
@@ -669,7 +668,7 @@
|
|
|
669
668
|
--on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
670
669
|
--on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
|
|
671
670
|
--on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
672
|
-
--on-light-persona-
|
|
671
|
+
--on-light-persona-blue-text-accent: #EBE7E5FF;
|
|
673
672
|
--on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
674
673
|
--on-light-persona-violet-text-accent: #EBE7E5FF;
|
|
675
674
|
--on-light-persona-violet-text-accent-hover: #CCCCCCFF;
|
|
@@ -679,8 +678,8 @@
|
|
|
679
678
|
--surface-accent-primary-hover: #CCCCCCFF;
|
|
680
679
|
--surface-accent-primary-active: #E6E6E6FF;
|
|
681
680
|
--on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
|
|
681
|
+
--on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
|
|
682
682
|
--on-light-surface-accent-primary: #527E4BFF;
|
|
683
|
-
--surface-warning-active: #E65705FF;
|
|
684
683
|
--on-dark-surface-accent-minor: #3E4C2FFF;
|
|
685
684
|
--on-light-surface-transparent-tertiary-active: #08080833;
|
|
686
685
|
--on-light-surface-accent-minor-hover: #D7FD91FF;
|
|
@@ -696,7 +695,7 @@
|
|
|
696
695
|
--on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
|
|
697
696
|
--on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
|
|
698
697
|
--inverse-text-accent-active: #629405FF;
|
|
699
|
-
--
|
|
698
|
+
--surface-warning-active: #E65705FF;
|
|
700
699
|
--on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
|
|
701
700
|
--on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
|
|
702
701
|
--on-light-surface-accent-primary-active: #E6E6E6FF;
|
|
@@ -719,7 +718,7 @@
|
|
|
719
718
|
--background-secondary-hover: #CCCCCCFF;
|
|
720
719
|
--outline-negative: #E83439FF;
|
|
721
720
|
--on-dark-text-tertiary: #F6F2F03D;
|
|
722
|
-
--on-light-
|
|
721
|
+
--on-light-text-accent-hover: #79B706FF;
|
|
723
722
|
--text-accent-minor-hover: #B6FB37FF;
|
|
724
723
|
--inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
|
|
725
724
|
--on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
|
|
@@ -742,7 +741,7 @@
|
|
|
742
741
|
--data-yellow-transparent-hover: #F3A8129E;
|
|
743
742
|
--on-dark-surface-negative: #F8A6A9FF;
|
|
744
743
|
--inverse-surface-info: #9BCAF8FF;
|
|
745
|
-
--on-
|
|
744
|
+
--on-light-outline-warning-hover: #FD9253FF;
|
|
746
745
|
--on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
747
746
|
--on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
|
|
748
747
|
--surface-transparent-accent-minor-brightness: #527E4B3D;
|
|
@@ -758,10 +757,10 @@
|
|
|
758
757
|
--surface-accent-primary-brightness: #527E4BFF;
|
|
759
758
|
--surface-accent-secondary-brightness: #688F61FF;
|
|
760
759
|
--on-light-outline-default-brightness: #DDD9D7FF;
|
|
761
|
-
--persona-pink-
|
|
760
|
+
--on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
|
|
762
761
|
--on-dark-text-accent-hover: #96E208FF;
|
|
763
762
|
--on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
|
|
764
|
-
--
|
|
763
|
+
--persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
765
764
|
--inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
|
|
766
765
|
--on-light-surface-accent-primary-hover: #CCCCCCFF;
|
|
767
766
|
--on-light-surface-accent-secondary-hover: #CCCCCCFF;
|
|
@@ -771,13 +770,7 @@
|
|
|
771
770
|
--on-dark-surface-accent-primary-hover: #CCCCCCFF;
|
|
772
771
|
--on-dark-surface-accent-secondary-hover: #CCCCCCFF;
|
|
773
772
|
--surface-transparent-accent-minor-hover: #CCCCCCFF;
|
|
774
|
-
--surface-
|
|
775
|
-
--surface-negative: #E83439FF;
|
|
776
|
-
--on-light-surface-transparent-card-hover: #FFFFFFFF;
|
|
777
|
-
--inverse-surface-solid-primary-hover: #1C1C1CFF;
|
|
778
|
-
--dark-background-primary: #080808;
|
|
779
|
-
--on-dark-data-yellow-minor-hover: #B87A00FF;
|
|
780
|
-
--on-light-outline-negative-active: #E40C22FF;
|
|
773
|
+
--inverse-surface-accent-secondary-hover: #CCCCCCFF;
|
|
781
774
|
--on-dark-surface-solid-primary-hover: #1C1C1CFF;
|
|
782
775
|
--inverse-background-secondary-active: #E6E6E6FF;
|
|
783
776
|
--persona-pink-text-accent-brightness: #EBE7E5FF;
|
|
@@ -787,9 +780,18 @@
|
|
|
787
780
|
--on-light-persona-pink-text-accent: #EBE7E5FF;
|
|
788
781
|
--on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
|
|
789
782
|
--surface-solid-default: #15110FFF;
|
|
783
|
+
--surface-accent-secondary-hover: #CCCCCCFF;
|
|
784
|
+
--surface-transparent-secondary-hover: #08080814;
|
|
785
|
+
--surface-negative: #E83439FF;
|
|
786
|
+
--on-light-surface-transparent-card-hover: #FFFFFFFF;
|
|
787
|
+
--inverse-surface-solid-primary-hover: #1C1C1CFF;
|
|
788
|
+
--dark-background-primary: #080808;
|
|
789
|
+
--on-dark-data-yellow-minor-hover: #B87A00FF;
|
|
790
|
+
--on-light-outline-negative-active: #E40C22FF;
|
|
790
791
|
--on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
|
|
791
792
|
--on-light-outline-transparent-primary: #15110F3D;
|
|
792
|
-
--surface-accent
|
|
793
|
+
--on-light-surface-transparent-accent: #527E4B1F;
|
|
794
|
+
--persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
|
|
793
795
|
--on-dark-surface-solid-primary-active: #121212FF;
|
|
794
796
|
--on-dark-surface-transparent-deep-active: #FFFFFF94;
|
|
795
797
|
--on-dark-surface-positive: #A6D2A2FF;
|
|
@@ -799,14 +801,11 @@
|
|
|
799
801
|
--on-light-outline-minor-active: #E6E6E6FF;
|
|
800
802
|
--on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
|
|
801
803
|
--on-dark-outline-transparent-primary: #FFFFFF1F;
|
|
802
|
-
--on-light-surface-transparent-accent: #527E4B1F;
|
|
803
|
-
--persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
|
|
804
804
|
color: var(--text-primary);
|
|
805
805
|
background-color: var(--background-primary);
|
|
806
806
|
}
|
|
807
807
|
|
|
808
808
|
:root {
|
|
809
|
-
--on-dark-surface-accent-gradient-active: #E6E6E6FF;
|
|
810
809
|
--surface-accent-gradient: linear-gradient(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
|
|
811
810
|
--surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
|
|
812
811
|
--surface-skeleton-gradient-hover: #FFFFFFFF;
|
|
@@ -815,6 +814,7 @@
|
|
|
815
814
|
--surface-skeleton-deep-gradient-hover: #FFFFFFFF;
|
|
816
815
|
--on-dark-surface-accent-gradient-hover: #CCCCCCFF;
|
|
817
816
|
--surface-skeleton-deep-gradient-active: #FFFFFFFF;
|
|
817
|
+
--on-dark-surface-accent-gradient-active: #E6E6E6FF;
|
|
818
818
|
--on-dark-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
|
|
819
819
|
--on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
|
|
820
820
|
--on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
|
|
@@ -824,7 +824,6 @@
|
|
|
824
824
|
--on-light-surface-accent-gradient-hover: #CCCCCCFF;
|
|
825
825
|
--on-light-surface-accent-gradient-active: #E6E6E6FF;
|
|
826
826
|
--on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
|
|
827
|
-
--on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
|
|
828
827
|
--on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
|
|
829
828
|
--inverse-surface-accent-gradient-hover: #CCCCCCFF;
|
|
830
829
|
--inverse-surface-accent-gradient-active: #E6E6E6FF;
|
|
@@ -836,6 +835,7 @@
|
|
|
836
835
|
--on-light-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
|
|
837
836
|
--on-light-surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
|
|
838
837
|
--on-light-surface-skeleton-gradient-active: #FFFFFFFF;
|
|
838
|
+
--on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
|
|
839
839
|
--outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
|
|
840
840
|
--on-dark-outline-accent-gradient-hover: #858585FF;
|
|
841
841
|
--on-dark-outline-accent-gradient-active: #666666FF;
|
|
@@ -846,7 +846,6 @@
|
|
|
846
846
|
--inverse-outline-accent-gradient-hover: #858585FF;
|
|
847
847
|
--inverse-outline-accent-gradient-active: #666666FF;
|
|
848
848
|
--on-light-outline-accent-gradient-active: #E6E6E6FF;
|
|
849
|
-
--on-dark-outline-transparent-surface-hover: #CCCCCCFF;
|
|
850
849
|
--on-dark-outline-transparent-surface-active: #E6E6E6FF;
|
|
851
850
|
--on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
852
851
|
--on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
@@ -874,7 +873,7 @@
|
|
|
874
873
|
--on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
|
|
875
874
|
--on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
876
875
|
--inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
|
|
877
|
-
--on-
|
|
876
|
+
--on-dark-outline-transparent-surface-hover: #CCCCCCFF;
|
|
878
877
|
--on-light-overlay-gradient-active: #E6E6E6FF;
|
|
879
878
|
--on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
|
|
880
879
|
--outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
@@ -893,23 +892,24 @@
|
|
|
893
892
|
--inverse-overlay-gradient-hover: #CCCCCCFF;
|
|
894
893
|
--inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
|
|
895
894
|
--on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
|
|
895
|
+
--on-light-overlay-gradient-hover: #CCCCCCFF;
|
|
896
896
|
--inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
|
|
897
897
|
--inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
|
|
898
898
|
--on-light-outline-accent-gradient-hover: #CCCCCCFF;
|
|
899
899
|
--surface-accent-gradient-hover: #CCCCCCFF;
|
|
900
900
|
--outline-accent-gradient-active: #E6E6E6FF;
|
|
901
901
|
--on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
|
|
902
|
-
--surface-accent-gradient-active: #E6E6E6FF;
|
|
903
902
|
--on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
|
|
903
|
+
--surface-accent-gradient-active: #E6E6E6FF;
|
|
904
904
|
--on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
|
|
905
905
|
}
|
|
906
906
|
|
|
907
907
|
:root {
|
|
908
|
-
--shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
|
|
909
908
|
--shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
|
|
910
909
|
--shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
|
|
911
910
|
--shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
|
|
912
911
|
--shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
|
|
912
|
+
--shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
|
|
913
913
|
--shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
|
|
914
914
|
--shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
|
|
915
915
|
--shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
|
|
@@ -921,13 +921,15 @@
|
|
|
921
921
|
|
|
922
922
|
:root {
|
|
923
923
|
--border-radius-xxl: 1.5rem;
|
|
924
|
+
--border-radius-4xl: 2rem;
|
|
925
|
+
--border-radius-5xl: 2.5rem;
|
|
924
926
|
--border-radius-3xl: 1.75rem;
|
|
925
927
|
--border-radius-l: 1rem;
|
|
926
928
|
--border-radius-xl: 1.25rem;
|
|
927
|
-
--border-radius-s: 0.5rem;
|
|
928
929
|
--border-radius-m: 0.75rem;
|
|
929
930
|
--border-radius-xxs: 0.25rem;
|
|
930
931
|
--border-radius-xs: 0.375rem;
|
|
932
|
+
--border-radius-s: 0.5rem;
|
|
931
933
|
--border-radius-circle: 624.9375rem;
|
|
932
934
|
}
|
|
933
935
|
|
|
@@ -935,9 +937,9 @@
|
|
|
935
937
|
--spacing-0x: 0rem;
|
|
936
938
|
--spacing-1x: 0.125rem;
|
|
937
939
|
--spacing-2x: 0.25rem;
|
|
938
|
-
--spacing-6x: 0.75rem;
|
|
939
940
|
--spacing-4x: 0.5rem;
|
|
940
941
|
--spacing-3x: 0.375rem;
|
|
942
|
+
--spacing-6x: 0.75rem;
|
|
941
943
|
--spacing-8x: 1rem;
|
|
942
944
|
--spacing-16x: 2rem;
|
|
943
945
|
--spacing-20x: 2.5rem;
|
|
@@ -957,9 +959,6 @@
|
|
|
957
959
|
--plasma-typo-body-font-family: 'Roboto', sans-serif;
|
|
958
960
|
--plasma-typo-header-font-family: 'Roboto', sans-serif;
|
|
959
961
|
--plasma-typo-text-font-family: 'undefined', sans-serif;
|
|
960
|
-
--plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
|
|
961
|
-
--plasma-typo-dspl-s-letter-spacing: normal;
|
|
962
|
-
--plasma-typo-dspl-s-font-style: normal;
|
|
963
962
|
--plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
|
|
964
963
|
--plasma-typo-h3-bold-letter-spacing: normal;
|
|
965
964
|
--plasma-typo-h3-bold-font-style: normal;
|
|
@@ -1008,6 +1007,9 @@
|
|
|
1008
1007
|
--plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
|
|
1009
1008
|
--plasma-typo-dspl-s-bold-letter-spacing: normal;
|
|
1010
1009
|
--plasma-typo-dspl-s-bold-font-style: normal;
|
|
1010
|
+
--plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
|
|
1011
|
+
--plasma-typo-dspl-s-letter-spacing: normal;
|
|
1012
|
+
--plasma-typo-dspl-s-font-style: normal;
|
|
1011
1013
|
--plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
|
|
1012
1014
|
--plasma-typo-dspl-s-medium-letter-spacing: normal;
|
|
1013
1015
|
--plasma-typo-dspl-s-medium-font-style: normal;
|
|
@@ -1015,9 +1017,6 @@
|
|
|
1015
1017
|
|
|
1016
1018
|
@media (max-width: 559px) {
|
|
1017
1019
|
:root {
|
|
1018
|
-
--plasma-typo-dspl-s-font-size: 2.125rem;
|
|
1019
|
-
--plasma-typo-dspl-s-font-weight: 400;
|
|
1020
|
-
--plasma-typo-dspl-s-line-height: 2.5625rem;
|
|
1021
1020
|
--plasma-typo-h3-bold-font-size: 1.25rem;
|
|
1022
1021
|
--plasma-typo-h3-bold-font-weight: 700;
|
|
1023
1022
|
--plasma-typo-h3-bold-line-height: 1.4375rem;
|
|
@@ -1066,6 +1065,9 @@
|
|
|
1066
1065
|
--plasma-typo-dspl-s-bold-font-size: 2.125rem;
|
|
1067
1066
|
--plasma-typo-dspl-s-bold-font-weight: 700;
|
|
1068
1067
|
--plasma-typo-dspl-s-bold-line-height: 2.5625rem;
|
|
1068
|
+
--plasma-typo-dspl-s-font-size: 2.125rem;
|
|
1069
|
+
--plasma-typo-dspl-s-font-weight: 400;
|
|
1070
|
+
--plasma-typo-dspl-s-line-height: 2.5625rem;
|
|
1069
1071
|
--plasma-typo-dspl-s-medium-font-size: 2.125rem;
|
|
1070
1072
|
--plasma-typo-dspl-s-medium-font-weight: 500;
|
|
1071
1073
|
--plasma-typo-dspl-s-medium-line-height: 2.5625rem;
|
|
@@ -1083,9 +1085,6 @@
|
|
|
1083
1085
|
--plasma-typo-dspl-s-font-size: 2.125rem;
|
|
1084
1086
|
--plasma-typo-dspl-s-font-weight: 400;
|
|
1085
1087
|
--plasma-typo-dspl-s-line-height: 2.5625rem;
|
|
1086
|
-
--plasma-typo-h3-medium-font-size: 1.25rem;
|
|
1087
|
-
--plasma-typo-h3-medium-font-weight: 500;
|
|
1088
|
-
--plasma-typo-h3-medium-line-height: 1.4375rem;
|
|
1089
1088
|
--plasma-typo-h3-font-size: 1.25rem;
|
|
1090
1089
|
--plasma-typo-h3-font-weight: 400;
|
|
1091
1090
|
--plasma-typo-h3-line-height: 1.4375rem;
|
|
@@ -1128,6 +1127,9 @@
|
|
|
1128
1127
|
--plasma-typo-h3-bold-font-size: 1.25rem;
|
|
1129
1128
|
--plasma-typo-h3-bold-font-weight: 600;
|
|
1130
1129
|
--plasma-typo-h3-bold-line-height: 1.4375rem;
|
|
1130
|
+
--plasma-typo-h3-medium-font-size: 1.25rem;
|
|
1131
|
+
--plasma-typo-h3-medium-font-weight: 500;
|
|
1132
|
+
--plasma-typo-h3-medium-line-height: 1.4375rem;
|
|
1131
1133
|
}
|
|
1132
1134
|
}
|
|
1133
1135
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Button.
|
|
1
|
+
import './Button.config_9i8t1d.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
@@ -8,14 +8,14 @@ var config = {
|
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
10
|
clear: "c1fnkof5",
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
accent: "a1129msw",
|
|
12
|
+
secondary: "sbaqjet",
|
|
13
|
+
"default": "dmxfxlw"
|
|
14
14
|
},
|
|
15
15
|
size: {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
m: "mleczrv",
|
|
17
|
+
l: "llekduy",
|
|
18
|
+
xl: "x1yfa47j"
|
|
19
19
|
},
|
|
20
20
|
shape: {
|
|
21
21
|
rounded: "rsb1lec",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n shape: 'rounded',\n },\n variations: {\n view: {\n clear: css`\n ${buttonTokens.
|
|
1
|
+
{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n shape: 'rounded',\n },\n variations: {\n view: {\n clear: css`\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${buttonTokens.buttonColor}: var(--text-primary);\n `,\n accent: css`\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n ${buttonTokens.buttonSpinnerColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-accent);\n `,\n secondary: css`\n ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonColor}: var(--text-primary);\n `,\n default: css`\n ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonSpinnerColor}: var(--inverse-text-primary);\n `,\n },\n size: {\n m: css`\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonRadius}: var(--border-radius-m);\n ${buttonTokens.buttonValueMargin}: 0.125rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonLeftContentMargin}: 0.375rem;\n ${buttonTokens.buttonRightContentMargin}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-bold-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-bold-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-bold-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-bold-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-bold-line-height);\n `,\n l: css`\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n ${buttonTokens.buttonValueMargin}: 0.125rem;\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonRadius}: var(--border-radius-l);\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonLeftContentMargin}: 0.5rem;\n ${buttonTokens.buttonRightContentMargin}: 0.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonHeight}: 3.5rem;\n `,\n xl: css`\n ${buttonTokens.buttonLeftContentMargin}: 0.625rem;\n ${buttonTokens.buttonRightContentMargin}: 0.625rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonValueMargin}: 0.125rem;\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonRadius}: var(--border-radius-l);\n ${buttonTokens.buttonHeight}: 4rem;\n `,\n },\n shape: {\n rounded: css``,\n pilled: css`\n ${buttonTokens.buttonRadius}: var(--border-radius-circle);\n `,\n },\n },\n invariants: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n ${buttonTokens.buttonFocusColor}: var(--text-accent);\n `,\n};\n"],"names":["config","defaults","view","size","shape","variations","clear","accent","secondary","default","m","l","xl","rounded","pilled","invariants"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,SAAS,EAQR,SAAA;MACDC,SAAO,EAAA,SAAA;KASV;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAgBL;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,OAAO,EAAO,SAAA;AACdC,MAAAA,MAAM,EAAA,UAAA;AAGV,KAAA;GACH;AACDC,EAAAA,UAAU,EAAA,UAAA;AAId;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
.c1fnkof5{--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);--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-color:var(--text-primary);}
|
|
2
|
+
.a1129msw{--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-spinner-color:var(--on-dark-text-primary);--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-loading-background-color:var(--surface-accent);}
|
|
3
|
+
.sbaqjet{--plasma-button-spinner-color:var(--text-primary);--plasma-button-background-color:var(--surface-transparent-secondary);--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-loading-background-color:var(--surface-transparent-secondary);--plasma-button-color:var(--text-primary);}
|
|
4
|
+
.dmxfxlw{--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-active:var(--surface-solid-default-active);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-spinner-color:var(--inverse-text-primary);}
|
|
5
|
+
.mleczrv{--plasma-button-spinner-size:1.375rem;--plasma-button-height:3rem;--plasma-button-radius:var(--border-radius-m);--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.25rem;--plasma-button-width:11.25rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;--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);}
|
|
6
|
+
.llekduy{--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-value-margin:0.125rem;--plasma-button-spinner-size:1.375rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-width:12.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-padding:1.5rem;--plasma-button-height:3.5rem;}
|
|
7
|
+
.x1yfa47j{--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-width:12.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-padding:1.75rem;--plasma-button-value-margin:0.125rem;--plasma-button-spinner-size:1.5rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-height:4rem;}
|
|
8
|
+
|
|
9
|
+
.p123wpoi{--plasma-button-radius:var(--border-radius-circle);}
|
|
10
|
+
.i1w797f8{--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--text-accent);}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.Button_config_9i8t1d_c1fnkof5__60dc89f8{--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);--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-color:var(--text-primary);}
|
|
2
|
+
.Button_config_9i8t1d_a1129msw__60dc89f8{--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-spinner-color:var(--on-dark-text-primary);--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-loading-background-color:var(--surface-accent);}
|
|
3
|
+
.Button_config_9i8t1d_sbaqjet__60dc89f8{--plasma-button-spinner-color:var(--text-primary);--plasma-button-background-color:var(--surface-transparent-secondary);--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-loading-background-color:var(--surface-transparent-secondary);--plasma-button-color:var(--text-primary);}
|
|
4
|
+
.Button_config_9i8t1d_dmxfxlw__60dc89f8{--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-active:var(--surface-solid-default-active);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-spinner-color:var(--inverse-text-primary);}
|
|
5
|
+
.Button_config_9i8t1d_mleczrv__60dc89f8{--plasma-button-spinner-size:1.375rem;--plasma-button-height:3rem;--plasma-button-radius:var(--border-radius-m);--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.25rem;--plasma-button-width:11.25rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;--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);}
|
|
6
|
+
.Button_config_9i8t1d_llekduy__60dc89f8{--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-value-margin:0.125rem;--plasma-button-spinner-size:1.375rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-width:12.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-padding:1.5rem;--plasma-button-height:3.5rem;}
|
|
7
|
+
.Button_config_9i8t1d_x1yfa47j__60dc89f8{--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-width:12.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-padding:1.75rem;--plasma-button-value-margin:0.125rem;--plasma-button-spinner-size:1.5rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-height:4rem;}
|
|
8
8
|
|
|
9
|
-
.
|
|
10
|
-
.
|
|
9
|
+
.Button_config_9i8t1d_p123wpoi__60dc89f8{--plasma-button-radius:var(--border-radius-circle);}
|
|
10
|
+
.Button_config_9i8t1d_i1w797f8__60dc89f8{--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--text-accent);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Checkbox.
|
|
1
|
+
import './Checkbox.config_usbc5o.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'accent',
|
|
@@ -6,12 +6,12 @@ var config = {
|
|
|
6
6
|
},
|
|
7
7
|
variations: {
|
|
8
8
|
view: {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
negative: "n1rbd3p5",
|
|
10
|
+
accent: "a1b31az7"
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
m: "mhc94kv",
|
|
14
|
+
s: "suukuk0",
|
|
15
15
|
l: "l527yke"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.config.js","sources":["../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n },\n variations: {\n view: {\n
|
|
1
|
+
{"version":3,"file":"Checkbox.config.js","sources":["../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n },\n variations: {\n view: {\n negative: css`\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderColor}: var(--text-negative);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n ${checkboxTokens.fillColor}: var(--text-negative);\n `,\n accent: css`\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.fillColor}: var(--text-accent);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${checkboxTokens.margin}: 0rem;\n ${checkboxTokens.triggerBorderRadius}: var(--border-radius-xs);\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n `,\n s: css`\n ${checkboxTokens.triggerSize}: 0.875rem;\n ${checkboxTokens.triggerPadding}: 0.0625rem;\n ${checkboxTokens.contentTopOffset}: 0rem;\n ${checkboxTokens.triggerBorderRadius}: var(--border-radius-xxs);\n ${checkboxTokens.contentLeftOffset}: 0.5rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.triggerBorderWidth}: 0.0625rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.margin}: 0rem;\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: var(--border-radius-xs);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.margin}: 0rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n `,\n },\n },\n invariants: css`\n ${checkboxTokens.disabledOpacity}: 0.4;\n ${checkboxTokens.focusColor}: var(--text-accent);\n `,\n};\n"],"names":["config","defaults","view","size","variations","negative","accent","m","s","l","invariants"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAST;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAqBA,SAAA;AACDC,MAAAA,CAAC,EAqBA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;AAsBL,KAAA;GACH;AACDC,EAAAA,UAAU,EAAA,UAAA;AAId;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
.n1rbd3p5{--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-negative);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-trigger-border-checked-color:transparent;--plasma-checkbox-fill-color:var(--text-negative);}
|
|
2
|
+
.a1b31az7{--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-trigger-border-color:var(--text-secondary);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-trigger-border-checked-color:transparent;--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-description-color:var(--text-secondary);}
|
|
3
|
+
.mhc94kv{--plasma-checkbox-margin:0rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--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-trigger-size:1.25rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--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-description-margin-top:0.125rem;--plasma-checkbox-trigger-padding:0.125rem;}
|
|
4
|
+
.suukuk0{--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-padding:0.0625rem;--plasma-checkbox-content-top-offset:0rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xxs);--plasma-checkbox-content-left-offset:0.5rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-trigger-border-width:0.0625rem;--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-margin:0rem;--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);}
|
|
5
|
+
.l527yke{--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--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-trigger-border-width:0.125rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-margin:0rem;--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-content-left-offset:0.75rem;}
|
|
6
|
+
.i14xqe1f{--plasma-checkbox-disabled-opacity:0.4;--plasma-checkbox-focus-color:var(--text-accent);}
|