@salutejs-ds/sdds_sbcom 0.1.13 → 0.1.15

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.
Files changed (102) hide show
  1. package/components/Button/Button.config.d.ts +1 -1
  2. package/components/Button/Button.config.js +4 -4
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1b1uwtc.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +1 -1
  7. package/components/Checkbox/Checkbox.config.js +1 -1
  8. package/components/Checkbox/Checkbox.config.js.map +1 -1
  9. package/components/Checkbox/Checkbox.config_by8n89.css +6 -0
  10. package/components/Checkbox/Checkbox.css +6 -6
  11. package/components/Counter/Counter.config.d.ts +4 -4
  12. package/components/Counter/Counter.config.js +9 -9
  13. package/components/Counter/Counter.config.js.map +1 -1
  14. package/components/Counter/Counter.config_1dmfqg0.css +11 -0
  15. package/components/Counter/Counter.css +10 -10
  16. package/components/Counter/Counter.d.ts +4 -4
  17. package/components/IconButton/IconButton.config.d.ts +3 -3
  18. package/components/IconButton/IconButton.config.js +9 -9
  19. package/components/IconButton/IconButton.config.js.map +1 -1
  20. package/components/IconButton/IconButton.config_108pkgf.css +9 -0
  21. package/components/IconButton/IconButton.css +8 -8
  22. package/components/IconButton/IconButton.d.ts +3 -3
  23. package/components/Link/Link.config.d.ts +1 -1
  24. package/components/Link/Link.config.js +4 -4
  25. package/components/Link/Link.config.js.map +1 -1
  26. package/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
  27. package/components/Link/Link.css +8 -8
  28. package/components/Link/Link.d.ts +1 -1
  29. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  30. package/components/Radiobox/Radiobox.config.js +4 -4
  31. package/components/Radiobox/Radiobox.config.js.map +1 -1
  32. package/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
  33. package/components/Radiobox/Radiobox.css +6 -6
  34. package/components/Radiobox/Radiobox.d.ts +1 -1
  35. package/css/sdds_sbcom.module.css +245 -229
  36. package/css/sdds_sbcom__dark.css +139 -131
  37. package/css/sdds_sbcom__light.css +141 -133
  38. package/es/components/Button/Button.config.js +4 -4
  39. package/es/components/Button/Button.config.js.map +1 -1
  40. package/es/components/Button/Button.config_1b1uwtc.css +10 -0
  41. package/es/components/Button/Button.css +9 -9
  42. package/es/components/Checkbox/Checkbox.config.js +1 -1
  43. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  44. package/es/components/Checkbox/Checkbox.config_by8n89.css +6 -0
  45. package/es/components/Checkbox/Checkbox.css +6 -6
  46. package/es/components/Counter/Counter.config.js +9 -9
  47. package/es/components/Counter/Counter.config.js.map +1 -1
  48. package/es/components/Counter/Counter.config_1dmfqg0.css +11 -0
  49. package/es/components/Counter/Counter.css +10 -10
  50. package/es/components/IconButton/IconButton.config.js +9 -9
  51. package/es/components/IconButton/IconButton.config.js.map +1 -1
  52. package/es/components/IconButton/IconButton.config_108pkgf.css +9 -0
  53. package/es/components/IconButton/IconButton.css +8 -8
  54. package/es/components/Link/Link.config.js +4 -4
  55. package/es/components/Link/Link.config.js.map +1 -1
  56. package/es/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
  57. package/es/components/Link/Link.css +8 -8
  58. package/es/components/Radiobox/Radiobox.config.js +4 -4
  59. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  60. package/es/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
  61. package/es/components/Radiobox/Radiobox.css +6 -6
  62. package/es/index.css +55 -55
  63. package/es/index.js +1 -1
  64. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  65. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  66. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  67. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  68. package/es/theme/tokens/index.js +431 -407
  69. package/es/theme/tokens/index.js.map +1 -1
  70. package/index.css +55 -55
  71. package/index.js +8 -0
  72. package/index.js.map +1 -1
  73. package/package.json +1 -1
  74. package/styled-components/cjs/Button/Button.config.js +7 -7
  75. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  76. package/styled-components/cjs/Counter/Counter.config.js +9 -9
  77. package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
  78. package/styled-components/cjs/Link/Link.config.js +4 -4
  79. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  80. package/styled-components/es/Button/Button.config.js +7 -7
  81. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  82. package/styled-components/es/Counter/Counter.config.js +9 -9
  83. package/styled-components/es/IconButton/IconButton.config.js +8 -8
  84. package/styled-components/es/Link/Link.config.js +4 -4
  85. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  86. package/theme/themes/sdds_sbcom__dark.js +1 -1
  87. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  88. package/theme/themes/sdds_sbcom__light.js +1 -1
  89. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  90. package/theme/tokens/index.d.ts +363 -347
  91. package/theme/tokens/index.js +438 -406
  92. package/theme/tokens/index.js.map +1 -1
  93. package/components/Button/Button.config_1nf8fsa.css +0 -10
  94. package/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
  95. package/components/Counter/Counter.config_ebr9b5.css +0 -11
  96. package/components/IconButton/IconButton.config_145mdq5.css +0 -9
  97. package/components/Radiobox/Radiobox.config_jinig9.css +0 -6
  98. package/es/components/Button/Button.config_1nf8fsa.css +0 -10
  99. package/es/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
  100. package/es/components/Counter/Counter.config_ebr9b5.css +0 -11
  101. package/es/components/IconButton/IconButton.config_145mdq5.css +0 -9
  102. package/es/components/Radiobox/Radiobox.config_jinig9.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -1,85 +1,66 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
- --on-dark-personas-green-text-accent: #6CD5BB;
5
- --surface-transparent-accent-minor-hover: #0BA88866;
6
4
  --on-light-outline-primary-hover: #ADA39FFF;
7
5
  --inverse-outline-default-active: #E6E6E6FF;
8
6
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
9
7
  --inverse-personas-violet-text-accent-active: #81288FFF;
10
- --on-dark-surface-transparent-navi-active: #2424248A;
11
- --inverse-outline-primary-active: #C4BEBAFF;
12
8
  --on-light-outline-default-hover: #CCCCCCFF;
13
9
  --on-dark-outline-default-hover: #666666FF;
14
10
  --on-dark-outline-default-active: #292929FF;
15
11
  --personas-green-text-accent-hover: #04C396FF;
16
12
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
17
13
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
18
- --on-light-surface-accent-secondary-active: #3CAF94FF;
19
14
  --surface-transparent-navi-active: #2424248A;
20
15
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
21
16
  --on-light-personas-green-text-accent-active: #04AF87FF;
22
17
  --outline-default-active: #666666FF;
23
18
  --on-dark-outline-primary-active: #2B2827FF;
24
19
  --personas-olive-text-accent-active: #7DC07CFF;
25
- --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
26
20
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
27
- --inverse-surface-transparent-navi-active: #FFFFFFAD;
28
- --on-light-personas-olive-text-accent-active: #179315FF;
29
21
  --on-light-personas-violet-text-accent-active: #81288FFF;
30
22
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
31
23
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
32
- --inverse-personas-green-text-accent-hover: #8CDECAFF;
33
24
  --on-light-personas-pink-text-accent-hover: #E47777FF;
34
25
  --surface-accent-secondary-hover: #70CDB7FF;
35
- --personas-pink-text-accent-active: #D83B3BFF;
36
26
  --personas-indigo-text-accent-hover: #E8DAFCFF;
37
27
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
38
28
  --on-light-outline-primary: #DDD9D7;
39
29
  --inverse-outline-default: #FFFFFF;
40
30
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
41
- --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
42
31
  --on-light-personas-indigo-text-accent-hover: #000000FF;
43
- --on-light-personas-indigo-text-accent-active: #5B2999FF;
44
32
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
45
- --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
46
- --on-light-outline-default: #FFFFFF;
47
33
  --personas-ochre-text-accent-active: #F19F7EFF;
48
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
49
34
  --inverse-background-hardline: #000000;
50
- --on-dark-surface-transparent-accent-minor-active: #0BA88838;
51
35
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
52
36
  --surface-transparent-navi: #23232399;
53
- --on-light-surface-accent-secondary: #41BDA1;
54
37
  --personas-violet-text-accent-active: #892B97FF;
55
38
  --personas-blue-text-accent-hover: #C3DDF9FF;
56
39
  --outline-default: #FFFFFF;
57
40
  --text-primary-brightness-active: #FAFAFAC4;
58
- --surface-solid-card-brightness-hover: #303030FF;
59
41
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
60
42
  --surface-solid-card-brightness-active: #212121FF;
61
43
  --surface-solid-primary-brightness-hover: #303030FF;
62
44
  --surface-transparent-card-brightness-active: #FAFAFA0A;
63
- --on-dark-surface-solid-primary-brightness-active: #212121FF;
45
+ --surface-solid-card-brightness-hover: #303030FF;
64
46
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
65
47
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
66
48
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
67
49
  --on-dark-surface-solid-card-brightness-active: #212121FF;
68
50
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
69
51
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
70
- --outline-primary: #DDD9D7;
71
52
  --inverse-personas-indigo-text-accent: #BD91F5;
72
53
  --inverse-personas-pink-text-accent: #F7A4A4;
73
- --on-light-outline-positive-active: #20801EFF;
74
54
  --personas-olive-text-accent: #93CB92;
55
+ --on-light-outline-positive-active: #20801EFF;
75
56
  --inverse-personas-ochre-text-accent: #D15A11;
57
+ --on-dark-personas-olive-text-accent: #93CB92;
76
58
  --surface-solid-tertiary-active: #424242FF;
77
59
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
78
- --on-dark-personas-olive-text-accent: #93CB92;
60
+ --inverse-surface-transparent-navi: #FFFFFF99;
79
61
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
80
62
  --text-primary: #FFFFFFFC;
81
63
  --on-dark-text-accent-minor-hover: #60C7AFFF;
82
- --inverse-surface-transparent-navi: #FFFFFF99;
83
64
  --on-light-personas-olive-text-accent: #127210;
84
65
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
85
66
  --on-dark-surface-accent-minor-active: #043F34FF;
@@ -88,12 +69,11 @@
88
69
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
89
70
  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
90
71
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
91
- --on-light-personas-violet-text-accent: #9E32AF;
72
+ --outline-primary: #DDD9D7;
92
73
  --on-light-personas-ochre-text-accent: #D15A11;
93
74
  --on-dark-personas-indigo-text-accent: #BD91F5;
94
75
  --on-dark-surface-accent-secondary: #61C8B0;
95
76
  --inverse-personas-green-text-accent: #6CD5BB;
96
- --on-light-personas-pink-text-accent: #DE5555;
97
77
  --surface-accent-secondary: #61C8B0;
98
78
  --surface-accent-minor: #04473B;
99
79
  --on-dark-surface-solid-tertiary-active: #424242FF;
@@ -102,22 +82,17 @@
102
82
  --on-light-surface-accent-minor: #D0F2E9;
103
83
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
104
84
  --on-light-outline-warning-active: #A3420AFF;
105
- --inverse-surface-accent-minor: #D0F2E9;
85
+ --on-light-personas-violet-text-accent: #9E32AF;
106
86
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
107
87
  --on-dark-surface-accent-minor-hover: #055C4CFF;
108
88
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
109
- --on-dark-personas-blue-text-accent: #79B3F2;
110
- --on-light-personas-indigo-text-accent: #7133BE;
89
+ --inverse-surface-accent-minor: #D0F2E9;
111
90
  --on-light-personas-sea-blue-text-accent: #00898D;
112
- --inverse-personas-olive-text-accent: #127210;
113
91
  --personas-ochre-text-accent: #F4B49B;
114
92
  --on-dark-surface-transparent-accent-minor: #0BA68647;
115
93
  --on-dark-personas-violet-text-accent: #E19DED;
116
94
  --on-light-surface-transparent-navi: #FFFFFF99;
117
- --on-dark-personas-sea-blue-text-accent: #7BC8C8;
118
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
119
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
120
- --on-light-outline-default-active: #E6E6E6FF;
95
+ --on-dark-personas-blue-text-accent: #79B3F2;
121
96
  --personas-green-text-accent-active: #03A57FFF;
122
97
  --personas-sea-blue-text-accent-active: #00A8ADFF;
123
98
  --inverse-surface-accent-secondary-active: #3CAF94FF;
@@ -140,24 +115,17 @@
140
115
  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
141
116
  --on-light-surface-transparent-accent-minor: #0BA6863D;
142
117
  --on-light-personas-green-text-accent: #038768;
143
- --text-primary-brightness-hover: #FAFAFA93;
144
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
145
- --on-light-text-warning-active: #6F2D06FF;
146
118
  --on-light-outline-primary-active: #C4BEBAFF;
147
119
  --inverse-personas-blue-text-accent-active: #0D4F96FF;
148
120
  --inverse-surface-transparent-accent-minor-active: #0BA8885C;
149
- --inverse-personas-sea-blue-text-accent-hover: #000000FF;
150
- --inverse-personas-blue-text-accent-hover: #1477E1FF;
151
- --inverse-personas-violet-text-accent-hover: #B740C9FF;
152
- --inverse-surface-transparent-accent-minor-hover: #0BA88857;
153
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
154
- --on-dark-surface-transparent-navi-hover: #242424B8;
155
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
156
- --surface-transparent-navi-hover: #242424B8;
157
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
121
+ --text-primary-brightness-hover: #FAFAFA93;
122
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
123
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
124
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
125
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
126
+ --on-light-outline-default-active: #E6E6E6FF;
127
+ --on-light-text-warning-active: #6F2D06FF;
158
128
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
159
- --outline-default-hover: #858585FF;
160
- --on-dark-outline-primary-hover: #6B6461FF;
161
129
  --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
162
130
  --outline-primary-hover: #91847EFF;
163
131
  --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
@@ -176,32 +144,43 @@
176
144
  --inverse-outline-default-hover: #CCCCCCFF;
177
145
  --personas-violet-text-accent: #9E32AF;
178
146
  --inverse-outline-primary-hover: #ADA39FFF;
147
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
148
+ --inverse-personas-blue-text-accent-hover: #1477E1FF;
149
+ --inverse-personas-violet-text-accent-hover: #B740C9FF;
150
+ --inverse-surface-transparent-accent-minor-hover: #0BA88857;
151
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
152
+ --on-dark-surface-transparent-navi-hover: #242424B8;
153
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
154
+ --surface-transparent-navi-hover: #242424B8;
155
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
156
+ --outline-default-hover: #858585FF;
157
+ --on-dark-outline-primary-hover: #6B6461FF;
158
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
159
+ --inverse-personas-blue-text-accent: #1063BA;
160
+ --personas-blue-text-accent-active: #5DA3EFFF;
179
161
  --surface-accent-secondary-active: #59C5ACFF;
180
162
  --surface-transparent-accent-minor: #0BA68647;
181
163
  --inverse-personas-sea-blue-text-accent: #7BC8C8;
182
164
  --on-dark-personas-pink-text-accent: #F7A4A4;
183
- --on-light-text-primary-brightness-hover: #17171793;
184
- --inverse-text-primary-brightness-hover: #17171793;
185
- --surface-solid-primary-brightness-active: #212121FF;
186
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
187
- --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
188
165
  --personas-pink-text-accent: #DE5555;
189
- --personas-blue-text-accent: #79B3F2;
190
- --personas-sea-blue-text-accent: #00898D;
191
- --personas-violet-text-accent-hover: #B438C7FF;
192
- --background-hardline: #000000;
193
- --inverse-personas-blue-text-accent: #1063BA;
194
- --inverse-personas-violet-text-accent: #9E32AF;
195
- --inverse-surface-transparent-accent-minor: #0BA68647;
196
- --on-light-personas-blue-text-accent: #1063BA;
197
166
  --on-dark-surface-transparent-navi: #23232399;
198
167
  --inverse-outline-primary: #DDD9D7;
199
168
  --inverse-personas-olive-text-accent-active: #179315FF;
200
169
  --on-dark-outline-default: #383838;
201
170
  --personas-green-text-accent: #038768;
202
- --personas-blue-text-accent-active: #5DA3EFFF;
203
171
  --dark-background-hardline: #000000;
204
172
  --on-dark-outline-primary: #3B3735;
173
+ --personas-blue-text-accent: #79B3F2;
174
+ --personas-sea-blue-text-accent: #00898D;
175
+ --personas-violet-text-accent-hover: #B438C7FF;
176
+ --background-hardline: #000000;
177
+ --on-light-text-primary-brightness-hover: #17171793;
178
+ --inverse-text-primary-brightness-hover: #17171793;
179
+ --surface-solid-primary-brightness-active: #212121FF;
180
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
181
+ --inverse-personas-violet-text-accent: #9E32AF;
182
+ --inverse-surface-transparent-accent-minor: #0BA68647;
183
+ --on-light-personas-blue-text-accent: #1063BA;
205
184
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
206
185
  --on-light-text-primary-brightness-active: #171717C4;
207
186
  --inverse-text-primary-brightness-active: #171717C4;
@@ -209,7 +188,27 @@
209
188
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
210
189
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
211
190
  --personas-pink-text-accent-hover: #E26E6EFF;
212
- --text-paragraph-active: #F5F1EF93;
191
+ --on-dark-personas-green-text-accent: #6CD5BB;
192
+ --surface-transparent-accent-minor-hover: #0BA88866;
193
+ --on-dark-surface-transparent-navi-active: #2424248A;
194
+ --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
195
+ --inverse-surface-transparent-navi-active: #FFFFFFAD;
196
+ --on-light-personas-olive-text-accent-active: #179315FF;
197
+ --personas-pink-text-accent-active: #D83B3BFF;
198
+ --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
199
+ --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
200
+ --on-light-outline-default: #FFFFFF;
201
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
202
+ --on-light-surface-accent-secondary: #41BDA1;
203
+ --on-light-personas-pink-text-accent: #DE5555;
204
+ --inverse-personas-olive-text-accent: #127210;
205
+ --inverse-outline-primary-active: #C4BEBAFF;
206
+ --on-light-surface-accent-secondary-active: #3CAF94FF;
207
+ --on-dark-surface-transparent-accent-minor-active: #0BA88838;
208
+ --on-dark-surface-solid-primary-brightness-active: #212121FF;
209
+ --on-light-personas-indigo-text-accent: #7133BE;
210
+ --inverse-personas-green-text-accent-hover: #8CDECAFF;
211
+ --on-light-personas-indigo-text-accent-active: #5B2999FF;
213
212
  --text-accent: #61C8B0;
214
213
  --text-accent-hover: #77CFBBFF;
215
214
  --text-accent-active: #4ABFA4FF;
@@ -238,7 +237,7 @@
238
237
  --text-primary-brightness: #FAFAFAF5;
239
238
  --text-paragraph: #F6F2F07A;
240
239
  --text-paragraph-hover: #F5F1EFFF;
241
- --on-dark-text-paragraph-active: #F5F1EF93;
240
+ --text-paragraph-active: #F5F1EF93;
242
241
  --on-dark-text-accent: #61C8B0ED;
243
242
  --on-dark-text-accent-hover: #60C7AF8E;
244
243
  --on-dark-text-accent-active: #60C7AFBE;
@@ -268,7 +267,7 @@
268
267
  --on-dark-text-primary-hover: #FFFFFF97;
269
268
  --on-dark-text-paragraph: #F6F2F07A;
270
269
  --on-dark-text-paragraph-hover: #F5F1EFFF;
271
- --on-light-text-primary-brightness: #171717F5;
270
+ --on-dark-text-paragraph-active: #F5F1EF93;
272
271
  --on-light-text-secondary: #15110FA3;
273
272
  --on-light-text-secondary-hover: #15110FFF;
274
273
  --on-light-text-secondary-active: #15110FC4;
@@ -292,6 +291,7 @@
292
291
  --on-light-text-primary: #15110FFC;
293
292
  --on-light-text-primary-hover: #15110F97;
294
293
  --on-light-text-primary-active: #15110FCA;
294
+ --on-light-text-primary-brightness: #171717F5;
295
295
  --inverse-text-primary: #15110FFC;
296
296
  --inverse-text-primary-hover: #15110F97;
297
297
  --inverse-text-primary-active: #15110FCA;
@@ -317,7 +317,6 @@
317
317
  --on-light-text-info-hover: #000000FF;
318
318
  --on-light-text-info-active: #194B85FF;
319
319
  --on-light-text-negative-hover: #E3353BFF;
320
- --inverse-text-negative-active: #AF181DFF;
321
320
  --inverse-text-info: #205EA5;
322
321
  --inverse-text-info-hover: #000000FF;
323
322
  --inverse-text-info-active: #194B85FF;
@@ -338,7 +337,7 @@
338
337
  --inverse-text-positive-active: #185E17FF;
339
338
  --inverse-text-negative: #D11D23;
340
339
  --inverse-text-negative-hover: #E3353BFF;
341
- --surface-transparent-secondary-active: #FFFFFF1A;
340
+ --inverse-text-negative-active: #AF181DFF;
342
341
  --surface-transparent-tertiary: #FFFFFF3D;
343
342
  --surface-transparent-tertiary-hover: #FFFFFF5C;
344
343
  --surface-transparent-tertiary-active: #FFFFFF2E;
@@ -372,7 +371,7 @@
372
371
  --surface-transparent-primary-active: #FFFFFF0F;
373
372
  --surface-transparent-secondary: #FFFFFF29;
374
373
  --surface-transparent-secondary-hover: #FFFFFF47;
375
- --surface-warning-active: #F8A977FF;
374
+ --surface-transparent-secondary-active: #FFFFFF1A;
376
375
  --surface-negative: #F8A6A9;
377
376
  --surface-negative-hover: #F9B8BAFF;
378
377
  --surface-negative-active: #F79C9FFF;
@@ -384,7 +383,8 @@
384
383
  --surface-positive-hover: #B3D9B0FF;
385
384
  --surface-warning: #F8AD80;
386
385
  --surface-warning-hover: #F9BB94FF;
387
- --surface-transparent-negative: #F8A6A980;
386
+ --surface-warning-active: #F8A977FF;
387
+ --surface-transparent-negative-hover: #F8A5A89E;
388
388
  --surface-read-only: #F9F9F905;
389
389
  --surface-read-only-hover: #FAFAFA0F;
390
390
  --surface-read-only-active: #FAFAFA00;
@@ -397,7 +397,8 @@
397
397
  --on-dark-surface-solid-secondary-active: #242424FF;
398
398
  --on-dark-surface-solid-tertiary: #474747;
399
399
  --on-dark-surface-solid-tertiary-hover: #525252FF;
400
- --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
400
+ --surface-transparent-negative-active: #F8A5A870;
401
+ --surface-transparent-negative: #F8A6A980;
401
402
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
402
403
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
403
404
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
@@ -426,7 +427,7 @@
426
427
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
427
428
  --on-dark-surface-transparent-secondary: #FFFFFF29;
428
429
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
429
- --on-dark-surface-positive: #A6D2A2;
430
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
430
431
  --on-dark-surface-positive-hover: #B3D9B0FF;
431
432
  --on-dark-surface-positive-active: #9FCF9BFF;
432
433
  --on-dark-surface-warning: #F8AD80;
@@ -441,6 +442,7 @@
441
442
  --on-dark-surface-transparent-accent-active: #0BA88824;
442
443
  --on-dark-surface-transparent-accent: #0BA68633;
443
444
  --on-dark-surface-transparent-accent-hover: #0BA88852;
445
+ --on-dark-surface-positive: #A6D2A2;
444
446
  --on-dark-surface-read-only: #F9F9F905;
445
447
  --on-dark-surface-read-only-hover: #FAFAFA0F;
446
448
  --on-dark-surface-read-only-active: #FAFAFA00;
@@ -453,8 +455,9 @@
453
455
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
454
456
  --on-light-surface-solid-tertiary: #FFFFFF;
455
457
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
458
+ --on-dark-surface-transparent-negative-active: #F8A5A870;
456
459
  --on-dark-surface-transparent-negative: #F8A6A980;
457
- --on-light-surface-transparent-secondary-active: #15110F1F;
460
+ --on-dark-surface-transparent-negative-hover: #F8A5A89E;
458
461
  --on-light-surface-transparent-tertiary: #15110F1F;
459
462
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
460
463
  --on-light-surface-transparent-tertiary-active: #15110F33;
@@ -483,6 +486,7 @@
483
486
  --on-light-surface-transparent-primary-active: #15110F0F;
484
487
  --on-light-surface-transparent-secondary: #15110F14;
485
488
  --on-light-surface-transparent-secondary-hover: #15110F1A;
489
+ --on-light-surface-transparent-secondary-active: #15110F1F;
486
490
  --on-light-surface-positive: #239322;
487
491
  --on-light-surface-positive-hover: #28A126FF;
488
492
  --on-light-surface-positive-active: #20801EFF;
@@ -498,7 +502,7 @@
498
502
  --on-light-surface-transparent-accent-active: #0BA88833;
499
503
  --on-light-surface-transparent-accent: #0BA6861F;
500
504
  --on-light-surface-transparent-accent-hover: #0BA8882E;
501
- --on-light-surface-transparent-negative: #E8343929;
505
+ --on-light-surface-transparent-negative-hover: #E9353B38;
502
506
  --on-light-surface-read-only: #F9F9F903;
503
507
  --on-light-surface-read-only-hover: #FAFAFA05;
504
508
  --on-light-surface-read-only-active: #FAFAFA08;
@@ -509,7 +513,8 @@
509
513
  --inverse-surface-solid-secondary: #FFFFFF;
510
514
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
511
515
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
512
- --inverse-surface-transparent-secondary-hover: #15110F1A;
516
+ --on-light-surface-transparent-negative-active: #E9353B3D;
517
+ --on-light-surface-transparent-negative: #E8343929;
513
518
  --inverse-surface-transparent-secondary-active: #15110F1F;
514
519
  --inverse-surface-transparent-tertiary: #15110F1F;
515
520
  --inverse-surface-transparent-tertiary-hover: #15110F2E;
@@ -538,6 +543,7 @@
538
543
  --inverse-surface-transparent-primary-hover: #15110F0D;
539
544
  --inverse-surface-transparent-primary-active: #15110F0F;
540
545
  --inverse-surface-transparent-secondary: #15110F14;
546
+ --inverse-surface-transparent-secondary-hover: #15110F1A;
541
547
  --inverse-surface-positive: #239322;
542
548
  --inverse-surface-positive-hover: #28A126FF;
543
549
  --inverse-surface-positive-active: #20801EFF;
@@ -556,6 +562,7 @@
556
562
  --inverse-surface-transparent-accent-hover: #0BA8882E;
557
563
  --inverse-surface-transparent-accent-active: #0BA88833;
558
564
  --inverse-surface-accent-active: #099579FF;
565
+ --inverse-surface-transparent-negative-active: #E9353B3D;
559
566
  --inverse-surface-transparent-negative: #E8343929;
560
567
  --inverse-surface-read-only: #F9F9F903;
561
568
  --inverse-surface-read-only-hover: #FAFAFA05;
@@ -567,6 +574,7 @@
567
574
  --dark-background-secondary: #0F0F0F;
568
575
  --dark-background-tertiary: #141413;
569
576
  --light-background-primary: #EBE7E5;
577
+ --inverse-surface-transparent-negative-hover: #E9353B38;
570
578
  --inverse-overlay-soft: #0000003D;
571
579
  --inverse-overlay-hard: #00000052;
572
580
  --outline-transparent-primary: #FFFFFF1F;
@@ -637,7 +645,6 @@
637
645
  --inverse-outline-clear: #FFFFFF00;
638
646
  --inverse-outline-clear-hover: #FFFFFF00;
639
647
  --inverse-outline-clear-active: #FFFFFF00;
640
- --inverse-outline-warning-active: #A3420AFF;
641
648
  --inverse-outline-negative: #E83439;
642
649
  --inverse-outline-negative-hover: #F17E82FF;
643
650
  --inverse-outline-negative-active: #DC181FFF;
@@ -649,6 +656,7 @@
649
656
  --inverse-outline-positive-hover: #32CA2FFF;
650
657
  --inverse-outline-warning: #BE4E0C;
651
658
  --inverse-outline-warning-hover: #F3813FFF;
659
+ --inverse-outline-warning-active: #A3420AFF;
652
660
  --text-primary-hover: #FFFFFF97;
653
661
  --on-dark-surface-solid-default: #F6F2F0;
654
662
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -659,44 +667,42 @@
659
667
 
660
668
  .dark {
661
669
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
662
- --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
663
- --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
664
- --inverse-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
665
670
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
666
- --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
667
- --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
671
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
672
+ --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
668
673
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
669
- --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
674
+ --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
670
675
  --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
671
676
  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
672
677
  --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
673
- --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
674
- --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
675
- --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
678
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
679
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
680
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
676
681
  --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
677
682
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
678
683
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
679
- --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
680
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
684
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
685
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
681
686
  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
682
687
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
683
688
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
684
689
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
685
690
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
686
691
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
687
- --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
688
- --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
689
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
692
+ --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
693
+ --overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
694
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
695
+ --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
690
696
  --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
691
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
692
- --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
697
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
698
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
693
699
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
694
- --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
700
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
695
701
  --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
696
- --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
702
+ --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
697
703
  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
698
704
  --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
699
- --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
705
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
700
706
  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
701
707
  --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
702
708
  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
@@ -707,103 +713,86 @@
707
713
  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
708
714
  --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
709
715
  --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
716
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
710
717
  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
711
- --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
712
718
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
713
- --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
719
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
714
720
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
715
721
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
716
722
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
723
+ --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
724
+ --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
717
725
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
718
726
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
719
727
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
720
728
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
721
- --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
729
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
722
730
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
723
731
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
724
732
  --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
725
733
  }
726
734
 
727
735
  .light {
728
- --on-dark-personas-green-text-accent: #6CD5BB;
729
- --surface-transparent-accent-minor-hover: #0BA8884D;
730
736
  --on-light-outline-primary-hover: #ADA39FFF;
731
737
  --inverse-outline-default-active: #292929FF;
732
738
  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
733
739
  --inverse-personas-violet-text-accent-active: #D982E8FF;
734
- --on-dark-surface-transparent-navi-active: #2424248A;
735
- --inverse-outline-primary-active: #2B2827FF;
736
740
  --on-light-outline-default-hover: #CCCCCCFF;
737
741
  --on-dark-outline-default-hover: #666666FF;
738
742
  --on-dark-outline-default-active: #292929FF;
739
743
  --personas-green-text-accent-hover: #8CDECAFF;
740
744
  --personas-sea-blue-text-accent-hover: #000000FF;
741
745
  --inverse-surface-accent-secondary-hover: #70CDB7FF;
742
- --on-light-surface-accent-secondary-active: #3CAF94FF;
743
746
  --surface-transparent-navi-active: #FFFFFFAD;
744
747
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
745
748
  --on-light-personas-green-text-accent-active: #04AF87FF;
746
749
  --outline-default-active: #6B6B6BFF;
747
750
  --on-dark-outline-primary-active: #2B2827FF;
748
751
  --personas-olive-text-accent-active: #179315FF;
749
- --inverse-personas-ochre-text-accent-active: #F19F7EFF;
750
752
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
751
- --inverse-surface-transparent-navi-active: #2424248A;
752
- --on-light-personas-olive-text-accent-active: #179315FF;
753
753
  --on-light-personas-violet-text-accent-active: #81288FFF;
754
754
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
755
755
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
756
- --inverse-personas-green-text-accent-hover: #04C396FF;
757
756
  --on-light-personas-pink-text-accent-hover: #E47777FF;
758
757
  --surface-accent-secondary-hover: #50C3A8FF;
759
- --personas-pink-text-accent-active: #F48080FF;
760
758
  --personas-indigo-text-accent-hover: #000000FF;
761
759
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
762
760
  --on-light-outline-primary: #DDD9D7;
763
761
  --inverse-outline-default: #383838;
764
762
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
765
- --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
766
763
  --on-light-personas-indigo-text-accent-hover: #000000FF;
767
- --on-light-personas-indigo-text-accent-active: #5B2999FF;
768
764
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
769
- --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
770
- --on-light-outline-default: #FFFFFF;
771
765
  --personas-ochre-text-accent-active: #AA4A0EFF;
772
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
773
766
  --inverse-background-hardline: #FFFFFF;
774
- --on-dark-surface-transparent-accent-minor-active: #0BA88838;
775
767
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
776
768
  --surface-transparent-navi: #FFFFFF99;
777
- --on-light-surface-accent-secondary: #41BDA1;
778
769
  --personas-violet-text-accent-active: #D679E6FF;
779
770
  --personas-blue-text-accent-hover: #1477E1FF;
780
771
  --outline-default: #383838;
781
772
  --text-primary-brightness-active: #171717C4;
782
- --surface-solid-card-brightness-hover: #FFFFFFFF;
783
773
  --surface-transparent-card-brightness-hover: #FFFFFFFF;
784
774
  --surface-solid-card-brightness-active: #FFFFFFFF;
785
775
  --surface-solid-primary-brightness-hover: #FFFFFFFF;
786
776
  --surface-transparent-card-brightness-active: #FFFFFFFF;
787
- --on-dark-surface-solid-primary-brightness-active: #212121FF;
777
+ --surface-solid-card-brightness-hover: #FFFFFFFF;
788
778
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
789
779
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
790
780
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
791
781
  --on-dark-surface-solid-card-brightness-active: #212121FF;
792
782
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
793
783
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
794
- --outline-primary: #3B3735;
795
784
  --inverse-personas-indigo-text-accent: #7133BE;
796
785
  --inverse-personas-pink-text-accent: #DE5555;
797
- --on-light-outline-positive-active: #20801EFF;
798
786
  --personas-olive-text-accent: #127210;
787
+ --on-light-outline-positive-active: #20801EFF;
799
788
  --inverse-personas-ochre-text-accent: #F4B49B;
789
+ --on-dark-personas-olive-text-accent: #93CB92;
800
790
  --surface-solid-tertiary-active: #FFFFFFFF;
801
791
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
802
- --on-dark-personas-olive-text-accent: #93CB92;
792
+ --inverse-surface-transparent-navi: #23232399;
803
793
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
804
794
  --text-primary: #15110FFC;
805
795
  --on-dark-text-accent-minor-hover: #60C7AFFF;
806
- --inverse-surface-transparent-navi: #23232399;
807
796
  --on-light-personas-olive-text-accent: #127210;
808
797
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
809
798
  --on-dark-surface-accent-minor-active: #043F34FF;
@@ -812,12 +801,11 @@
812
801
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
813
802
  --inverse-surface-solid-primary-brightness-active: #212121FF;
814
803
  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
815
- --on-light-personas-violet-text-accent: #9E32AF;
804
+ --outline-primary: #3B3735;
816
805
  --on-light-personas-ochre-text-accent: #D15A11;
817
806
  --on-dark-personas-indigo-text-accent: #BD91F5;
818
807
  --on-dark-surface-accent-secondary: #61C8B0;
819
808
  --inverse-personas-green-text-accent: #038768;
820
- --on-light-personas-pink-text-accent: #DE5555;
821
809
  --surface-accent-secondary: #41BDA1;
822
810
  --surface-accent-minor: #D0F2E9;
823
811
  --on-dark-surface-solid-tertiary-active: #424242FF;
@@ -826,22 +814,17 @@
826
814
  --on-light-surface-accent-minor: #D0F2E9;
827
815
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
828
816
  --on-light-outline-warning-active: #A3420AFF;
829
- --inverse-surface-accent-minor: #04473B;
817
+ --on-light-personas-violet-text-accent: #9E32AF;
830
818
  --inverse-surface-solid-card-brightness-active: #212121FF;
831
819
  --on-dark-surface-accent-minor-hover: #055C4CFF;
832
820
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
833
- --on-dark-personas-blue-text-accent: #79B3F2;
834
- --on-light-personas-indigo-text-accent: #7133BE;
821
+ --inverse-surface-accent-minor: #04473B;
835
822
  --on-light-personas-sea-blue-text-accent: #00898D;
836
- --inverse-personas-olive-text-accent: #93CB92;
837
823
  --personas-ochre-text-accent: #D15A11;
838
824
  --on-dark-surface-transparent-accent-minor: #0BA68647;
839
825
  --on-dark-personas-violet-text-accent: #E19DED;
840
826
  --on-light-surface-transparent-navi: #FFFFFF99;
841
- --on-dark-personas-sea-blue-text-accent: #7BC8C8;
842
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
843
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
844
- --on-light-outline-default-active: #E6E6E6FF;
827
+ --on-dark-personas-blue-text-accent: #79B3F2;
845
828
  --personas-green-text-accent-active: #4CCDACFF;
846
829
  --personas-sea-blue-text-accent-active: #4BB4B4FF;
847
830
  --inverse-surface-accent-secondary-active: #59C5ACFF;
@@ -864,24 +847,17 @@
864
847
  --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
865
848
  --on-light-surface-transparent-accent-minor: #0BA6863D;
866
849
  --on-light-personas-green-text-accent: #038768;
867
- --text-primary-brightness-hover: #17171793;
868
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
869
- --on-light-text-warning-active: #6F2D06FF;
870
850
  --on-light-outline-primary-active: #C4BEBAFF;
871
851
  --inverse-personas-blue-text-accent-active: #5DA3EFFF;
872
852
  --inverse-surface-transparent-accent-minor-active: #0BA8882E;
873
- --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
874
- --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
875
- --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
876
- --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
877
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
878
- --on-dark-surface-transparent-navi-hover: #242424B8;
879
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
880
- --surface-transparent-navi-hover: #FFFFFFA8;
881
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
853
+ --text-primary-brightness-hover: #17171793;
854
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
855
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
856
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
857
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
858
+ --on-light-outline-default-active: #E6E6E6FF;
859
+ --on-light-text-warning-active: #6F2D06FF;
882
860
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
883
- --outline-default-hover: #B3B3B3FF;
884
- --on-dark-outline-primary-hover: #6B6461FF;
885
861
  --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
886
862
  --outline-primary-hover: #B6B1AFFF;
887
863
  --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;
@@ -900,32 +876,43 @@
900
876
  --inverse-outline-default-hover: #666666FF;
901
877
  --personas-violet-text-accent: #E19DED;
902
878
  --inverse-outline-primary-hover: #6B6461FF;
879
+ --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
880
+ --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
881
+ --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
882
+ --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
883
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
884
+ --on-dark-surface-transparent-navi-hover: #242424B8;
885
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
886
+ --surface-transparent-navi-hover: #FFFFFFA8;
887
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
888
+ --outline-default-hover: #B3B3B3FF;
889
+ --on-dark-outline-primary-hover: #6B6461FF;
890
+ --inverse-surface-solid-card-brightness-hover: #303030FF;
891
+ --inverse-personas-blue-text-accent: #79B3F2;
892
+ --personas-blue-text-accent-active: #0D4F96FF;
903
893
  --surface-accent-secondary-active: #3CAF94FF;
904
894
  --surface-transparent-accent-minor: #0BA6863D;
905
895
  --inverse-personas-sea-blue-text-accent: #00898D;
906
896
  --on-dark-personas-pink-text-accent: #F7A4A4;
907
- --on-light-text-primary-brightness-hover: #17171793;
908
- --inverse-text-primary-brightness-hover: #FAFAFA93;
909
- --surface-solid-primary-brightness-active: #FFFFFFFF;
910
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
911
- --inverse-surface-solid-card-brightness-hover: #303030FF;
912
897
  --personas-pink-text-accent: #F7A4A4;
913
- --personas-blue-text-accent: #1063BA;
914
- --personas-sea-blue-text-accent: #7BC8C8;
915
- --personas-violet-text-accent-hover: #EBBEF3FF;
916
- --background-hardline: #FFFFFF;
917
- --inverse-personas-blue-text-accent: #79B3F2;
918
- --inverse-personas-violet-text-accent: #E19DED;
919
- --inverse-surface-transparent-accent-minor: #0BA6863D;
920
- --on-light-personas-blue-text-accent: #1063BA;
921
898
  --on-dark-surface-transparent-navi: #23232399;
922
899
  --inverse-outline-primary: #3B3735;
923
900
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
924
901
  --on-dark-outline-default: #383838;
925
902
  --personas-green-text-accent: #6CD5BB;
926
- --personas-blue-text-accent-active: #0D4F96FF;
927
903
  --dark-background-hardline: #000000;
928
904
  --on-dark-outline-primary: #3B3735;
905
+ --personas-blue-text-accent: #1063BA;
906
+ --personas-sea-blue-text-accent: #7BC8C8;
907
+ --personas-violet-text-accent-hover: #EBBEF3FF;
908
+ --background-hardline: #FFFFFF;
909
+ --on-light-text-primary-brightness-hover: #17171793;
910
+ --inverse-text-primary-brightness-hover: #FAFAFA93;
911
+ --surface-solid-primary-brightness-active: #FFFFFFFF;
912
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
913
+ --inverse-personas-violet-text-accent: #E19DED;
914
+ --inverse-surface-transparent-accent-minor: #0BA6863D;
915
+ --on-light-personas-blue-text-accent: #1063BA;
929
916
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
930
917
  --on-light-text-primary-brightness-active: #171717C4;
931
918
  --inverse-text-primary-brightness-active: #FAFAFAC4;
@@ -933,7 +920,27 @@
933
920
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
934
921
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
935
922
  --personas-pink-text-accent-hover: #FBCBCBFF;
936
- --text-paragraph-active: #15110F7A;
923
+ --on-dark-personas-green-text-accent: #6CD5BB;
924
+ --surface-transparent-accent-minor-hover: #0BA8884D;
925
+ --on-dark-surface-transparent-navi-active: #2424248A;
926
+ --inverse-personas-ochre-text-accent-active: #F19F7EFF;
927
+ --inverse-surface-transparent-navi-active: #2424248A;
928
+ --on-light-personas-olive-text-accent-active: #179315FF;
929
+ --personas-pink-text-accent-active: #F48080FF;
930
+ --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
931
+ --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
932
+ --on-light-outline-default: #FFFFFF;
933
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
934
+ --on-light-surface-accent-secondary: #41BDA1;
935
+ --on-light-personas-pink-text-accent: #DE5555;
936
+ --inverse-personas-olive-text-accent: #93CB92;
937
+ --inverse-outline-primary-active: #2B2827FF;
938
+ --on-light-surface-accent-secondary-active: #3CAF94FF;
939
+ --on-dark-surface-transparent-accent-minor-active: #0BA88838;
940
+ --on-dark-surface-solid-primary-brightness-active: #212121FF;
941
+ --on-light-personas-indigo-text-accent: #7133BE;
942
+ --inverse-personas-green-text-accent-hover: #04C396FF;
943
+ --on-light-personas-indigo-text-accent-active: #5B2999FF;
937
944
  --text-accent: #0A8E73;
938
945
  --text-accent-hover: #0DB593FF;
939
946
  --text-accent-active: #076955FF;
@@ -962,7 +969,7 @@
962
969
  --text-primary-brightness: #171717F5;
963
970
  --text-paragraph: #15110F66;
964
971
  --text-paragraph-hover: #15110FFF;
965
- --on-dark-text-paragraph-active: #F5F1EF93;
972
+ --text-paragraph-active: #15110F7A;
966
973
  --on-dark-text-accent: #61C8B0;
967
974
  --on-dark-text-accent-hover: #77CFBBFF;
968
975
  --on-dark-text-accent-active: #4ABFA4FF;
@@ -992,7 +999,7 @@
992
999
  --on-dark-text-primary-hover: #FFFFFF97;
993
1000
  --on-dark-text-paragraph: #F6F2F07A;
994
1001
  --on-dark-text-paragraph-hover: #F5F1EFFF;
995
- --on-light-text-primary-brightness: #171717F5;
1002
+ --on-dark-text-paragraph-active: #F5F1EF93;
996
1003
  --on-light-text-secondary: #15110FA3;
997
1004
  --on-light-text-secondary-hover: #15110FFF;
998
1005
  --on-light-text-secondary-active: #15110FC4;
@@ -1016,6 +1023,7 @@
1016
1023
  --on-light-text-primary: #15110FFC;
1017
1024
  --on-light-text-primary-hover: #15110F97;
1018
1025
  --on-light-text-primary-active: #15110FCA;
1026
+ --on-light-text-primary-brightness: #171717F5;
1019
1027
  --inverse-text-primary: #FFFFFFFC;
1020
1028
  --inverse-text-primary-hover: #FFFFFF97;
1021
1029
  --inverse-text-primary-active: #FFFFFFCA;
@@ -1041,7 +1049,6 @@
1041
1049
  --on-light-text-info-hover: #000000FF;
1042
1050
  --on-light-text-info-active: #194B85FF;
1043
1051
  --on-light-text-negative-hover: #E3353BFF;
1044
- --inverse-text-negative-active: #F3626AFF;
1045
1052
  --inverse-text-info: #70B2F5;
1046
1053
  --inverse-text-info-hover: #BCDBFAFF;
1047
1054
  --inverse-text-info-active: #53A3F3FF;
@@ -1062,7 +1069,7 @@
1062
1069
  --inverse-text-positive-active: #469442FF;
1063
1070
  --inverse-text-negative: #F57E83;
1064
1071
  --inverse-text-negative-hover: #F89BA0FF;
1065
- --surface-transparent-secondary-active: #15110F1F;
1072
+ --inverse-text-negative-active: #F3626AFF;
1066
1073
  --surface-transparent-tertiary: #15110F1F;
1067
1074
  --surface-transparent-tertiary-hover: #15110F2E;
1068
1075
  --surface-transparent-tertiary-active: #15110F33;
@@ -1096,7 +1103,7 @@
1096
1103
  --surface-transparent-primary-active: #15110F0F;
1097
1104
  --surface-transparent-secondary: #15110F14;
1098
1105
  --surface-transparent-secondary-hover: #15110F1A;
1099
- --surface-warning-active: #AD460BFF;
1106
+ --surface-transparent-secondary-active: #15110F1F;
1100
1107
  --surface-negative: #E83439;
1101
1108
  --surface-negative-hover: #EC5156FF;
1102
1109
  --surface-negative-active: #E72329FF;
@@ -1108,7 +1115,8 @@
1108
1115
  --surface-positive-hover: #28A126FF;
1109
1116
  --surface-warning: #BE4E0C;
1110
1117
  --surface-warning-hover: #D3560DFF;
1111
- --surface-transparent-negative: #E8343929;
1118
+ --surface-warning-active: #AD460BFF;
1119
+ --surface-transparent-negative-hover: #E9353B38;
1112
1120
  --surface-read-only: #F9F9F903;
1113
1121
  --surface-read-only-hover: #FAFAFA05;
1114
1122
  --surface-read-only-active: #FAFAFA08;
@@ -1121,7 +1129,8 @@
1121
1129
  --on-dark-surface-solid-secondary-active: #242424FF;
1122
1130
  --on-dark-surface-solid-tertiary: #474747;
1123
1131
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1124
- --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1132
+ --surface-transparent-negative-active: #E9353B3D;
1133
+ --surface-transparent-negative: #E8343929;
1125
1134
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1126
1135
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
1127
1136
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
@@ -1150,7 +1159,7 @@
1150
1159
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1151
1160
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1152
1161
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1153
- --on-dark-surface-positive: #A6D2A2;
1162
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1154
1163
  --on-dark-surface-positive-hover: #B3D9B0FF;
1155
1164
  --on-dark-surface-positive-active: #9FCF9BFF;
1156
1165
  --on-dark-surface-warning: #F8AD80;
@@ -1165,6 +1174,7 @@
1165
1174
  --on-dark-surface-transparent-accent-active: #0BA88824;
1166
1175
  --on-dark-surface-transparent-accent: #0BA68633;
1167
1176
  --on-dark-surface-transparent-accent-hover: #0BA88852;
1177
+ --on-dark-surface-positive: #A6D2A2;
1168
1178
  --on-dark-surface-read-only: #F9F9F905;
1169
1179
  --on-dark-surface-read-only-hover: #FAFAFA0F;
1170
1180
  --on-dark-surface-read-only-active: #FAFAFA00;
@@ -1177,8 +1187,9 @@
1177
1187
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1178
1188
  --on-light-surface-solid-tertiary: #FFFFFF;
1179
1189
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1190
+ --on-dark-surface-transparent-negative-active: #F8A5A870;
1180
1191
  --on-dark-surface-transparent-negative: #F8A6A980;
1181
- --on-light-surface-transparent-secondary-active: #15110F1F;
1192
+ --on-dark-surface-transparent-negative-hover: #F8A5A89E;
1182
1193
  --on-light-surface-transparent-tertiary: #15110F1F;
1183
1194
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
1184
1195
  --on-light-surface-transparent-tertiary-active: #15110F33;
@@ -1207,6 +1218,7 @@
1207
1218
  --on-light-surface-transparent-primary-active: #15110F0F;
1208
1219
  --on-light-surface-transparent-secondary: #15110F14;
1209
1220
  --on-light-surface-transparent-secondary-hover: #15110F1A;
1221
+ --on-light-surface-transparent-secondary-active: #15110F1F;
1210
1222
  --on-light-surface-positive: #239322;
1211
1223
  --on-light-surface-positive-hover: #28A126FF;
1212
1224
  --on-light-surface-positive-active: #20801EFF;
@@ -1222,7 +1234,7 @@
1222
1234
  --on-light-surface-transparent-accent-active: #0BA88833;
1223
1235
  --on-light-surface-transparent-accent: #0BA6861F;
1224
1236
  --on-light-surface-transparent-accent-hover: #0BA8882E;
1225
- --on-light-surface-transparent-negative: #E8343929;
1237
+ --on-light-surface-transparent-negative-hover: #E9353B38;
1226
1238
  --on-light-surface-read-only: #F9F9F903;
1227
1239
  --on-light-surface-read-only-hover: #FAFAFA05;
1228
1240
  --on-light-surface-read-only-active: #FAFAFA08;
@@ -1233,7 +1245,8 @@
1233
1245
  --inverse-surface-solid-secondary: #292929;
1234
1246
  --inverse-surface-solid-secondary-hover: #333333FF;
1235
1247
  --inverse-surface-solid-secondary-active: #242424FF;
1236
- --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1248
+ --on-light-surface-transparent-negative-active: #E9353B3D;
1249
+ --on-light-surface-transparent-negative: #E8343929;
1237
1250
  --inverse-surface-transparent-secondary-active: #FFFFFF1A;
1238
1251
  --inverse-surface-transparent-tertiary: #FFFFFF3D;
1239
1252
  --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
@@ -1262,6 +1275,7 @@
1262
1275
  --inverse-surface-transparent-primary-hover: #FFFFFF24;
1263
1276
  --inverse-surface-transparent-primary-active: #FFFFFF0F;
1264
1277
  --inverse-surface-transparent-secondary: #FFFFFF29;
1278
+ --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1265
1279
  --inverse-surface-positive: #A6D2A2;
1266
1280
  --inverse-surface-positive-hover: #B3D9B0FF;
1267
1281
  --inverse-surface-positive-active: #9FCF9BFF;
@@ -1280,6 +1294,7 @@
1280
1294
  --inverse-surface-transparent-accent-hover: #0BA88852;
1281
1295
  --inverse-surface-transparent-accent-active: #0BA88824;
1282
1296
  --inverse-surface-accent-active: #0A9E81FF;
1297
+ --inverse-surface-transparent-negative-active: #F8A5A870;
1283
1298
  --inverse-surface-transparent-negative: #F8A6A980;
1284
1299
  --inverse-surface-read-only: #F9F9F905;
1285
1300
  --inverse-surface-read-only-hover: #FAFAFA0F;
@@ -1291,6 +1306,7 @@
1291
1306
  --dark-background-secondary: #0F0F0F;
1292
1307
  --dark-background-tertiary: #141413;
1293
1308
  --light-background-primary: #EBE7E5;
1309
+ --inverse-surface-transparent-negative-hover: #F8A5A89E;
1294
1310
  --inverse-overlay-soft: #0000001F;
1295
1311
  --inverse-overlay-hard: #00000029;
1296
1312
  --outline-transparent-primary: #15110F3D;
@@ -1361,7 +1377,6 @@
1361
1377
  --inverse-outline-clear: #FFFFFF00;
1362
1378
  --inverse-outline-clear-hover: #FFFFFF00;
1363
1379
  --inverse-outline-clear-active: #FFFFFF00;
1364
- --inverse-outline-warning-active: #F79C64FF;
1365
1380
  --inverse-outline-negative: #F8A6A9;
1366
1381
  --inverse-outline-negative-hover: #F25A5FFF;
1367
1382
  --inverse-outline-negative-active: #EF343AFF;
@@ -1373,6 +1388,7 @@
1373
1388
  --inverse-outline-positive-hover: #DBEDD9FF;
1374
1389
  --inverse-outline-warning: #F8AD80;
1375
1390
  --inverse-outline-warning-hover: #FCE0CFFF;
1391
+ --inverse-outline-warning-active: #F79C64FF;
1376
1392
  --text-primary-hover: #15110F97;
1377
1393
  --on-dark-surface-solid-default: #F6F2F0;
1378
1394
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -1383,44 +1399,42 @@
1383
1399
 
1384
1400
  .light {
1385
1401
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1386
- --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1387
- --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);
1388
- --inverse-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1389
1402
  --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1390
- --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1391
- --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
1403
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1404
+ --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1392
1405
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1393
- --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1406
+ --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1394
1407
  --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1395
1408
  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1396
1409
  --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
1397
- --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1398
- --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1399
- --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
1410
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1411
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
1412
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1400
1413
  --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
1401
1414
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
1402
1415
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1403
- --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
1404
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1405
- --inverse-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1416
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1417
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
1418
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
1406
1419
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1407
1420
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1408
1421
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1409
1422
  --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1410
1423
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1411
- --surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);
1412
- --overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1413
- --on-dark-overlay-gradient: linear-gradient(180deg, #000000 0.0%, #000000 100.0%);
1424
+ --surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1425
+ --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1426
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
1427
+ --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1414
1428
  --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1415
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1416
- --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1429
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1430
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1417
1431
  --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1418
- --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1432
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
1419
1433
  --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1420
- --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
1434
+ --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
1421
1435
  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
1422
1436
  --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
1423
- --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);
1437
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
1424
1438
  --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1425
1439
  --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1426
1440
  --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
@@ -1431,18 +1445,20 @@
1431
1445
  --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1432
1446
  --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
1433
1447
  --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1448
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1434
1449
  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1435
- --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1436
1450
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1437
- --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1451
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
1438
1452
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1439
1453
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1440
1454
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1441
- --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1455
+ --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1456
+ --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1457
+ --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1442
1458
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1443
1459
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1444
1460
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1445
- --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1461
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1446
1462
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1447
1463
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1448
1464
  --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
@@ -1450,24 +1466,23 @@
1450
1466
 
1451
1467
  .dark, .light {
1452
1468
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1453
- --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1454
1469
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1455
1470
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1471
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1456
1472
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1457
1473
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1458
- --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1459
1474
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1460
1475
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1461
1476
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1462
1477
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1463
1478
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1479
+ --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1464
1480
  }
1465
1481
 
1466
1482
  .dark, .light {
1467
1483
  --border-radius-4xl: 2rem;
1468
- --border-radius-5xl: 2.5rem;
1469
1484
  --border-radius-3xl: 1.75rem;
1470
- --border-radius-xxs: 0.25rem;
1485
+ --border-radius-5xl: 2.5rem;
1471
1486
  --border-radius-xs: 0.375rem;
1472
1487
  --border-radius-xxl: 1.5rem;
1473
1488
  --border-radius-s: 0.5rem;
@@ -1475,11 +1490,11 @@
1475
1490
  --border-radius-circle: 100rem;
1476
1491
  --border-radius-m: 0.75rem;
1477
1492
  --border-radius-l: 1rem;
1493
+ --border-radius-xxs: 0.25rem;
1478
1494
  }
1479
1495
 
1480
1496
  .dark, .light {
1481
1497
  --spacing-16x: 2rem;
1482
- --spacing-10x: 1.25rem;
1483
1498
  --spacing-12x: 1.5rem;
1484
1499
  --spacing-20x: 2.5rem;
1485
1500
  --spacing-24x: 3rem;
@@ -1493,6 +1508,7 @@
1493
1508
  --spacing-3x: 0.375rem;
1494
1509
  --spacing-6x: 0.75rem;
1495
1510
  --spacing-8x: 1rem;
1511
+ --spacing-10x: 1.25rem;
1496
1512
  }
1497
1513
 
1498
1514
  .dark, .light {
@@ -1509,9 +1525,6 @@
1509
1525
  --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);
1510
1526
  --plasma-typo-h2-medium-letter-spacing: normal;
1511
1527
  --plasma-typo-h2-medium-font-style: normal;
1512
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1513
- --plasma-typo-dspl-s-letter-spacing: normal;
1514
- --plasma-typo-dspl-s-font-style: normal;
1515
1528
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1516
1529
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1517
1530
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -1545,6 +1558,9 @@
1545
1558
  --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
1546
1559
  --plasma-typo-h4-letter-spacing: normal;
1547
1560
  --plasma-typo-h4-font-style: normal;
1561
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1562
+ --plasma-typo-dspl-s-letter-spacing: normal;
1563
+ --plasma-typo-dspl-s-font-style: normal;
1548
1564
  --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
1549
1565
  --plasma-typo-h4-bold-letter-spacing: normal;
1550
1566
  --plasma-typo-h4-bold-font-style: normal;
@@ -1639,9 +1655,6 @@
1639
1655
  --plasma-typo-h2-medium-font-size: 1.375rem;
1640
1656
  --plasma-typo-h2-medium-font-weight: 500;
1641
1657
  --plasma-typo-h2-medium-line-height: 1.75rem;
1642
- --plasma-typo-dspl-s-font-size: 2.125rem;
1643
- --plasma-typo-dspl-s-font-weight: 400;
1644
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1645
1658
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1646
1659
  --plasma-typo-dspl-s-bold-font-weight: 700;
1647
1660
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1675,6 +1688,9 @@
1675
1688
  --plasma-typo-h4-font-size: 1rem;
1676
1689
  --plasma-typo-h4-font-weight: 400;
1677
1690
  --plasma-typo-h4-line-height: 1.25rem;
1691
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1692
+ --plasma-typo-dspl-s-font-weight: 400;
1693
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1678
1694
  --plasma-typo-h4-bold-font-size: 1rem;
1679
1695
  --plasma-typo-h4-bold-font-weight: 700;
1680
1696
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1854,6 +1870,15 @@
1854
1870
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1855
1871
  --plasma-typo-body-xxs-medium-font-weight: 500;
1856
1872
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1873
+ --plasma-typo-text-l-font-size: 1.25rem;
1874
+ --plasma-typo-text-l-font-weight: 400;
1875
+ --plasma-typo-text-l-line-height: 1.75rem;
1876
+ --plasma-typo-text-l-bold-font-size: 1.25rem;
1877
+ --plasma-typo-text-l-bold-font-weight: 600;
1878
+ --plasma-typo-text-l-bold-line-height: 1.75rem;
1879
+ --plasma-typo-text-l-medium-font-size: 1.25rem;
1880
+ --plasma-typo-text-l-medium-font-weight: 500;
1881
+ --plasma-typo-text-l-medium-line-height: 1.75rem;
1857
1882
  --plasma-typo-text-m-bold-font-size: 1rem;
1858
1883
  --plasma-typo-text-m-bold-font-weight: 600;
1859
1884
  --plasma-typo-text-m-bold-line-height: 1.5rem;
@@ -1881,15 +1906,6 @@
1881
1906
  --plasma-typo-text-m-font-size: 1rem;
1882
1907
  --plasma-typo-text-m-font-weight: 400;
1883
1908
  --plasma-typo-text-m-line-height: 1.5rem;
1884
- --plasma-typo-text-l-font-size: 1.25rem;
1885
- --plasma-typo-text-l-font-weight: 400;
1886
- --plasma-typo-text-l-line-height: 1.75rem;
1887
- --plasma-typo-text-l-bold-font-size: 1.25rem;
1888
- --plasma-typo-text-l-bold-font-weight: 600;
1889
- --plasma-typo-text-l-bold-line-height: 1.75rem;
1890
- --plasma-typo-text-l-medium-font-size: 1.25rem;
1891
- --plasma-typo-text-l-medium-font-weight: 500;
1892
- --plasma-typo-text-l-medium-line-height: 1.75rem;
1893
1909
  }
1894
1910
  }
1895
1911
 
@@ -1904,6 +1920,15 @@
1904
1920
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1905
1921
  --plasma-typo-dspl-s-medium-font-weight: 500;
1906
1922
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1923
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1924
+ --plasma-typo-h3-bold-font-weight: 700;
1925
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1926
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1927
+ --plasma-typo-h3-medium-font-weight: 500;
1928
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1929
+ --plasma-typo-h4-font-size: 1.25rem;
1930
+ --plasma-typo-h4-font-weight: 400;
1931
+ --plasma-typo-h4-line-height: 1.625rem;
1907
1932
  --plasma-typo-h4-bold-font-size: 1rem;
1908
1933
  --plasma-typo-h4-bold-font-weight: 700;
1909
1934
  --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1955,21 +1980,6 @@
1955
1980
  --plasma-typo-h3-font-size: 1.25rem;
1956
1981
  --plasma-typo-h3-font-weight: 400;
1957
1982
  --plasma-typo-h3-line-height: 1.4375rem;
1958
- --plasma-typo-h3-bold-font-size: 1.25rem;
1959
- --plasma-typo-h3-bold-font-weight: 700;
1960
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1961
- --plasma-typo-h3-medium-font-size: 1.25rem;
1962
- --plasma-typo-h3-medium-font-weight: 500;
1963
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1964
- --plasma-typo-h4-font-size: 1.25rem;
1965
- --plasma-typo-h4-font-weight: 400;
1966
- --plasma-typo-h4-line-height: 1.625rem;
1967
- --plasma-typo-text-l-font-size: 1.5rem;
1968
- --plasma-typo-text-l-font-weight: 400;
1969
- --plasma-typo-text-l-line-height: 2rem;
1970
- --plasma-typo-text-l-bold-font-size: 1.5rem;
1971
- --plasma-typo-text-l-bold-font-weight: 600;
1972
- --plasma-typo-text-l-bold-line-height: 2rem;
1973
1983
  --plasma-typo-text-xs-font-size: 0.75rem;
1974
1984
  --plasma-typo-text-xs-font-weight: 400;
1975
1985
  --plasma-typo-text-xs-line-height: 1rem;
@@ -2021,5 +2031,11 @@
2021
2031
  --plasma-typo-body-xxs-medium-font-size: 0.625rem;
2022
2032
  --plasma-typo-body-xxs-medium-font-weight: 500;
2023
2033
  --plasma-typo-body-xxs-medium-line-height: 0.75rem;
2034
+ --plasma-typo-text-l-font-size: 1.5rem;
2035
+ --plasma-typo-text-l-font-weight: 400;
2036
+ --plasma-typo-text-l-line-height: 2rem;
2037
+ --plasma-typo-text-l-bold-font-size: 1.5rem;
2038
+ --plasma-typo-text-l-bold-font-weight: 600;
2039
+ --plasma-typo-text-l-bold-line-height: 2rem;
2024
2040
  }
2025
2041
  }