@salutejs-ds/sdds_sbcom 0.1.9 → 0.1.11

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 (104) hide show
  1. package/components/Button/Button.config.d.ts +3 -3
  2. package/components/Button/Button.config.js +7 -7
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1hraf1c.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +3 -3
  7. package/components/Checkbox/Checkbox.config.d.ts +2 -2
  8. package/components/Checkbox/Checkbox.config.js +5 -5
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_eljryy.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +2 -2
  13. package/components/Counter/Counter.config.d.ts +4 -4
  14. package/components/Counter/Counter.config.js +9 -9
  15. package/components/Counter/Counter.config.js.map +1 -1
  16. package/{es/components/Counter/Counter.config_u14r3s.css → components/Counter/Counter.config_1v7pqtf.css} +8 -8
  17. package/components/Counter/Counter.css +10 -10
  18. package/components/Counter/Counter.d.ts +4 -4
  19. package/components/IconButton/IconButton.config.d.ts +2 -2
  20. package/components/IconButton/IconButton.config.js +5 -5
  21. package/components/IconButton/IconButton.config.js.map +1 -1
  22. package/components/IconButton/IconButton.config_16whlcu.css +9 -0
  23. package/components/IconButton/IconButton.css +8 -8
  24. package/components/IconButton/IconButton.d.ts +2 -2
  25. package/components/Link/Link.config.d.ts +3 -3
  26. package/components/Link/Link.config.js +7 -7
  27. package/components/Link/Link.config.js.map +1 -1
  28. package/components/Link/Link.config_16czjeg.css +8 -0
  29. package/components/Link/Link.css +8 -8
  30. package/components/Link/Link.d.ts +3 -3
  31. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  32. package/components/Radiobox/Radiobox.config.js +3 -3
  33. package/components/Radiobox/Radiobox.config.js.map +1 -1
  34. package/components/Radiobox/Radiobox.config_1x0ncs8.css +6 -0
  35. package/components/Radiobox/Radiobox.css +6 -6
  36. package/components/Radiobox/Radiobox.d.ts +1 -1
  37. package/css/sdds_sbcom.module.css +456 -840
  38. package/css/sdds_sbcom__dark.css +324 -444
  39. package/css/sdds_sbcom__light.css +321 -441
  40. package/es/components/Button/Button.config.js +7 -7
  41. package/es/components/Button/Button.config.js.map +1 -1
  42. package/es/components/Button/Button.config_1hraf1c.css +10 -0
  43. package/es/components/Button/Button.css +9 -9
  44. package/es/components/Checkbox/Checkbox.config.js +5 -5
  45. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  46. package/es/components/Checkbox/Checkbox.config_eljryy.css +6 -0
  47. package/es/components/Checkbox/Checkbox.css +6 -6
  48. package/es/components/Counter/Counter.config.js +9 -9
  49. package/es/components/Counter/Counter.config.js.map +1 -1
  50. package/{components/Counter/Counter.config_u14r3s.css → es/components/Counter/Counter.config_1v7pqtf.css} +8 -8
  51. package/es/components/Counter/Counter.css +10 -10
  52. package/es/components/IconButton/IconButton.config.js +5 -5
  53. package/es/components/IconButton/IconButton.config.js.map +1 -1
  54. package/es/components/IconButton/IconButton.config_16whlcu.css +9 -0
  55. package/es/components/IconButton/IconButton.css +8 -8
  56. package/es/components/Link/Link.config.js +7 -7
  57. package/es/components/Link/Link.config.js.map +1 -1
  58. package/es/components/Link/Link.config_16czjeg.css +8 -0
  59. package/es/components/Link/Link.css +8 -8
  60. package/es/components/Radiobox/Radiobox.config.js +3 -3
  61. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  62. package/es/components/Radiobox/Radiobox.config_1x0ncs8.css +6 -0
  63. package/es/components/Radiobox/Radiobox.css +6 -6
  64. package/es/index.css +55 -55
  65. package/es/index.js +1 -1
  66. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  67. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  68. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  69. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  70. package/es/theme/tokens/index.js +497 -1169
  71. package/es/theme/tokens/index.js.map +1 -1
  72. package/index.css +55 -55
  73. package/index.js +12 -264
  74. package/index.js.map +1 -1
  75. package/package.json +1 -1
  76. package/styled-components/cjs/Button/Button.config.js +9 -9
  77. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  78. package/styled-components/cjs/Counter/Counter.config.js +8 -8
  79. package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
  80. package/styled-components/cjs/Link/Link.config.js +6 -6
  81. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  82. package/styled-components/es/Button/Button.config.js +9 -9
  83. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  84. package/styled-components/es/Counter/Counter.config.js +8 -8
  85. package/styled-components/es/IconButton/IconButton.config.js +6 -6
  86. package/styled-components/es/Link/Link.config.js +6 -6
  87. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  88. package/theme/themes/sdds_sbcom__dark.js +1 -1
  89. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  90. package/theme/themes/sdds_sbcom__light.js +1 -1
  91. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  92. package/theme/tokens/index.d.ts +353 -773
  93. package/theme/tokens/index.js +508 -1432
  94. package/theme/tokens/index.js.map +1 -1
  95. package/components/Button/Button.config_1wue0f1.css +0 -10
  96. package/components/Checkbox/Checkbox.config_limvsr.css +0 -6
  97. package/components/IconButton/IconButton.config_yxpssw.css +0 -9
  98. package/components/Link/Link.config_1adojdx.css +0 -8
  99. package/components/Radiobox/Radiobox.config_wzkn6m.css +0 -6
  100. package/es/components/Button/Button.config_1wue0f1.css +0 -10
  101. package/es/components/Checkbox/Checkbox.config_limvsr.css +0 -6
  102. package/es/components/IconButton/IconButton.config_yxpssw.css +0 -9
  103. package/es/components/Link/Link.config_1adojdx.css +0 -8
  104. package/es/components/Radiobox/Radiobox.config_wzkn6m.css +0 -6
@@ -2,154 +2,67 @@
2
2
 
3
3
  .dark {
4
4
  --on-dark-personas-green-text-accent: #6CD5BB;
5
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
6
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
7
5
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
8
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
9
6
  --surface-transparent-accent-minor-hover: #0BA88866;
10
- --surface-transparent-accent-minor-active: #0BA88838;
11
7
  --on-light-outline-primary-hover: #ADA39FFF;
12
- --on-light-outline-primary-active: #C4BEBAFF;
13
- --inverse-outline-default-hover: #CCCCCCFF;
14
8
  --inverse-outline-default-active: #E6E6E6FF;
15
- --inverse-personas-sea-blue-text-accent-hover: #000000FF;
16
9
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
17
- --inverse-personas-blue-text-accent-hover: #1477E1FF;
18
- --inverse-personas-blue-text-accent-active: #0D4F96FF;
19
- --inverse-personas-violet-text-accent-hover: #B740C9FF;
20
10
  --inverse-personas-violet-text-accent-active: #81288FFF;
21
- --inverse-surface-transparent-accent-minor-hover: #0BA88857;
22
- --inverse-surface-transparent-accent-minor-active: #0BA8885C;
23
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
24
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
25
- --on-dark-surface-transparent-navi-hover: #242424B8;
26
11
  --on-dark-surface-transparent-navi-active: #2424248A;
27
- --inverse-outline-primary-hover: #ADA39FFF;
28
12
  --inverse-outline-primary-active: #C4BEBAFF;
29
13
  --on-light-outline-default-hover: #CCCCCCFF;
30
- --on-light-outline-default-active: #E6E6E6FF;
31
14
  --on-dark-outline-default-hover: #666666FF;
32
15
  --on-dark-outline-default-active: #292929FF;
33
16
  --personas-green-text-accent-hover: #04C396FF;
34
- --personas-green-text-accent-active: #03A57FFF;
35
17
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
36
- --personas-sea-blue-text-accent-active: #00A8ADFF;
37
18
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
38
- --inverse-surface-accent-secondary-active: #3CAF94FF;
39
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
40
19
  --on-light-surface-accent-secondary-active: #3CAF94FF;
41
- --surface-transparent-navi-hover: #FFFFFFB8;
42
20
  --surface-transparent-navi-active: #FFFFFF8A;
43
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
44
21
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
45
- --on-light-personas-green-text-accent-hover: #04D7A6FF;
46
22
  --on-light-personas-green-text-accent-active: #04AF87FF;
47
- --outline-default-hover: #858585FF;
48
23
  --outline-default-active: #666666FF;
49
- --on-dark-outline-primary-hover: #6B6461FF;
50
- --on-dark-outline-positive-minor-active: #074A14FF;
51
24
  --on-dark-outline-primary-active: #2B2827FF;
52
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
53
- --on-dark-personas-pink-text-accent-active: #F58A8AFF;
54
- --outline-primary-hover: #91847EFF;
55
- --outline-primary-active: #665C57FF;
56
- --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
57
- --inverse-personas-indigo-text-accent-active: #A46AF1FF;
58
- --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
59
- --inverse-personas-pink-text-accent-active: #F48080FF;
60
- --personas-olive-text-accent-hover: #A6D4A5FF;
61
25
  --personas-olive-text-accent-active: #7DC07CFF;
62
- --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
63
26
  --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
64
27
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
65
- --on-dark-personas-olive-text-accent-active: #7DC07CFF;
66
- --inverse-surface-transparent-navi-hover: #FFFFFFFF;
67
- --inverse-surface-transparent-navi-active: #FFFFFFFF;
68
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
28
+ --inverse-surface-transparent-navi-active: #FFFFFFAD;
69
29
  --on-light-personas-olive-text-accent-active: #179315FF;
70
- --on-light-personas-violet-text-accent-hover: #B740C9FF;
71
30
  --on-light-personas-violet-text-accent-active: #81288FFF;
72
- --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
73
- --on-light-outline-read-only-hover: #C7C7C7FF;
74
31
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
75
- --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
76
32
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
77
33
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
78
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
79
34
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
80
- --inverse-personas-green-text-accent-active: #4CCDACFF;
81
35
  --on-light-personas-pink-text-accent-hover: #E47777FF;
82
- --on-light-personas-pink-text-accent-active: #D73333FF;
83
- --on-dark-personas-ochre-text-accent: #F4B49B;
84
36
  --surface-accent-secondary-hover: #70CDB7FF;
85
- --surface-accent-secondary-active: #59C5ACFF;
86
37
  --personas-pink-text-accent-hover: #E26E6EFF;
87
- --surface-transparent-accent-minor: #0BA68647;
88
38
  --personas-pink-text-accent-active: #D83B3BFF;
89
39
  --personas-indigo-text-accent-hover: #E8DAFCFF;
90
- --personas-indigo-text-accent-active: #AA73F2FF;
91
40
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
92
- --on-dark-personas-violet-text-accent-active: #D982E8FF;
93
41
  --on-light-outline-primary: #DDD9D7;
94
- --on-light-surface-transparent-navi-hover: #FFFFFFFF;
95
42
  --inverse-outline-default: #FFFFFF;
96
- --on-light-surface-transparent-navi-active: #FFFFFFFF;
97
- --inverse-personas-sea-blue-text-accent: #7BC8C8;
98
- --background-hardline: #000000;
99
- --inverse-personas-blue-text-accent: #1063BA;
100
43
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
101
- --inverse-personas-violet-text-accent: #9E32AF;
102
44
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
103
- --inverse-surface-transparent-accent-minor: #0BA68647;
104
45
  --on-light-personas-indigo-text-accent-hover: #000000FF;
105
- --on-light-personas-blue-text-accent: #1063BA;
106
46
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
107
- --on-dark-surface-transparent-navi: #23232399;
108
47
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
109
- --inverse-outline-primary: #DDD9D7;
110
48
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
111
49
  --on-light-outline-default: #FFFFFF;
112
- --inverse-personas-olive-text-accent-hover: #1DB71AFF;
113
- --inverse-personas-olive-text-accent-active: #179315FF;
114
- --personas-ochre-text-accent-hover: #F7C8B6FF;
115
- --on-dark-outline-default: #383838;
116
50
  --personas-ochre-text-accent-active: #F19F7EFF;
117
- --personas-green-text-accent: #038768;
118
- --personas-sea-blue-text-accent: #00898D;
119
51
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
120
52
  --inverse-background-hardline: #000000;
121
- --inverse-surface-accent-secondary: #41BDA1;
122
53
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
123
- --light-background-hardline: #FFFFFF;
124
54
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
125
- --on-light-surface-accent-secondary: #41BDA1;
126
55
  --surface-transparent-navi: #FFFFFF99;
127
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
128
- --personas-violet-text-accent-hover: #B438C7FF;
129
- --on-light-surface-transparent-accent-minor: #0BA6863D;
56
+ --on-light-surface-accent-secondary: #41BDA1;
130
57
  --personas-violet-text-accent-active: #892B97FF;
131
- --on-light-personas-green-text-accent: #038768;
132
58
  --personas-blue-text-accent-hover: #C3DDF9FF;
133
59
  --outline-default: #FFFFFF;
134
- --personas-blue-text-accent-active: #5DA3EFFF;
135
- --text-primary-brightness-hover: #FAFAFA93;
136
- --dark-background-hardline: #000000;
137
60
  --text-primary-brightness-active: #FAFAFAC4;
138
- --on-dark-outline-primary: #3B3735;
139
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
140
- --on-dark-personas-pink-text-accent: #F7A4A4;
141
- --on-dark-text-primary-brightness-active: #FAFAFAC4;
142
- --on-light-text-primary-brightness-hover: #17171793;
143
- --on-light-text-primary-brightness-active: #171717C4;
144
- --inverse-text-primary-brightness-hover: #17171793;
145
- --inverse-text-primary-brightness-active: #171717C4;
146
- --surface-solid-primary-brightness-active: #212121FF;
147
61
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
148
62
  --surface-transparent-card-brightness-active: #FAFAFA0A;
149
63
  --surface-solid-card-brightness-hover: #303030FF;
150
64
  --surface-solid-card-brightness-active: #212121FF;
151
65
  --surface-solid-primary-brightness-hover: #303030FF;
152
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
153
66
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
154
67
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
155
68
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -157,38 +70,28 @@
157
70
  --on-dark-surface-solid-card-brightness-active: #212121FF;
158
71
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
159
72
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
160
- --outline-transparent-negative-hover: #F36876FF;
161
- --on-dark-outline-transparent-warning-active: #B34100FF;
162
73
  --outline-primary: #DDD9D7;
163
74
  --inverse-personas-indigo-text-accent: #BD91F5;
164
75
  --inverse-personas-pink-text-accent: #F7A4A4;
165
- --on-dark-text-warning-minor-hover: #BB4F11FF;
166
76
  --on-light-outline-positive-active: #20801EFF;
167
77
  --personas-olive-text-accent: #93CB92;
168
78
  --inverse-personas-ochre-text-accent: #D15A11;
169
79
  --surface-solid-tertiary-active: #424242FF;
170
80
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
171
- --on-light-surface-warning-minor-active: #FED9C3FF;
172
- --on-light-data-yellow-transparent-hover: #F5B638FF;
173
81
  --on-dark-personas-olive-text-accent: #93CB92;
174
82
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
175
- --on-dark-surface-accent-minor-active: #043F34FF;
176
83
  --text-primary: #FFFFFFFC;
177
84
  --on-dark-text-accent-minor-hover: #60C7AFFF;
178
85
  --inverse-surface-transparent-navi: #FFFFFF99;
179
86
  --on-light-personas-olive-text-accent: #127210;
180
- --inverse-surface-positive-minor-active: #8BF99FFF;
181
87
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
88
+ --on-dark-surface-accent-minor-active: #043F34FF;
182
89
  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
183
90
  --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
184
91
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
185
92
  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
186
93
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
187
- --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
188
94
  --on-light-outline-warning-active: #A3420AFF;
189
- --inverse-outline-transparent-secondary-active: #080808FF;
190
- --inverse-outline-transparent-warning-active: #5D2809FF;
191
- --inverse-data-yellow-minor-hover: #FFCF70FF;
192
95
  --on-light-personas-violet-text-accent: #9E32AF;
193
96
  --on-light-personas-ochre-text-accent: #D15A11;
194
97
  --on-dark-personas-indigo-text-accent: #BD91F5;
@@ -202,17 +105,10 @@
202
105
  --inverse-surface-solid-tertiary: #FFFFFF;
203
106
  --on-light-surface-accent-minor: #D0F2E9;
204
107
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
205
- --on-dark-outline-transparent-tertiary-active: #616161FF;
206
- --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
207
- --on-dark-surface-transparent-warning-active: #C74900FF;
208
108
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
209
109
  --inverse-surface-accent-minor: #D0F2E9;
210
- --outline-transparent-positive-hover: #13BE32FF;
211
- --outline-solid-tertiary-hover: #FFFFFFFF;
212
110
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
213
111
  --on-dark-surface-accent-minor-hover: #055C4CFF;
214
- --personas-pink-text-accent: #DE5555;
215
- --personas-indigo-text-accent: #BD91F5;
216
112
  --on-dark-personas-violet-text-accent: #E19DED;
217
113
  --on-light-surface-transparent-navi: #FFFFFF99;
218
114
  --on-dark-personas-blue-text-accent: #79B3F2;
@@ -221,15 +117,98 @@
221
117
  --inverse-personas-olive-text-accent: #127210;
222
118
  --personas-ochre-text-accent: #F4B49B;
223
119
  --on-dark-surface-transparent-accent-minor: #0BA68647;
224
- --inverse-outline-warning-minor-active: #FC8240FF;
225
120
  --on-light-text-warning-active: #6F2D06FF;
226
121
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
227
- --text-info-minor-active: #10659EFF;
228
- --inverse-text-warning-minor-hover: #FDB790FF;
229
- --on-dark-outline-warning-minor-active: #70300AFF;
122
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
123
+ --on-light-outline-primary-active: #C4BEBAFF;
124
+ --inverse-personas-blue-text-accent-active: #0D4F96FF;
125
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
126
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
127
+ --on-light-outline-default-active: #E6E6E6FF;
128
+ --personas-green-text-accent-active: #03A57FFF;
129
+ --personas-sea-blue-text-accent-active: #00A8ADFF;
130
+ --inverse-surface-accent-secondary-active: #3CAF94FF;
131
+ --on-dark-personas-pink-text-accent-active: #F58A8AFF;
132
+ --outline-primary-active: #665C57FF;
133
+ --inverse-personas-indigo-text-accent-active: #A46AF1FF;
134
+ --inverse-personas-pink-text-accent-active: #F48080FF;
135
+ --on-dark-personas-olive-text-accent-active: #7DC07CFF;
136
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
137
+ --inverse-personas-green-text-accent-active: #4CCDACFF;
138
+ --on-light-personas-pink-text-accent-active: #D73333FF;
139
+ --personas-indigo-text-accent-active: #AA73F2FF;
140
+ --on-dark-personas-violet-text-accent-active: #D982E8FF;
141
+ --on-light-surface-transparent-navi-hover: #FFFFFFA8;
142
+ --on-light-surface-transparent-navi-active: #FFFFFFAD;
143
+ --inverse-personas-olive-text-accent-hover: #1DB71AFF;
144
+ --personas-ochre-text-accent-hover: #F7C8B6FF;
145
+ --inverse-surface-accent-secondary: #41BDA1;
146
+ --light-background-hardline: #FFFFFF;
147
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
148
+ --on-light-surface-transparent-accent-minor: #0BA6863D;
149
+ --on-light-personas-green-text-accent: #038768;
150
+ --text-primary-brightness-hover: #FAFAFA93;
151
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
230
152
  --personas-violet-text-accent: #9E32AF;
153
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
154
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
155
+ --surface-transparent-accent-minor-active: #0BA88838;
156
+ --inverse-outline-default-hover: #CCCCCCFF;
157
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
158
+ --inverse-personas-blue-text-accent-hover: #1477E1FF;
159
+ --inverse-personas-violet-text-accent-hover: #B740C9FF;
160
+ --inverse-surface-transparent-accent-minor-hover: #0BA88857;
161
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
162
+ --on-dark-surface-transparent-navi-hover: #242424B8;
163
+ --inverse-outline-primary-hover: #ADA39FFF;
164
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
165
+ --surface-transparent-navi-hover: #FFFFFFB8;
166
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
167
+ --on-light-personas-green-text-accent-hover: #04D7A6FF;
168
+ --outline-default-hover: #858585FF;
169
+ --on-dark-outline-primary-hover: #6B6461FF;
170
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
171
+ --outline-primary-hover: #91847EFF;
172
+ --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
173
+ --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
174
+ --personas-olive-text-accent-hover: #A6D4A5FF;
175
+ --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
176
+ --inverse-surface-transparent-navi-hover: #FFFFFFA8;
177
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
178
+ --on-light-personas-violet-text-accent-hover: #B740C9FF;
179
+ --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
180
+ --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
181
+ --on-dark-personas-ochre-text-accent: #F4B49B;
182
+ --surface-accent-secondary-active: #59C5ACFF;
183
+ --surface-transparent-accent-minor: #0BA68647;
184
+ --inverse-personas-sea-blue-text-accent: #7BC8C8;
185
+ --background-hardline: #000000;
186
+ --inverse-personas-blue-text-accent: #1063BA;
187
+ --inverse-personas-violet-text-accent: #9E32AF;
188
+ --inverse-surface-transparent-accent-minor: #0BA68647;
189
+ --on-light-personas-blue-text-accent: #1063BA;
190
+ --on-dark-surface-transparent-navi: #23232399;
191
+ --inverse-outline-primary: #DDD9D7;
192
+ --inverse-personas-olive-text-accent-active: #179315FF;
193
+ --on-dark-outline-default: #383838;
194
+ --personas-green-text-accent: #038768;
195
+ --personas-sea-blue-text-accent: #00898D;
196
+ --personas-violet-text-accent-hover: #B438C7FF;
197
+ --personas-blue-text-accent-active: #5DA3EFFF;
198
+ --dark-background-hardline: #000000;
199
+ --on-dark-outline-primary: #3B3735;
200
+ --on-dark-personas-pink-text-accent: #F7A4A4;
201
+ --on-light-text-primary-brightness-hover: #17171793;
202
+ --inverse-text-primary-brightness-hover: #17171793;
203
+ --surface-solid-primary-brightness-active: #212121FF;
204
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
205
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
206
+ --personas-pink-text-accent: #DE5555;
231
207
  --personas-blue-text-accent: #79B3F2;
232
- --text-secondary: #F6F2F0A3;
208
+ --on-dark-text-primary-brightness-active: #FAFAFAC4;
209
+ --on-light-text-primary-brightness-active: #171717C4;
210
+ --inverse-text-primary-brightness-active: #171717C4;
211
+ --personas-indigo-text-accent: #BD91F5;
233
212
  --text-paragraph: #F6F2F07A;
234
213
  --text-paragraph-hover: #F5F1EFFF;
235
214
  --text-paragraph-active: #F5F1EF93;
@@ -251,21 +230,14 @@
251
230
  --text-info: #70B2F5;
252
231
  --text-info-hover: #BCDBFAFF;
253
232
  --text-info-active: #53A3F3FF;
254
- --text-positive-minor-hover: #0F9527FF;
255
- --text-positive-minor-active: #0C7920FF;
256
- --text-warning-minor-hover: #BB4F11FF;
257
- --text-warning-minor-active: #9F440FFF;
258
- --text-negative-minor-hover: #B91828FF;
259
- --text-negative-minor-active: #83111CFF;
260
- --text-info-minor-hover: #1277BAFF;
261
233
  --text-secondary-hover: #F5F1EFFF;
234
+ --text-secondary: #F6F2F0A3;
262
235
  --text-primary-active: #FFFFFFCA;
263
236
  --text-secondary-active: #F5F1EFC4;
264
237
  --text-tertiary: #F6F2F03D;
265
238
  --text-tertiary-hover: #F5F1EFFF;
266
239
  --text-tertiary-active: #F5F1EF49;
267
240
  --text-primary-brightness: #FAFAFAF5;
268
- --on-dark-text-tertiary-active: #F5F1EF49;
269
241
  --on-dark-text-paragraph: #F6F2F07A;
270
242
  --on-dark-text-paragraph-hover: #F5F1EFFF;
271
243
  --on-dark-text-paragraph-active: #F5F1EF93;
@@ -286,9 +258,8 @@
286
258
  --on-dark-text-info: #70B2F5;
287
259
  --on-dark-text-info-hover: #BCDBFAFF;
288
260
  --on-dark-text-info-active: #53A3F3FF;
289
- --on-dark-text-positive-minor-hover: #0F9527FF;
290
- --on-dark-text-positive-minor-active: #0C7920FF;
291
261
  --on-dark-text-primary-active: #FFFFFFCA;
262
+ --on-dark-text-tertiary-active: #F5F1EF49;
292
263
  --on-dark-text-primary: #FFFFFFFC;
293
264
  --on-dark-text-primary-brightness: #FAFAFAF5;
294
265
  --on-dark-text-secondary: #F6F2F0A3;
@@ -297,7 +268,6 @@
297
268
  --on-dark-text-tertiary-hover: #F5F1EFFF;
298
269
  --on-dark-text-secondary-active: #F5F1EFC4;
299
270
  --on-dark-text-primary-hover: #FFFFFF97;
300
- --on-dark-text-negative-minor-active: #83111CFF;
301
271
  --on-light-text-primary-hover: #15110F97;
302
272
  --on-light-text-primary-active: #15110FCA;
303
273
  --on-light-text-primary-brightness: #171717F5;
@@ -321,16 +291,7 @@
321
291
  --on-light-text-positive-active: #185E17FF;
322
292
  --on-light-text-warning: #973C09;
323
293
  --on-light-text-warning-hover: #BC4C0BFF;
324
- --on-dark-text-info-minor-hover: #1277BAFF;
325
- --on-dark-text-info-minor-active: #10659EFF;
326
294
  --on-light-text-primary: #15110FFC;
327
- --on-dark-text-negative-minor-hover: #B91828FF;
328
- --on-light-text-warning-minor-hover: #FDB790FF;
329
- --on-light-text-warning-minor-active: #FC8240FF;
330
- --on-light-text-negative-minor-hover: #FFB8BFFF;
331
- --on-light-text-negative-minor-active: #FF6675FF;
332
- --on-light-text-info-minor-hover: #7ACAFFFF;
333
- --on-light-text-info-minor-active: #29A9FFFF;
334
295
  --inverse-text-primary: #15110FFC;
335
296
  --inverse-text-primary-hover: #15110F97;
336
297
  --inverse-text-primary-active: #15110FCA;
@@ -355,24 +316,15 @@
355
316
  --on-light-text-info: #205EA5;
356
317
  --on-light-text-info-hover: #000000FF;
357
318
  --on-light-text-info-active: #194B85FF;
358
- --on-light-text-positive-minor-hover: #47DC62FF;
359
- --on-light-text-positive-minor-active: #21B03CFF;
360
319
  --on-light-text-negative-hover: #E3353BFF;
361
- --inverse-text-warning-active: #6F2D06FF;
362
320
  --inverse-text-negative: #D11D23;
363
321
  --inverse-text-negative-hover: #E3353BFF;
364
322
  --inverse-text-negative-active: #AF181DFF;
365
323
  --inverse-text-info: #205EA5;
366
324
  --inverse-text-info-hover: #000000FF;
367
325
  --inverse-text-info-active: #194B85FF;
368
- --inverse-text-positive-minor-hover: #47DC62FF;
369
- --inverse-text-positive-minor-active: #21B03CFF;
370
- --inverse-text-warning-minor-active: #FC8240FF;
371
- --inverse-text-negative-minor-hover: #FFB8BFFF;
372
- --inverse-text-negative-minor-active: #FF6675FF;
373
- --inverse-text-info-minor-hover: #7ACAFFFF;
374
- --inverse-text-info-minor-active: #29A9FFFF;
375
326
  --surface-solid-primary: #232323;
327
+ --inverse-text-warning-active: #6F2D06FF;
376
328
  --surface-solid-primary-hover: #2E2E2EFF;
377
329
  --surface-solid-primary-active: #1F1F1FFF;
378
330
  --surface-solid-primary-brightness: #262626FF;
@@ -386,13 +338,12 @@
386
338
  --inverse-text-warning: #973C09;
387
339
  --inverse-text-warning-hover: #BC4C0BFF;
388
340
  --inverse-text-positive-active: #185E17FF;
389
- --surface-transparent-primary-active: #FFFFFFFF;
390
341
  --surface-transparent-secondary: #FFFFFF29;
391
- --surface-transparent-secondary-hover: #FFFFFFFF;
392
- --surface-transparent-secondary-active: #FFFFFFFF;
342
+ --surface-transparent-secondary-hover: #FFFFFF47;
343
+ --surface-transparent-secondary-active: #FFFFFF1A;
393
344
  --surface-transparent-tertiary: #FFFFFF3D;
394
- --surface-transparent-tertiary-hover: #FFFFFFFF;
395
- --surface-transparent-tertiary-active: #FFFFFFFF;
345
+ --surface-transparent-tertiary-hover: #FFFFFF5C;
346
+ --surface-transparent-tertiary-active: #FFFFFF2E;
396
347
  --surface-transparent-deep: #373737B8;
397
348
  --surface-transparent-deep-hover: #383838D6;
398
349
  --surface-transparent-deep-active: #383838A8;
@@ -401,8 +352,8 @@
401
352
  --surface-transparent-card-active: #24242470;
402
353
  --surface-transparent-card-brightness: #FAFAFA0F;
403
354
  --surface-clear: #FFFFFF00;
404
- --surface-clear-hover: #FFFFFFFF;
405
- --surface-clear-active: #FFFFFFFF;
355
+ --surface-clear-hover: #FFFFFF00;
356
+ --surface-clear-active: #FFFFFF00;
406
357
  --surface-accent: #0BA686;
407
358
  --surface-accent-hover: #0CBB98FF;
408
359
  --surface-accent-active: #0A9E81FF;
@@ -417,10 +368,10 @@
417
368
  --surface-solid-default: #F6F2F0;
418
369
  --surface-solid-default-hover: #F9F7F5FF;
419
370
  --surface-transparent-primary: #FFFFFF14;
420
- --surface-transparent-primary-hover: #FFFFFFFF;
371
+ --surface-transparent-primary-hover: #FFFFFF24;
421
372
  --surface-solid-default-active: #F2ECE9FF;
422
373
  --surface-solid-card-hover: #2E2E2EFF;
423
- --surface-positive-active: #9FCF9BFF;
374
+ --surface-transparent-primary-active: #FFFFFF0F;
424
375
  --surface-warning: #F8AD80;
425
376
  --surface-warning-hover: #F9BB94FF;
426
377
  --surface-warning-active: #F8A977FF;
@@ -430,19 +381,12 @@
430
381
  --surface-info: #9BCAF8;
431
382
  --surface-info-hover: #AED4F9FF;
432
383
  --surface-info-active: #91C4F7FF;
433
- --surface-positive-minor-hover: #0E3A16FF;
434
- --surface-positive-minor-active: #08210CFF;
384
+ --surface-positive-active: #9FCF9BFF;
435
385
  --surface-positive: #A6D2A2;
436
386
  --surface-positive-hover: #B3D9B0FF;
437
- --surface-transparent-warning-hover: #E65400FF;
438
- --surface-transparent-warning-active: #C74900FF;
439
- --surface-transparent-negative-hover: #ED1D31FF;
440
- --surface-transparent-negative-active: #D91226FF;
441
- --surface-transparent-info-hover: #0D7EC9FF;
442
- --surface-transparent-info-active: #0B6CADFF;
443
387
  --surface-read-only: #F9F9F905;
444
- --surface-read-only-hover: #FFFFFFFF;
445
- --surface-read-only-active: #F5F5F5FF;
388
+ --surface-read-only-hover: #FAFAFA0F;
389
+ --surface-read-only-active: #FAFAFA00;
446
390
  --on-dark-surface-solid-primary: #232323;
447
391
  --on-dark-surface-solid-primary-hover: #2E2E2EFF;
448
392
  --on-dark-surface-solid-primary-active: #1F1F1FFF;
@@ -452,21 +396,12 @@
452
396
  --on-dark-surface-solid-secondary-active: #242424FF;
453
397
  --on-dark-surface-solid-tertiary: #474747;
454
398
  --on-dark-surface-solid-tertiary-hover: #525252FF;
455
- --surface-warning-minor-active: #351909FF;
456
- --surface-warning-minor-hover: #4F250DFF;
457
- --surface-negative-minor-active: #410B11FF;
458
- --surface-negative-minor-hover: #5B1018FF;
459
- --surface-info-minor-active: #0A2333FF;
460
- --surface-transparent-positive-hover: #0F9928FF;
461
- --surface-info-minor-hover: #10344CFF;
462
- --surface-transparent-positive-active: #0C7D21FF;
463
- --on-dark-surface-transparent-primary-active: #FFFFFFFF;
464
399
  --on-dark-surface-transparent-secondary: #FFFFFF29;
465
- --on-dark-surface-transparent-secondary-hover: #FFFFFFFF;
466
- --on-dark-surface-transparent-secondary-active: #FFFFFFFF;
400
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
401
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
467
402
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
468
- --on-dark-surface-transparent-tertiary-hover: #FFFFFFFF;
469
- --on-dark-surface-transparent-tertiary-active: #FFFFFFFF;
403
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
404
+ --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
470
405
  --on-dark-surface-transparent-deep: #373737B8;
471
406
  --on-dark-surface-transparent-deep-hover: #383838D6;
472
407
  --on-dark-surface-transparent-deep-active: #383838A8;
@@ -487,8 +422,9 @@
487
422
  --on-dark-surface-solid-default-hover: #F9F7F5FF;
488
423
  --on-dark-surface-solid-default-active: #F2ECE9FF;
489
424
  --on-dark-surface-transparent-primary: #FFFFFF14;
490
- --on-dark-surface-transparent-primary-hover: #FFFFFFFF;
425
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
491
426
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
427
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
492
428
  --on-dark-surface-positive: #A6D2A2;
493
429
  --on-dark-surface-positive-hover: #B3D9B0FF;
494
430
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -501,21 +437,12 @@
501
437
  --on-dark-surface-info: #9BCAF8;
502
438
  --on-dark-surface-info-hover: #AED4F9FF;
503
439
  --on-dark-surface-info-active: #91C4F7FF;
504
- --on-dark-surface-positive-minor-hover: #0E3A16FF;
505
- --on-dark-surface-positive-minor-active: #08210CFF;
506
- --on-dark-surface-warning-minor-hover: #4F250DFF;
507
- --on-dark-surface-warning-minor-active: #351909FF;
508
440
  --on-dark-surface-transparent-accent-active: #0BA88824;
509
441
  --on-dark-surface-transparent-accent: #0BA68633;
510
442
  --on-dark-surface-transparent-accent-hover: #0BA88852;
511
- --on-dark-surface-transparent-warning-hover: #E65400FF;
512
- --on-dark-surface-transparent-negative-hover: #ED1D31FF;
513
- --on-dark-surface-transparent-negative-active: #D91226FF;
514
- --on-dark-surface-transparent-info-hover: #0D7EC9FF;
515
- --on-dark-surface-transparent-info-active: #0B6CADFF;
516
443
  --on-dark-surface-read-only: #F9F9F905;
517
- --on-dark-surface-read-only-hover: #FFFFFFFF;
518
- --on-dark-surface-read-only-active: #F5F5F5FF;
444
+ --on-dark-surface-read-only-hover: #FAFAFA0F;
445
+ --on-dark-surface-read-only-active: #FAFAFA00;
519
446
  --on-light-surface-solid-primary: #FFFFFF;
520
447
  --on-light-surface-solid-primary-hover: #FFFFFFFF;
521
448
  --on-light-surface-solid-primary-active: #FFFFFFFF;
@@ -525,13 +452,6 @@
525
452
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
526
453
  --on-light-surface-solid-tertiary: #FFFFFF;
527
454
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
528
- --on-dark-surface-negative-minor-hover: #5B1018FF;
529
- --on-dark-surface-info-minor-hover: #10344CFF;
530
- --on-dark-surface-info-minor-active: #0A2333FF;
531
- --on-dark-surface-transparent-positive-active: #0C7D21FF;
532
- --on-dark-surface-transparent-positive-hover: #0F9928FF;
533
- --on-dark-surface-negative-minor-active: #410B11FF;
534
- --on-light-surface-transparent-primary-active: #15110F0F;
535
455
  --on-light-surface-transparent-secondary: #15110F14;
536
456
  --on-light-surface-transparent-secondary-hover: #15110F1A;
537
457
  --on-light-surface-transparent-secondary-active: #15110F1F;
@@ -539,11 +459,11 @@
539
459
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
540
460
  --on-light-surface-transparent-tertiary-active: #15110F33;
541
461
  --on-light-surface-transparent-deep: #FFFFFFB3;
542
- --on-light-surface-transparent-deep-hover: #FFFFFFFF;
543
- --on-light-surface-transparent-deep-active: #FFFFFFFF;
462
+ --on-light-surface-transparent-deep-hover: #FFFFFFC2;
463
+ --on-light-surface-transparent-deep-active: #FFFFFFC7;
544
464
  --on-light-surface-transparent-card: #FFFFFF85;
545
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
546
- --on-light-surface-transparent-card-active: #FFFFFFFF;
465
+ --on-light-surface-transparent-card-hover: #FFFFFF94;
466
+ --on-light-surface-transparent-card-active: #FFFFFF99;
547
467
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
548
468
  --on-light-surface-clear: #FFFFFF00;
549
469
  --on-light-surface-clear-hover: #FFFFFF00;
@@ -560,6 +480,7 @@
560
480
  --on-light-surface-transparent-primary-hover: #15110F0D;
561
481
  --on-light-surface-solid-default-active: #090706FF;
562
482
  --on-light-surface-solid-card-hover: #FFFFFFFF;
483
+ --on-light-surface-transparent-primary-active: #15110F0F;
563
484
  --on-light-surface-positive: #239322;
564
485
  --on-light-surface-positive-hover: #28A126FF;
565
486
  --on-light-surface-positive-active: #20801EFF;
@@ -572,21 +493,12 @@
572
493
  --on-light-surface-info: #3776BC;
573
494
  --on-light-surface-info-hover: #4180C8FF;
574
495
  --on-light-surface-info-active: #326CAEFF;
575
- --on-light-surface-positive-minor-hover: #94F9A7FF;
576
- --on-light-surface-positive-minor-active: #8BF99FFF;
577
- --on-light-surface-warning-minor-hover: #FEDCC8FF;
578
496
  --on-light-surface-transparent-accent-active: #0BA88833;
579
497
  --on-light-surface-transparent-accent: #0BA6861F;
580
498
  --on-light-surface-transparent-accent-hover: #0BA8882E;
581
- --on-light-surface-transparent-warning-hover: #E65400FF;
582
- --on-light-surface-transparent-warning-active: #BD4500FF;
583
- --on-light-surface-transparent-negative-hover: #ED1D31FF;
584
- --on-light-surface-transparent-negative-active: #D01124FF;
585
- --on-light-surface-transparent-info-hover: #0D84D3FF;
586
- --on-light-surface-transparent-info-active: #0A66A3FF;
587
499
  --on-light-surface-read-only: #F9F9F903;
588
- --on-light-surface-read-only-hover: #F7F7F7FF;
589
- --on-light-surface-read-only-active: #F5F5F5FF;
500
+ --on-light-surface-read-only-hover: #FAFAFA05;
501
+ --on-light-surface-read-only-active: #FAFAFA08;
590
502
  --inverse-surface-solid-primary: #FFFFFF;
591
503
  --inverse-surface-solid-primary-hover: #FFFFFFFF;
592
504
  --inverse-surface-solid-primary-active: #FFFFFFFF;
@@ -594,12 +506,6 @@
594
506
  --inverse-surface-solid-secondary: #FFFFFF;
595
507
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
596
508
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
597
- --on-light-surface-info-minor-hover: #C7E9FFFF;
598
- --on-light-surface-info-minor-active: #C2E7FFFF;
599
- --on-light-surface-transparent-positive-hover: #0F9928FF;
600
- --on-light-surface-transparent-positive-active: #0B741FFF;
601
- --on-light-surface-negative-minor-active: #FFD1D6FF;
602
- --inverse-surface-transparent-primary-hover: #15110F0D;
603
509
  --inverse-surface-transparent-primary-active: #15110F0F;
604
510
  --inverse-surface-transparent-secondary: #15110F14;
605
511
  --inverse-surface-transparent-secondary-hover: #15110F1A;
@@ -608,11 +514,11 @@
608
514
  --inverse-surface-transparent-tertiary-hover: #15110F2E;
609
515
  --inverse-surface-transparent-tertiary-active: #15110F33;
610
516
  --inverse-surface-transparent-deep: #FFFFFFB3;
611
- --inverse-surface-transparent-deep-hover: #FFFFFFFF;
612
- --inverse-surface-transparent-deep-active: #FFFFFFFF;
517
+ --inverse-surface-transparent-deep-hover: #FFFFFFC2;
518
+ --inverse-surface-transparent-deep-active: #FFFFFFC7;
613
519
  --inverse-surface-transparent-card: #FFFFFF85;
614
- --inverse-surface-transparent-card-hover: #FFFFFFFF;
615
- --inverse-surface-transparent-card-active: #FFFFFFFF;
520
+ --inverse-surface-transparent-card-hover: #FFFFFF94;
521
+ --inverse-surface-transparent-card-active: #FFFFFF99;
616
522
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
617
523
  --inverse-surface-clear: #FFFFFF00;
618
524
  --inverse-surface-clear-hover: #FFFFFF00;
@@ -628,6 +534,7 @@
628
534
  --inverse-surface-solid-card-brightness: #FFFFFFFF;
629
535
  --inverse-surface-solid-default: #15110F;
630
536
  --inverse-surface-transparent-primary: #15110F0A;
537
+ --inverse-surface-transparent-primary-hover: #15110F0D;
631
538
  --inverse-surface-positive: #239322;
632
539
  --inverse-surface-positive-hover: #28A126FF;
633
540
  --inverse-surface-positive-active: #20801EFF;
@@ -640,24 +547,15 @@
640
547
  --inverse-surface-info: #3776BC;
641
548
  --inverse-surface-info-hover: #4180C8FF;
642
549
  --inverse-surface-info-active: #326CAEFF;
643
- --inverse-surface-positive-minor-hover: #94F9A7FF;
644
550
  --inverse-surface-accent-minor-active: #BFEDE1FF;
645
551
  --inverse-surface-accent-hover: #0CBB98FF;
646
552
  --inverse-surface-transparent-accent: #0BA6861F;
647
553
  --inverse-surface-transparent-accent-hover: #0BA8882E;
648
554
  --inverse-surface-transparent-accent-active: #0BA88833;
649
555
  --inverse-surface-accent-active: #099579FF;
650
- --inverse-surface-transparent-positive-hover: #0F9928FF;
651
- --inverse-surface-transparent-positive-active: #0B741FFF;
652
- --inverse-surface-transparent-warning-hover: #E65400FF;
653
- --inverse-surface-transparent-warning-active: #BD4500FF;
654
- --inverse-surface-transparent-negative-hover: #ED1D31FF;
655
- --inverse-surface-transparent-negative-active: #D01124FF;
656
- --inverse-surface-transparent-info-hover: #0D84D3FF;
657
- --inverse-surface-transparent-info-active: #0A66A3FF;
658
556
  --inverse-surface-read-only: #F9F9F903;
659
- --inverse-surface-read-only-hover: #F7F7F7FF;
660
- --inverse-surface-read-only-active: #F5F5F5FF;
557
+ --inverse-surface-read-only-hover: #FAFAFA05;
558
+ --inverse-surface-read-only-active: #FAFAFA08;
661
559
  --background-primary: #141413;
662
560
  --background-secondary: #0F0F0F;
663
561
  --background-tertiary: #141413;
@@ -665,30 +563,13 @@
665
563
  --dark-background-secondary: #0F0F0F;
666
564
  --dark-background-tertiary: #141413;
667
565
  --light-background-primary: #EBE7E5;
668
- --inverse-surface-warning-minor-hover: #FEDCC8FF;
669
- --inverse-surface-negative-minor-hover: #FFD6DAFF;
670
- --inverse-surface-negative-minor-active: #FFD1D6FF;
671
- --inverse-surface-info-minor-hover: #C7E9FFFF;
672
- --inverse-surface-info-minor-active: #C2E7FFFF;
673
- --inverse-surface-warning-minor-active: #FED9C3FF;
674
566
  --on-light-overlay-soft: #0000003D;
675
567
  --on-light-overlay-hard: #00000052;
676
568
  --inverse-overlay-soft: #0000003D;
677
569
  --inverse-overlay-hard: #00000052;
678
- --outline-solid-primary-hover: #545454FF;
679
- --outline-solid-primary-active: #171717FF;
680
- --outline-solid-secondary-hover: #ABABABFF;
681
- --outline-solid-secondary-active: #363636FF;
682
- --outline-solid-tertiary-active: #525252FF;
683
- --outline-solid-default-hover: #808080FF;
684
- --outline-solid-default-active: #616161FF;
685
570
  --outline-transparent-primary: #FFFFFF1F;
686
- --outline-transparent-primary-hover: #858585FF;
687
- --outline-transparent-primary-active: #666666FF;
688
- --outline-transparent-secondary-hover: #808080FF;
689
- --outline-transparent-secondary-active: #616161FF;
690
- --outline-transparent-tertiary-hover: #808080FF;
691
- --outline-transparent-tertiary-active: #616161FF;
571
+ --outline-transparent-primary-hover: #FFFFFF4D;
572
+ --outline-transparent-primary-active: #FFFFFF12;
692
573
  --outline-clear: #FFFFFF00;
693
574
  --inverse-background-secondary: #F6F2F0;
694
575
  --light-background-tertiary: #FFFFFF;
@@ -710,46 +591,11 @@
710
591
  --outline-info: #9BCAF8;
711
592
  --outline-info-hover: #E7F2FDFF;
712
593
  --outline-info-active: #7EBAF6FF;
713
- --outline-positive-minor-hover: #0F9527FF;
714
- --outline-positive-minor-active: #074A14FF;
715
- --outline-warning-minor-hover: #BB4F11FF;
716
- --outline-warning-minor-active: #70300AFF;
717
- --outline-negative-minor-hover: #D41C2EFF;
718
- --outline-negative-minor-active: #8C121EFF;
719
- --outline-info-minor-hover: #1277BAFF;
720
- --outline-info-minor-active: #0B476FFF;
721
594
  --outline-clear-active: #FFFFFF00;
722
595
  --outline-clear-hover: #FFFFFF00;
723
- --outline-accent-active: #0B741FFF;
724
- --outline-accent-hover: #13BE32FF;
725
- --outline-transparent-accent-hover: #13BE32FF;
726
- --outline-accent-minor-hover: #0F9527FF;
727
- --outline-accent-minor-active: #074A14FF;
728
- --outline-transparent-accent-active: #0B741FFF;
729
- --outline-read-only-hover: #808080FF;
730
- --outline-read-only-active: #616161FF;
731
- --on-dark-outline-solid-primary-hover: #545454FF;
732
- --on-dark-outline-solid-primary-active: #171717FF;
733
- --on-dark-outline-solid-secondary-hover: #ABABABFF;
734
- --on-dark-outline-solid-secondary-active: #363636FF;
735
- --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
736
- --on-dark-outline-solid-tertiary-active: #525252FF;
737
- --on-dark-outline-solid-default-hover: #808080FF;
738
- --on-dark-outline-solid-default-active: #616161FF;
739
596
  --on-dark-outline-transparent-primary: #FFFFFF1F;
740
- --on-dark-outline-transparent-primary-hover: #858585FF;
741
- --on-dark-outline-transparent-primary-active: #666666FF;
742
- --on-dark-outline-transparent-secondary-hover: #808080FF;
743
- --on-dark-outline-transparent-secondary-active: #616161FF;
744
- --on-dark-outline-transparent-tertiary-hover: #808080FF;
745
- --outline-transparent-warning-hover: #FF8138FF;
746
- --outline-transparent-positive-active: #0B741FFF;
747
- --outline-transparent-warning-active: #B34100FF;
748
- --outline-transparent-negative-active: #C61022FF;
749
- --outline-transparent-info-hover: #0F96F0FF;
750
- --outline-transparent-info-active: #0A66A3FF;
751
- --on-dark-outline-transparent-accent-hover: #13BE32FF;
752
- --on-dark-outline-transparent-accent-active: #0B741FFF;
597
+ --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
598
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
753
599
  --on-dark-outline-positive: #A6D2A2;
754
600
  --on-dark-outline-positive-hover: #DBEDD9FF;
755
601
  --on-dark-outline-positive-active: #92C88DFF;
@@ -762,69 +608,17 @@
762
608
  --on-dark-outline-info: #9BCAF8;
763
609
  --on-dark-outline-info-hover: #E7F2FDFF;
764
610
  --on-dark-outline-info-active: #7EBAF6FF;
765
- --on-dark-outline-positive-minor-hover: #0F9527FF;
766
- --on-dark-outline-warning-minor-hover: #BB4F11FF;
767
611
  --on-dark-outline-clear-active: #FFFFFF00;
768
612
  --on-dark-outline-clear: #FFFFFF00;
769
- --on-dark-outline-accent-hover: #13BE32FF;
770
- --on-dark-outline-accent-active: #0B741FFF;
771
- --on-dark-outline-accent-minor-hover: #0F9527FF;
772
- --on-dark-outline-accent-minor-active: #074A14FF;
773
613
  --on-dark-outline-clear-hover: #FFFFFF00;
774
- --on-dark-outline-transparent-warning-hover: #FF8138FF;
775
- --on-dark-outline-transparent-negative-hover: #F36876FF;
776
- --on-dark-outline-transparent-negative-active: #C61022FF;
777
- --on-dark-outline-transparent-info-hover: #0F96F0FF;
778
- --on-dark-outline-transparent-info-active: #0A66A3FF;
779
- --on-dark-outline-read-only-hover: #808080FF;
780
- --on-dark-outline-read-only-active: #616161FF;
781
- --on-light-outline-solid-primary-hover: #ABABABFF;
782
- --on-light-outline-solid-primary-active: #C4C4C4FF;
783
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
784
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
785
- --on-dark-outline-negative-minor-active: #8C121EFF;
786
- --on-dark-outline-info-minor-hover: #1277BAFF;
787
- --on-dark-outline-info-minor-active: #0B476FFF;
788
- --on-dark-outline-transparent-positive-hover: #13BE32FF;
789
- --on-dark-outline-transparent-positive-active: #0B741FFF;
790
- --on-dark-outline-negative-minor-hover: #D41C2EFF;
791
- --on-light-outline-transparent-secondary-active: #080808FF;
792
- --on-light-outline-transparent-tertiary-hover: #969696FF;
793
- --on-light-outline-transparent-tertiary-active: #080808FF;
794
614
  --on-light-outline-clear: #FFFFFF00;
795
615
  --on-light-outline-clear-hover: #FFFFFF00;
796
616
  --on-light-outline-clear-active: #FFFFFF00;
797
- --on-light-outline-accent-hover: #0F9527FF;
798
- --on-light-outline-accent-active: #074A14FF;
799
- --on-light-outline-accent-minor-hover: #7AE68EFF;
800
- --on-light-outline-accent-minor-active: #23B83EFF;
801
- --on-light-outline-transparent-accent-hover: #0F9527FF;
802
- --on-light-outline-transparent-accent-active: #074A14FF;
803
617
  --on-light-outline-positive: #239322;
804
618
  --on-light-outline-positive-hover: #32CA2FFF;
805
- --on-light-outline-solid-default-hover: #969696FF;
806
- --on-light-outline-solid-tertiary-active: #5C5C5CFF;
807
- --on-light-outline-solid-default-active: #080808FF;
808
619
  --on-light-outline-transparent-primary: #15110F3D;
809
620
  --on-light-outline-transparent-primary-hover: #15110F25;
810
- --on-light-outline-transparent-secondary-hover: #969696FF;
811
621
  --on-light-outline-transparent-primary-active: #15110F62;
812
- --on-light-outline-positive-minor-hover: #7AE68EFF;
813
- --on-light-outline-positive-minor-active: #23B83EFF;
814
- --on-light-outline-warning-minor-hover: #FDB790FF;
815
- --on-light-outline-warning-minor-active: #FC8240FF;
816
- --on-light-outline-negative-minor-hover: #FFB8BFFF;
817
- --on-light-outline-negative-minor-active: #FF6675FF;
818
- --on-light-outline-info-minor-hover: #A3DAFFFF;
819
- --on-light-outline-info-minor-active: #29A9FFFF;
820
- --on-light-outline-transparent-positive-hover: #0F9527FF;
821
- --on-light-outline-transparent-positive-active: #074A14FF;
822
- --on-light-outline-transparent-warning-hover: #B14B10FF;
823
- --on-light-outline-transparent-warning-active: #5D2809FF;
824
- --on-light-outline-transparent-negative-hover: #DD1D30FF;
825
- --on-light-outline-transparent-negative-active: #8C121EFF;
826
- --on-light-outline-transparent-info-hover: #137DC3FF;
827
- --on-light-outline-transparent-info-active: #093B5DFF;
828
622
  --on-light-outline-negative: #E83439;
829
623
  --on-light-outline-warning: #BE4E0C;
830
624
  --on-light-outline-negative-hover: #F17E82FF;
@@ -833,29 +627,12 @@
833
627
  --on-light-outline-info-active: #3067A6FF;
834
628
  --on-light-outline-info-hover: #81AADAFF;
835
629
  --on-light-outline-warning-hover: #F3813FFF;
836
- --inverse-outline-solid-primary-hover: #ABABABFF;
837
- --inverse-outline-solid-tertiary-active: #5C5C5CFF;
838
- --inverse-outline-solid-default-hover: #969696FF;
839
- --inverse-outline-solid-default-active: #080808FF;
840
630
  --inverse-outline-transparent-primary: #15110F3D;
841
631
  --inverse-outline-transparent-primary-hover: #15110F25;
842
632
  --inverse-outline-transparent-primary-active: #15110F62;
843
- --inverse-outline-transparent-secondary-hover: #969696FF;
844
- --inverse-outline-transparent-tertiary-hover: #969696FF;
845
- --inverse-outline-transparent-tertiary-active: #080808FF;
846
633
  --inverse-outline-clear: #FFFFFF00;
847
634
  --inverse-outline-clear-hover: #FFFFFF00;
848
635
  --inverse-outline-clear-active: #FFFFFF00;
849
- --inverse-outline-accent-hover: #0F9527FF;
850
- --inverse-outline-accent-active: #074A14FF;
851
- --inverse-outline-accent-minor-hover: #7AE68EFF;
852
- --inverse-outline-accent-minor-active: #23B83EFF;
853
- --inverse-outline-solid-primary-active: #C4C4C4FF;
854
- --on-light-outline-read-only-active: #E0E0E0FF;
855
- --inverse-outline-solid-secondary-hover: #DBDBDBFF;
856
- --inverse-outline-solid-secondary-active: #8F8F8FFF;
857
- --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
858
- --inverse-outline-positive-active: #20801EFF;
859
636
  --inverse-outline-warning: #BE4E0C;
860
637
  --inverse-outline-warning-hover: #F3813FFF;
861
638
  --inverse-outline-warning-active: #A3420AFF;
@@ -865,53 +642,12 @@
865
642
  --inverse-outline-info: #3776BC;
866
643
  --inverse-outline-info-hover: #81AADAFF;
867
644
  --inverse-outline-info-active: #3067A6FF;
868
- --inverse-outline-positive-minor-hover: #7AE68EFF;
869
- --inverse-outline-positive-minor-active: #23B83EFF;
870
- --inverse-outline-warning-minor-hover: #FDB790FF;
871
- --inverse-outline-negative-minor-hover: #FFB8BFFF;
872
- --inverse-outline-negative-minor-active: #FF6675FF;
873
- --inverse-outline-info-minor-hover: #A3DAFFFF;
874
- --inverse-outline-info-minor-active: #29A9FFFF;
875
- --inverse-outline-transparent-positive-hover: #0F9527FF;
876
- --inverse-outline-transparent-positive-active: #074A14FF;
877
- --inverse-outline-transparent-accent-active: #074A14FF;
645
+ --inverse-outline-positive-active: #20801EFF;
878
646
  --inverse-outline-positive: #239322;
879
647
  --inverse-outline-positive-hover: #32CA2FFF;
880
- --inverse-outline-read-only-active: #E0E0E0FF;
881
- --data-yellow-hover: #F4B22FFF;
882
- --data-yellow-active: #EDA20CFF;
883
- --data-yellow-minor-hover: #B87A00FF;
884
- --data-yellow-minor-active: #996600FF;
885
- --data-yellow-transparent-hover: #F4B22FFF;
886
- --data-yellow-transparent-active: #EDA20CFF;
887
- --on-dark-data-yellow-hover: #F4B22FFF;
888
- --on-dark-data-yellow-active: #EDA20CFF;
889
- --on-dark-data-yellow-minor-hover: #B87A00FF;
890
- --on-dark-data-yellow-minor-active: #996600FF;
891
- --on-dark-data-yellow-transparent-hover: #F4B22FFF;
892
- --on-dark-data-yellow-transparent-active: #EDA20CFF;
893
- --on-light-data-yellow-hover: #F5B638FF;
894
- --on-light-data-yellow-active: #E49C0CFF;
895
- --on-light-data-yellow-minor-hover: #FFCF70FF;
896
- --on-light-data-yellow-minor-active: #FFCC66FF;
897
- --inverse-outline-transparent-negative-hover: #DD1D30FF;
898
- --inverse-outline-transparent-warning-hover: #B14B10FF;
899
- --inverse-outline-transparent-negative-active: #8C121EFF;
900
- --inverse-outline-transparent-info-hover: #137DC3FF;
901
- --inverse-outline-read-only-hover: #C7C7C7FF;
902
- --inverse-outline-transparent-info-active: #093B5DFF;
903
- --inverse-data-yellow-hover: #F5B638FF;
904
- --inverse-data-yellow-active: #E49C0CFF;
905
- --inverse-data-yellow-minor-active: #FFCC66FF;
906
- --on-light-data-yellow-transparent-active: #E49C0CFF;
907
- --inverse-data-yellow-transparent-active: #E49C0CFF;
908
- --inverse-data-yellow-transparent-hover: #F5B638FF;
909
- --inverse-outline-transparent-accent-hover: #0F9527FF;
910
648
  --text-primary-hover: #FFFFFF97;
911
- --on-dark-text-warning-minor-active: #9F440FFF;
912
649
  --on-dark-surface-solid-default: #F6F2F0;
913
650
  --on-light-surface-accent-minor-active: #BFEDE1FF;
914
- --on-light-surface-negative-minor-hover: #FFD6DAFF;
915
651
  --inverse-surface-accent-minor-hover: #C7F0E5FF;
916
652
  color: var(--text-primary);
917
653
  background-color: var(--background-primary);
@@ -919,7 +655,6 @@
919
655
 
920
656
  .dark {
921
657
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
922
- --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%);
923
658
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
924
659
  --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
925
660
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
@@ -948,7 +683,7 @@
948
683
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
949
684
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
950
685
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
951
- --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
686
+ --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%);
952
687
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
953
688
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
954
689
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
@@ -974,166 +709,80 @@
974
709
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
975
710
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
976
711
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
712
+ --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
977
713
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
978
714
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
979
715
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
980
716
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
981
- --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
982
717
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
983
718
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
984
719
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
720
+ --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
985
721
  }
986
722
 
987
723
  .light {
988
724
  --on-dark-personas-green-text-accent: #6CD5BB;
989
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
990
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
991
725
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
992
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
993
726
  --surface-transparent-accent-minor-hover: #0BA8884D;
994
- --surface-transparent-accent-minor-active: #0BA88852;
995
727
  --on-light-outline-primary-hover: #ADA39FFF;
996
- --on-light-outline-primary-active: #C4BEBAFF;
997
- --inverse-outline-default-hover: #666666FF;
998
728
  --inverse-outline-default-active: #292929FF;
999
- --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
1000
729
  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
1001
- --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
1002
- --inverse-personas-blue-text-accent-active: #5DA3EFFF;
1003
- --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
1004
730
  --inverse-personas-violet-text-accent-active: #D982E8FF;
1005
- --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
1006
- --inverse-surface-transparent-accent-minor-active: #0BA8882E;
1007
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
1008
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
1009
- --on-dark-surface-transparent-navi-hover: #242424B8;
1010
731
  --on-dark-surface-transparent-navi-active: #2424248A;
1011
- --inverse-outline-primary-hover: #6B6461FF;
1012
732
  --inverse-outline-primary-active: #2B2827FF;
1013
733
  --on-light-outline-default-hover: #CCCCCCFF;
1014
- --on-light-outline-default-active: #E6E6E6FF;
1015
734
  --on-dark-outline-default-hover: #666666FF;
1016
735
  --on-dark-outline-default-active: #292929FF;
1017
736
  --personas-green-text-accent-hover: #8CDECAFF;
1018
- --personas-green-text-accent-active: #4CCDACFF;
1019
737
  --personas-sea-blue-text-accent-hover: #000000FF;
1020
- --personas-sea-blue-text-accent-active: #4BB4B4FF;
1021
738
  --inverse-surface-accent-secondary-hover: #70CDB7FF;
1022
- --inverse-surface-accent-secondary-active: #59C5ACFF;
1023
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
1024
739
  --on-light-surface-accent-secondary-active: #3CAF94FF;
1025
- --surface-transparent-navi-hover: #242424A8;
1026
740
  --surface-transparent-navi-active: #242424AD;
1027
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
1028
741
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
1029
- --on-light-personas-green-text-accent-hover: #04D7A6FF;
1030
742
  --on-light-personas-green-text-accent-active: #04AF87FF;
1031
- --outline-default-hover: #B3B3B3FF;
1032
743
  --outline-default-active: #6B6B6BFF;
1033
- --on-dark-outline-primary-hover: #6B6461FF;
1034
- --on-dark-outline-positive-minor-active: #074A14FF;
1035
744
  --on-dark-outline-primary-active: #2B2827FF;
1036
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
1037
- --on-dark-personas-pink-text-accent-active: #F58A8AFF;
1038
- --outline-primary-hover: #B6B1AFFF;
1039
- --outline-primary-active: #706966FF;
1040
- --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;
1041
- --inverse-personas-indigo-text-accent-active: #652DA9FF;
1042
- --inverse-personas-pink-text-accent-hover: #E26E6EFF;
1043
- --inverse-personas-pink-text-accent-active: #D83B3BFF;
1044
- --personas-olive-text-accent-hover: #1DB71AFF;
1045
745
  --personas-olive-text-accent-active: #179315FF;
1046
- --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;
1047
746
  --inverse-personas-ochre-text-accent-active: #F19F7EFF;
1048
747
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
1049
- --on-dark-personas-olive-text-accent-active: #7DC07CFF;
1050
- --inverse-surface-transparent-navi-hover: #242424B8;
1051
748
  --inverse-surface-transparent-navi-active: #2424248A;
1052
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
1053
749
  --on-light-personas-olive-text-accent-active: #179315FF;
1054
- --on-light-personas-violet-text-accent-hover: #B740C9FF;
1055
750
  --on-light-personas-violet-text-accent-active: #81288FFF;
1056
- --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
1057
- --on-light-outline-read-only-hover: #C7C7C7FF;
1058
751
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
1059
- --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
1060
752
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
1061
753
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
1062
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
1063
754
  --inverse-personas-green-text-accent-hover: #04C396FF;
1064
- --inverse-personas-green-text-accent-active: #03A57FFF;
1065
755
  --on-light-personas-pink-text-accent-hover: #E47777FF;
1066
- --on-light-personas-pink-text-accent-active: #D73333FF;
1067
- --on-dark-personas-ochre-text-accent: #F4B49B;
1068
756
  --surface-accent-secondary-hover: #50C3A8FF;
1069
- --surface-accent-secondary-active: #3CAF94FF;
1070
757
  --personas-pink-text-accent-hover: #FBCBCBFF;
1071
- --surface-transparent-accent-minor: #0BA6863D;
1072
758
  --personas-pink-text-accent-active: #F48080FF;
1073
759
  --personas-indigo-text-accent-hover: #000000FF;
1074
- --personas-indigo-text-accent-active: #5B2999FF;
1075
760
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
1076
- --on-dark-personas-violet-text-accent-active: #D982E8FF;
1077
761
  --on-light-outline-primary: #DDD9D7;
1078
- --on-light-surface-transparent-navi-hover: #FFFFFFFF;
1079
762
  --inverse-outline-default: #383838;
1080
- --on-light-surface-transparent-navi-active: #FFFFFFFF;
1081
- --inverse-personas-sea-blue-text-accent: #00898D;
1082
- --background-hardline: #FFFFFF;
1083
- --inverse-personas-blue-text-accent: #79B3F2;
1084
763
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
1085
- --inverse-personas-violet-text-accent: #E19DED;
1086
764
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
1087
- --inverse-surface-transparent-accent-minor: #0BA6863D;
1088
765
  --on-light-personas-indigo-text-accent-hover: #000000FF;
1089
- --on-light-personas-blue-text-accent: #1063BA;
1090
766
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
1091
- --on-dark-surface-transparent-navi: #23232399;
1092
767
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
1093
- --inverse-outline-primary: #3B3735;
1094
768
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
1095
769
  --on-light-outline-default: #FFFFFF;
1096
- --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
1097
- --inverse-personas-olive-text-accent-active: #7DC07CFF;
1098
- --personas-ochre-text-accent-hover: #ED6C1DFF;
1099
- --on-dark-outline-default: #383838;
1100
770
  --personas-ochre-text-accent-active: #AA4A0EFF;
1101
- --personas-green-text-accent: #6CD5BB;
1102
- --personas-sea-blue-text-accent: #7BC8C8;
1103
771
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
1104
772
  --inverse-background-hardline: #FFFFFF;
1105
- --inverse-surface-accent-secondary: #61C8B0;
1106
773
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
1107
- --light-background-hardline: #FFFFFF;
1108
774
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
1109
- --on-light-surface-accent-secondary: #41BDA1;
1110
775
  --surface-transparent-navi: #23232399;
1111
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
1112
- --personas-violet-text-accent-hover: #EBBEF3FF;
1113
- --on-light-surface-transparent-accent-minor: #0BA6863D;
776
+ --on-light-surface-accent-secondary: #41BDA1;
1114
777
  --personas-violet-text-accent-active: #D679E6FF;
1115
- --on-light-personas-green-text-accent: #038768;
1116
778
  --personas-blue-text-accent-hover: #1477E1FF;
1117
779
  --outline-default: #383838;
1118
- --personas-blue-text-accent-active: #0D4F96FF;
1119
- --text-primary-brightness-hover: #17171793;
1120
- --dark-background-hardline: #000000;
1121
780
  --text-primary-brightness-active: #171717C4;
1122
- --on-dark-outline-primary: #3B3735;
1123
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
1124
- --on-dark-personas-pink-text-accent: #F7A4A4;
1125
- --on-dark-text-primary-brightness-active: #FAFAFAC4;
1126
- --on-light-text-primary-brightness-hover: #17171793;
1127
- --on-light-text-primary-brightness-active: #171717C4;
1128
- --inverse-text-primary-brightness-hover: #FAFAFA93;
1129
- --inverse-text-primary-brightness-active: #FAFAFAC4;
1130
- --surface-solid-primary-brightness-active: #FFFFFFFF;
1131
781
  --surface-transparent-card-brightness-hover: #FFFFFFFF;
1132
782
  --surface-transparent-card-brightness-active: #FFFFFFFF;
1133
783
  --surface-solid-card-brightness-hover: #FFFFFFFF;
1134
784
  --surface-solid-card-brightness-active: #FFFFFFFF;
1135
785
  --surface-solid-primary-brightness-hover: #FFFFFFFF;
1136
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
1137
786
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
1138
787
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
1139
788
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -1141,38 +790,28 @@
1141
790
  --on-dark-surface-solid-card-brightness-active: #212121FF;
1142
791
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
1143
792
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
1144
- --outline-transparent-negative-hover: #DD1D30FF;
1145
- --on-dark-outline-transparent-warning-active: #B34100FF;
1146
793
  --outline-primary: #3B3735;
1147
794
  --inverse-personas-indigo-text-accent: #7133BE;
1148
795
  --inverse-personas-pink-text-accent: #DE5555;
1149
- --on-dark-text-warning-minor-hover: #BB4F11FF;
1150
796
  --on-light-outline-positive-active: #20801EFF;
1151
797
  --personas-olive-text-accent: #127210;
1152
798
  --inverse-personas-ochre-text-accent: #F4B49B;
1153
799
  --surface-solid-tertiary-active: #FFFFFFFF;
1154
800
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
1155
- --on-light-surface-warning-minor-active: #FED9C3FF;
1156
- --on-light-data-yellow-transparent-hover: #F5B638FF;
1157
801
  --on-dark-personas-olive-text-accent: #93CB92;
1158
802
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
1159
- --on-dark-surface-accent-minor-active: #043F34FF;
1160
803
  --text-primary: #15110FFC;
1161
804
  --on-dark-text-accent-minor-hover: #60C7AFFF;
1162
805
  --inverse-surface-transparent-navi: #23232399;
1163
806
  --on-light-personas-olive-text-accent: #127210;
1164
- --inverse-surface-positive-minor-active: #08210CFF;
1165
807
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
808
+ --on-dark-surface-accent-minor-active: #043F34FF;
1166
809
  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
1167
810
  --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
1168
811
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
1169
812
  --inverse-surface-solid-primary-brightness-active: #212121FF;
1170
813
  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
1171
- --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
1172
814
  --on-light-outline-warning-active: #A3420AFF;
1173
- --inverse-outline-transparent-secondary-active: #616161FF;
1174
- --inverse-outline-transparent-warning-active: #B34100FF;
1175
- --inverse-data-yellow-minor-hover: #B87A00FF;
1176
815
  --on-light-personas-violet-text-accent: #9E32AF;
1177
816
  --on-light-personas-ochre-text-accent: #D15A11;
1178
817
  --on-dark-personas-indigo-text-accent: #BD91F5;
@@ -1186,17 +825,10 @@
1186
825
  --inverse-surface-solid-tertiary: #474747;
1187
826
  --on-light-surface-accent-minor: #D0F2E9;
1188
827
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
1189
- --on-dark-outline-transparent-tertiary-active: #616161FF;
1190
- --inverse-surface-solid-card-brightness-hover: #303030FF;
1191
- --on-dark-surface-transparent-warning-active: #C74900FF;
1192
828
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
1193
829
  --inverse-surface-accent-minor: #04473B;
1194
- --outline-transparent-positive-hover: #0F9527FF;
1195
- --outline-solid-tertiary-hover: #A3A3A3FF;
1196
830
  --inverse-surface-solid-card-brightness-active: #212121FF;
1197
831
  --on-dark-surface-accent-minor-hover: #055C4CFF;
1198
- --personas-pink-text-accent: #F7A4A4;
1199
- --personas-indigo-text-accent: #7133BE;
1200
832
  --on-dark-personas-violet-text-accent: #E19DED;
1201
833
  --on-light-surface-transparent-navi: #FFFFFF99;
1202
834
  --on-dark-personas-blue-text-accent: #79B3F2;
@@ -1205,15 +837,98 @@
1205
837
  --inverse-personas-olive-text-accent: #93CB92;
1206
838
  --personas-ochre-text-accent: #D15A11;
1207
839
  --on-dark-surface-transparent-accent-minor: #0BA68647;
1208
- --inverse-outline-warning-minor-active: #70300AFF;
1209
840
  --on-light-text-warning-active: #6F2D06FF;
1210
841
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
1211
- --text-info-minor-active: #29A9FFFF;
1212
- --inverse-text-warning-minor-hover: #BB4F11FF;
1213
- --on-dark-outline-warning-minor-active: #70300AFF;
842
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
843
+ --on-light-outline-primary-active: #C4BEBAFF;
844
+ --inverse-personas-blue-text-accent-active: #5DA3EFFF;
845
+ --inverse-surface-transparent-accent-minor-active: #0BA8882E;
846
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
847
+ --on-light-outline-default-active: #E6E6E6FF;
848
+ --personas-green-text-accent-active: #4CCDACFF;
849
+ --personas-sea-blue-text-accent-active: #4BB4B4FF;
850
+ --inverse-surface-accent-secondary-active: #59C5ACFF;
851
+ --on-dark-personas-pink-text-accent-active: #F58A8AFF;
852
+ --outline-primary-active: #706966FF;
853
+ --inverse-personas-indigo-text-accent-active: #652DA9FF;
854
+ --inverse-personas-pink-text-accent-active: #D83B3BFF;
855
+ --on-dark-personas-olive-text-accent-active: #7DC07CFF;
856
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
857
+ --inverse-personas-green-text-accent-active: #03A57FFF;
858
+ --on-light-personas-pink-text-accent-active: #D73333FF;
859
+ --personas-indigo-text-accent-active: #5B2999FF;
860
+ --on-dark-personas-violet-text-accent-active: #D982E8FF;
861
+ --on-light-surface-transparent-navi-hover: #FFFFFFA8;
862
+ --on-light-surface-transparent-navi-active: #FFFFFFAD;
863
+ --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
864
+ --personas-ochre-text-accent-hover: #ED6C1DFF;
865
+ --inverse-surface-accent-secondary: #61C8B0;
866
+ --light-background-hardline: #FFFFFF;
867
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
868
+ --on-light-surface-transparent-accent-minor: #0BA6863D;
869
+ --on-light-personas-green-text-accent: #038768;
870
+ --text-primary-brightness-hover: #17171793;
871
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
1214
872
  --personas-violet-text-accent: #E19DED;
873
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
874
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
875
+ --surface-transparent-accent-minor-active: #0BA88852;
876
+ --inverse-outline-default-hover: #666666FF;
877
+ --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
878
+ --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
879
+ --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
880
+ --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
881
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
882
+ --on-dark-surface-transparent-navi-hover: #242424B8;
883
+ --inverse-outline-primary-hover: #6B6461FF;
884
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
885
+ --surface-transparent-navi-hover: #242424A8;
886
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
887
+ --on-light-personas-green-text-accent-hover: #04D7A6FF;
888
+ --outline-default-hover: #B3B3B3FF;
889
+ --on-dark-outline-primary-hover: #6B6461FF;
890
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
891
+ --outline-primary-hover: #B6B1AFFF;
892
+ --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;
893
+ --inverse-personas-pink-text-accent-hover: #E26E6EFF;
894
+ --personas-olive-text-accent-hover: #1DB71AFF;
895
+ --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;
896
+ --inverse-surface-transparent-navi-hover: #242424B8;
897
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
898
+ --on-light-personas-violet-text-accent-hover: #B740C9FF;
899
+ --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
900
+ --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
901
+ --on-dark-personas-ochre-text-accent: #F4B49B;
902
+ --surface-accent-secondary-active: #3CAF94FF;
903
+ --surface-transparent-accent-minor: #0BA6863D;
904
+ --inverse-personas-sea-blue-text-accent: #00898D;
905
+ --background-hardline: #FFFFFF;
906
+ --inverse-personas-blue-text-accent: #79B3F2;
907
+ --inverse-personas-violet-text-accent: #E19DED;
908
+ --inverse-surface-transparent-accent-minor: #0BA6863D;
909
+ --on-light-personas-blue-text-accent: #1063BA;
910
+ --on-dark-surface-transparent-navi: #23232399;
911
+ --inverse-outline-primary: #3B3735;
912
+ --inverse-personas-olive-text-accent-active: #7DC07CFF;
913
+ --on-dark-outline-default: #383838;
914
+ --personas-green-text-accent: #6CD5BB;
915
+ --personas-sea-blue-text-accent: #7BC8C8;
916
+ --personas-violet-text-accent-hover: #EBBEF3FF;
917
+ --personas-blue-text-accent-active: #0D4F96FF;
918
+ --dark-background-hardline: #000000;
919
+ --on-dark-outline-primary: #3B3735;
920
+ --on-dark-personas-pink-text-accent: #F7A4A4;
921
+ --on-light-text-primary-brightness-hover: #17171793;
922
+ --inverse-text-primary-brightness-hover: #FAFAFA93;
923
+ --surface-solid-primary-brightness-active: #FFFFFFFF;
924
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
925
+ --inverse-surface-solid-card-brightness-hover: #303030FF;
926
+ --personas-pink-text-accent: #F7A4A4;
1215
927
  --personas-blue-text-accent: #1063BA;
1216
- --text-secondary: #15110FA3;
928
+ --on-dark-text-primary-brightness-active: #FAFAFAC4;
929
+ --on-light-text-primary-brightness-active: #171717C4;
930
+ --inverse-text-primary-brightness-active: #FAFAFAC4;
931
+ --personas-indigo-text-accent: #7133BE;
1217
932
  --text-paragraph: #15110F66;
1218
933
  --text-paragraph-hover: #15110FFF;
1219
934
  --text-paragraph-active: #15110F7A;
@@ -1235,21 +950,14 @@
1235
950
  --text-info: #205EA5;
1236
951
  --text-info-hover: #000000FF;
1237
952
  --text-info-active: #194B85FF;
1238
- --text-positive-minor-hover: #47DC62FF;
1239
- --text-positive-minor-active: #21B03CFF;
1240
- --text-warning-minor-hover: #FDB790FF;
1241
- --text-warning-minor-active: #FC8240FF;
1242
- --text-negative-minor-hover: #FFB8BFFF;
1243
- --text-negative-minor-active: #FF6675FF;
1244
- --text-info-minor-hover: #7ACAFFFF;
1245
953
  --text-secondary-hover: #15110FFF;
954
+ --text-secondary: #15110FA3;
1246
955
  --text-primary-active: #15110FCA;
1247
956
  --text-secondary-active: #15110FC4;
1248
957
  --text-tertiary: #15110F3D;
1249
958
  --text-tertiary-hover: #15110FFF;
1250
959
  --text-tertiary-active: #15110F49;
1251
960
  --text-primary-brightness: #171717F5;
1252
- --on-dark-text-tertiary-active: #F5F1EF49;
1253
961
  --on-dark-text-paragraph: #F6F2F07A;
1254
962
  --on-dark-text-paragraph-hover: #F5F1EFFF;
1255
963
  --on-dark-text-paragraph-active: #F5F1EF93;
@@ -1270,9 +978,8 @@
1270
978
  --on-dark-text-info: #70B2F5;
1271
979
  --on-dark-text-info-hover: #BCDBFAFF;
1272
980
  --on-dark-text-info-active: #53A3F3FF;
1273
- --on-dark-text-positive-minor-hover: #0F9527FF;
1274
- --on-dark-text-positive-minor-active: #0C7920FF;
1275
981
  --on-dark-text-primary-active: #FFFFFFCA;
982
+ --on-dark-text-tertiary-active: #F5F1EF49;
1276
983
  --on-dark-text-primary: #FFFFFFFC;
1277
984
  --on-dark-text-primary-brightness: #FAFAFAF5;
1278
985
  --on-dark-text-secondary: #F6F2F0A3;
@@ -1281,7 +988,6 @@
1281
988
  --on-dark-text-tertiary-hover: #F5F1EFFF;
1282
989
  --on-dark-text-secondary-active: #F5F1EFC4;
1283
990
  --on-dark-text-primary-hover: #FFFFFF97;
1284
- --on-dark-text-negative-minor-active: #83111CFF;
1285
991
  --on-light-text-primary-hover: #15110F97;
1286
992
  --on-light-text-primary-active: #15110FCA;
1287
993
  --on-light-text-primary-brightness: #171717F5;
@@ -1305,16 +1011,7 @@
1305
1011
  --on-light-text-positive-active: #185E17FF;
1306
1012
  --on-light-text-warning: #973C09;
1307
1013
  --on-light-text-warning-hover: #BC4C0BFF;
1308
- --on-dark-text-info-minor-hover: #1277BAFF;
1309
- --on-dark-text-info-minor-active: #10659EFF;
1310
1014
  --on-light-text-primary: #15110FFC;
1311
- --on-dark-text-negative-minor-hover: #B91828FF;
1312
- --on-light-text-warning-minor-hover: #FDB790FF;
1313
- --on-light-text-warning-minor-active: #FC8240FF;
1314
- --on-light-text-negative-minor-hover: #FFB8BFFF;
1315
- --on-light-text-negative-minor-active: #FF6675FF;
1316
- --on-light-text-info-minor-hover: #7ACAFFFF;
1317
- --on-light-text-info-minor-active: #29A9FFFF;
1318
1015
  --inverse-text-primary: #FFFFFFFC;
1319
1016
  --inverse-text-primary-hover: #FFFFFF97;
1320
1017
  --inverse-text-primary-active: #FFFFFFCA;
@@ -1339,24 +1036,15 @@
1339
1036
  --on-light-text-info: #205EA5;
1340
1037
  --on-light-text-info-hover: #000000FF;
1341
1038
  --on-light-text-info-active: #194B85FF;
1342
- --on-light-text-positive-minor-hover: #47DC62FF;
1343
- --on-light-text-positive-minor-active: #21B03CFF;
1344
1039
  --on-light-text-negative-hover: #E3353BFF;
1345
- --inverse-text-warning-active: #C45D21FF;
1346
1040
  --inverse-text-negative: #F57E83;
1347
1041
  --inverse-text-negative-hover: #F89BA0FF;
1348
1042
  --inverse-text-negative-active: #F3626AFF;
1349
1043
  --inverse-text-info: #70B2F5;
1350
1044
  --inverse-text-info-hover: #BCDBFAFF;
1351
1045
  --inverse-text-info-active: #53A3F3FF;
1352
- --inverse-text-positive-minor-hover: #0F9527FF;
1353
- --inverse-text-positive-minor-active: #0C7920FF;
1354
- --inverse-text-warning-minor-active: #9F440FFF;
1355
- --inverse-text-negative-minor-hover: #B91828FF;
1356
- --inverse-text-negative-minor-active: #83111CFF;
1357
- --inverse-text-info-minor-hover: #1277BAFF;
1358
- --inverse-text-info-minor-active: #10659EFF;
1359
1046
  --surface-solid-primary: #FFFFFF;
1047
+ --inverse-text-warning-active: #C45D21FF;
1360
1048
  --surface-solid-primary-hover: #FFFFFFFF;
1361
1049
  --surface-solid-primary-active: #FFFFFFFF;
1362
1050
  --surface-solid-primary-brightness: #FFFFFFFF;
@@ -1370,7 +1058,6 @@
1370
1058
  --inverse-text-warning: #DA6828;
1371
1059
  --inverse-text-warning-hover: #DF7D43FF;
1372
1060
  --inverse-text-positive-active: #469442FF;
1373
- --surface-transparent-primary-active: #15110F0F;
1374
1061
  --surface-transparent-secondary: #15110F14;
1375
1062
  --surface-transparent-secondary-hover: #15110F1A;
1376
1063
  --surface-transparent-secondary-active: #15110F1F;
@@ -1378,11 +1065,11 @@
1378
1065
  --surface-transparent-tertiary-hover: #15110F2E;
1379
1066
  --surface-transparent-tertiary-active: #15110F33;
1380
1067
  --surface-transparent-deep: #FFFFFFB3;
1381
- --surface-transparent-deep-hover: #FFFFFFFF;
1382
- --surface-transparent-deep-active: #FFFFFFFF;
1068
+ --surface-transparent-deep-hover: #FFFFFFC2;
1069
+ --surface-transparent-deep-active: #FFFFFFC7;
1383
1070
  --surface-transparent-card: #FFFFFF85;
1384
- --surface-transparent-card-hover: #FFFFFFFF;
1385
- --surface-transparent-card-active: #FFFFFFFF;
1071
+ --surface-transparent-card-hover: #FFFFFF94;
1072
+ --surface-transparent-card-active: #FFFFFF99;
1386
1073
  --surface-transparent-card-brightness: #FFFFFFFF;
1387
1074
  --surface-clear: #15110F00;
1388
1075
  --surface-clear-hover: #15110F00;
@@ -1404,7 +1091,7 @@
1404
1091
  --surface-transparent-primary-hover: #15110F0D;
1405
1092
  --surface-solid-default-active: #090706FF;
1406
1093
  --surface-solid-card-hover: #FFFFFFFF;
1407
- --surface-positive-active: #20801EFF;
1094
+ --surface-transparent-primary-active: #15110F0F;
1408
1095
  --surface-warning: #BE4E0C;
1409
1096
  --surface-warning-hover: #D3560DFF;
1410
1097
  --surface-warning-active: #AD460BFF;
@@ -1414,19 +1101,12 @@
1414
1101
  --surface-info: #3776BC;
1415
1102
  --surface-info-hover: #4180C8FF;
1416
1103
  --surface-info-active: #326CAEFF;
1417
- --surface-positive-minor-hover: #94F9A7FF;
1418
- --surface-positive-minor-active: #8BF99FFF;
1104
+ --surface-positive-active: #20801EFF;
1419
1105
  --surface-positive: #239322;
1420
1106
  --surface-positive-hover: #28A126FF;
1421
- --surface-transparent-warning-hover: #E65400FF;
1422
- --surface-transparent-warning-active: #BD4500FF;
1423
- --surface-transparent-negative-hover: #ED1D31FF;
1424
- --surface-transparent-negative-active: #D01124FF;
1425
- --surface-transparent-info-hover: #0D84D3FF;
1426
- --surface-transparent-info-active: #0A66A3FF;
1427
1107
  --surface-read-only: #F9F9F903;
1428
- --surface-read-only-hover: #F7F7F7FF;
1429
- --surface-read-only-active: #F5F5F5FF;
1108
+ --surface-read-only-hover: #FAFAFA05;
1109
+ --surface-read-only-active: #FAFAFA08;
1430
1110
  --on-dark-surface-solid-primary: #232323;
1431
1111
  --on-dark-surface-solid-primary-hover: #2E2E2EFF;
1432
1112
  --on-dark-surface-solid-primary-active: #1F1F1FFF;
@@ -1436,21 +1116,12 @@
1436
1116
  --on-dark-surface-solid-secondary-active: #242424FF;
1437
1117
  --on-dark-surface-solid-tertiary: #474747;
1438
1118
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1439
- --surface-warning-minor-active: #FED9C3FF;
1440
- --surface-warning-minor-hover: #FEDCC8FF;
1441
- --surface-negative-minor-active: #FFD1D6FF;
1442
- --surface-negative-minor-hover: #FFD6DAFF;
1443
- --surface-info-minor-active: #C2E7FFFF;
1444
- --surface-transparent-positive-hover: #0F9928FF;
1445
- --surface-info-minor-hover: #C7E9FFFF;
1446
- --surface-transparent-positive-active: #0B741FFF;
1447
- --on-dark-surface-transparent-primary-active: #FFFFFFFF;
1448
1119
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1449
- --on-dark-surface-transparent-secondary-hover: #FFFFFFFF;
1450
- --on-dark-surface-transparent-secondary-active: #FFFFFFFF;
1120
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1121
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1451
1122
  --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1452
- --on-dark-surface-transparent-tertiary-hover: #FFFFFFFF;
1453
- --on-dark-surface-transparent-tertiary-active: #FFFFFFFF;
1123
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
1124
+ --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
1454
1125
  --on-dark-surface-transparent-deep: #373737B8;
1455
1126
  --on-dark-surface-transparent-deep-hover: #383838D6;
1456
1127
  --on-dark-surface-transparent-deep-active: #383838A8;
@@ -1471,8 +1142,9 @@
1471
1142
  --on-dark-surface-solid-default-hover: #F9F7F5FF;
1472
1143
  --on-dark-surface-solid-default-active: #F2ECE9FF;
1473
1144
  --on-dark-surface-transparent-primary: #FFFFFF14;
1474
- --on-dark-surface-transparent-primary-hover: #FFFFFFFF;
1145
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
1475
1146
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
1147
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1476
1148
  --on-dark-surface-positive: #A6D2A2;
1477
1149
  --on-dark-surface-positive-hover: #B3D9B0FF;
1478
1150
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -1485,21 +1157,12 @@
1485
1157
  --on-dark-surface-info: #9BCAF8;
1486
1158
  --on-dark-surface-info-hover: #AED4F9FF;
1487
1159
  --on-dark-surface-info-active: #91C4F7FF;
1488
- --on-dark-surface-positive-minor-hover: #0E3A16FF;
1489
- --on-dark-surface-positive-minor-active: #08210CFF;
1490
- --on-dark-surface-warning-minor-hover: #4F250DFF;
1491
- --on-dark-surface-warning-minor-active: #351909FF;
1492
1160
  --on-dark-surface-transparent-accent-active: #0BA88824;
1493
1161
  --on-dark-surface-transparent-accent: #0BA68633;
1494
1162
  --on-dark-surface-transparent-accent-hover: #0BA88852;
1495
- --on-dark-surface-transparent-warning-hover: #E65400FF;
1496
- --on-dark-surface-transparent-negative-hover: #ED1D31FF;
1497
- --on-dark-surface-transparent-negative-active: #D91226FF;
1498
- --on-dark-surface-transparent-info-hover: #0D7EC9FF;
1499
- --on-dark-surface-transparent-info-active: #0B6CADFF;
1500
1163
  --on-dark-surface-read-only: #F9F9F905;
1501
- --on-dark-surface-read-only-hover: #FFFFFFFF;
1502
- --on-dark-surface-read-only-active: #F5F5F5FF;
1164
+ --on-dark-surface-read-only-hover: #FAFAFA0F;
1165
+ --on-dark-surface-read-only-active: #FAFAFA00;
1503
1166
  --on-light-surface-solid-primary: #FFFFFF;
1504
1167
  --on-light-surface-solid-primary-hover: #FFFFFFFF;
1505
1168
  --on-light-surface-solid-primary-active: #FFFFFFFF;
@@ -1509,13 +1172,6 @@
1509
1172
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1510
1173
  --on-light-surface-solid-tertiary: #FFFFFF;
1511
1174
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1512
- --on-dark-surface-negative-minor-hover: #5B1018FF;
1513
- --on-dark-surface-info-minor-hover: #10344CFF;
1514
- --on-dark-surface-info-minor-active: #0A2333FF;
1515
- --on-dark-surface-transparent-positive-active: #0C7D21FF;
1516
- --on-dark-surface-transparent-positive-hover: #0F9928FF;
1517
- --on-dark-surface-negative-minor-active: #410B11FF;
1518
- --on-light-surface-transparent-primary-active: #15110F0F;
1519
1175
  --on-light-surface-transparent-secondary: #15110F14;
1520
1176
  --on-light-surface-transparent-secondary-hover: #15110F1A;
1521
1177
  --on-light-surface-transparent-secondary-active: #15110F1F;
@@ -1523,11 +1179,11 @@
1523
1179
  --on-light-surface-transparent-tertiary-hover: #15110F2E;
1524
1180
  --on-light-surface-transparent-tertiary-active: #15110F33;
1525
1181
  --on-light-surface-transparent-deep: #FFFFFFB3;
1526
- --on-light-surface-transparent-deep-hover: #FFFFFFFF;
1527
- --on-light-surface-transparent-deep-active: #FFFFFFFF;
1182
+ --on-light-surface-transparent-deep-hover: #FFFFFFC2;
1183
+ --on-light-surface-transparent-deep-active: #FFFFFFC7;
1528
1184
  --on-light-surface-transparent-card: #FFFFFF85;
1529
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
1530
- --on-light-surface-transparent-card-active: #FFFFFFFF;
1185
+ --on-light-surface-transparent-card-hover: #FFFFFF94;
1186
+ --on-light-surface-transparent-card-active: #FFFFFF99;
1531
1187
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1532
1188
  --on-light-surface-clear: #FFFFFF00;
1533
1189
  --on-light-surface-clear-hover: #FFFFFF00;
@@ -1544,6 +1200,7 @@
1544
1200
  --on-light-surface-transparent-primary-hover: #15110F0D;
1545
1201
  --on-light-surface-solid-default-active: #090706FF;
1546
1202
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1203
+ --on-light-surface-transparent-primary-active: #15110F0F;
1547
1204
  --on-light-surface-positive: #239322;
1548
1205
  --on-light-surface-positive-hover: #28A126FF;
1549
1206
  --on-light-surface-positive-active: #20801EFF;
@@ -1556,21 +1213,12 @@
1556
1213
  --on-light-surface-info: #3776BC;
1557
1214
  --on-light-surface-info-hover: #4180C8FF;
1558
1215
  --on-light-surface-info-active: #326CAEFF;
1559
- --on-light-surface-positive-minor-hover: #94F9A7FF;
1560
- --on-light-surface-positive-minor-active: #8BF99FFF;
1561
- --on-light-surface-warning-minor-hover: #FEDCC8FF;
1562
1216
  --on-light-surface-transparent-accent-active: #0BA88833;
1563
1217
  --on-light-surface-transparent-accent: #0BA6861F;
1564
1218
  --on-light-surface-transparent-accent-hover: #0BA8882E;
1565
- --on-light-surface-transparent-warning-hover: #E65400FF;
1566
- --on-light-surface-transparent-warning-active: #BD4500FF;
1567
- --on-light-surface-transparent-negative-hover: #ED1D31FF;
1568
- --on-light-surface-transparent-negative-active: #D01124FF;
1569
- --on-light-surface-transparent-info-hover: #0D84D3FF;
1570
- --on-light-surface-transparent-info-active: #0A66A3FF;
1571
1219
  --on-light-surface-read-only: #F9F9F903;
1572
- --on-light-surface-read-only-hover: #F7F7F7FF;
1573
- --on-light-surface-read-only-active: #F5F5F5FF;
1220
+ --on-light-surface-read-only-hover: #FAFAFA05;
1221
+ --on-light-surface-read-only-active: #FAFAFA08;
1574
1222
  --inverse-surface-solid-primary: #232323;
1575
1223
  --inverse-surface-solid-primary-hover: #2E2E2EFF;
1576
1224
  --inverse-surface-solid-primary-active: #1F1F1FFF;
@@ -1578,19 +1226,13 @@
1578
1226
  --inverse-surface-solid-secondary: #292929;
1579
1227
  --inverse-surface-solid-secondary-hover: #333333FF;
1580
1228
  --inverse-surface-solid-secondary-active: #242424FF;
1581
- --on-light-surface-info-minor-hover: #C7E9FFFF;
1582
- --on-light-surface-info-minor-active: #C2E7FFFF;
1583
- --on-light-surface-transparent-positive-hover: #0F9928FF;
1584
- --on-light-surface-transparent-positive-active: #0B741FFF;
1585
- --on-light-surface-negative-minor-active: #FFD1D6FF;
1586
- --inverse-surface-transparent-primary-hover: #FFFFFFFF;
1587
- --inverse-surface-transparent-primary-active: #FFFFFFFF;
1229
+ --inverse-surface-transparent-primary-active: #FFFFFF0F;
1588
1230
  --inverse-surface-transparent-secondary: #FFFFFF29;
1589
- --inverse-surface-transparent-secondary-hover: #FFFFFFFF;
1590
- --inverse-surface-transparent-secondary-active: #FFFFFFFF;
1231
+ --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1232
+ --inverse-surface-transparent-secondary-active: #FFFFFF1A;
1591
1233
  --inverse-surface-transparent-tertiary: #FFFFFF3D;
1592
- --inverse-surface-transparent-tertiary-hover: #FFFFFFFF;
1593
- --inverse-surface-transparent-tertiary-active: #FFFFFFFF;
1234
+ --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
1235
+ --inverse-surface-transparent-tertiary-active: #FFFFFF2E;
1594
1236
  --inverse-surface-transparent-deep: #373737B8;
1595
1237
  --inverse-surface-transparent-deep-hover: #383838D6;
1596
1238
  --inverse-surface-transparent-deep-active: #383838A8;
@@ -1612,6 +1254,7 @@
1612
1254
  --inverse-surface-solid-card-brightness: #262626FF;
1613
1255
  --inverse-surface-solid-default: #F6F2F0;
1614
1256
  --inverse-surface-transparent-primary: #FFFFFF14;
1257
+ --inverse-surface-transparent-primary-hover: #FFFFFF24;
1615
1258
  --inverse-surface-positive: #A6D2A2;
1616
1259
  --inverse-surface-positive-hover: #B3D9B0FF;
1617
1260
  --inverse-surface-positive-active: #9FCF9BFF;
@@ -1624,24 +1267,15 @@
1624
1267
  --inverse-surface-info: #9BCAF8;
1625
1268
  --inverse-surface-info-hover: #AED4F9FF;
1626
1269
  --inverse-surface-info-active: #91C4F7FF;
1627
- --inverse-surface-positive-minor-hover: #0E3A16FF;
1628
1270
  --inverse-surface-accent-minor-active: #043F34FF;
1629
1271
  --inverse-surface-accent-hover: #0CBB98FF;
1630
1272
  --inverse-surface-transparent-accent: #0BA68633;
1631
1273
  --inverse-surface-transparent-accent-hover: #0BA88852;
1632
1274
  --inverse-surface-transparent-accent-active: #0BA88824;
1633
1275
  --inverse-surface-accent-active: #0A9E81FF;
1634
- --inverse-surface-transparent-positive-hover: #0F9928FF;
1635
- --inverse-surface-transparent-positive-active: #0C7D21FF;
1636
- --inverse-surface-transparent-warning-hover: #E65400FF;
1637
- --inverse-surface-transparent-warning-active: #C74900FF;
1638
- --inverse-surface-transparent-negative-hover: #ED1D31FF;
1639
- --inverse-surface-transparent-negative-active: #D91226FF;
1640
- --inverse-surface-transparent-info-hover: #0D7EC9FF;
1641
- --inverse-surface-transparent-info-active: #0B6CADFF;
1642
1276
  --inverse-surface-read-only: #F9F9F905;
1643
- --inverse-surface-read-only-hover: #FFFFFFFF;
1644
- --inverse-surface-read-only-active: #F5F5F5FF;
1277
+ --inverse-surface-read-only-hover: #FAFAFA0F;
1278
+ --inverse-surface-read-only-active: #FAFAFA00;
1645
1279
  --background-primary: #EBE7E5;
1646
1280
  --background-secondary: #F6F2F0;
1647
1281
  --background-tertiary: #FFFFFF;
@@ -1649,30 +1283,13 @@
1649
1283
  --dark-background-secondary: #0F0F0F;
1650
1284
  --dark-background-tertiary: #141413;
1651
1285
  --light-background-primary: #EBE7E5;
1652
- --inverse-surface-warning-minor-hover: #4F250DFF;
1653
- --inverse-surface-negative-minor-hover: #5B1018FF;
1654
- --inverse-surface-negative-minor-active: #410B11FF;
1655
- --inverse-surface-info-minor-hover: #10344CFF;
1656
- --inverse-surface-info-minor-active: #0A2333FF;
1657
- --inverse-surface-warning-minor-active: #351909FF;
1658
1286
  --on-light-overlay-soft: #0000003D;
1659
1287
  --on-light-overlay-hard: #00000052;
1660
1288
  --inverse-overlay-soft: #0000001F;
1661
1289
  --inverse-overlay-hard: #00000029;
1662
- --outline-solid-primary-hover: #ABABABFF;
1663
- --outline-solid-primary-active: #C4C4C4FF;
1664
- --outline-solid-secondary-hover: #DBDBDBFF;
1665
- --outline-solid-secondary-active: #8F8F8FFF;
1666
- --outline-solid-tertiary-active: #5C5C5CFF;
1667
- --outline-solid-default-hover: #969696FF;
1668
- --outline-solid-default-active: #080808FF;
1669
1290
  --outline-transparent-primary: #15110F3D;
1670
1291
  --outline-transparent-primary-hover: #15110F25;
1671
1292
  --outline-transparent-primary-active: #15110F62;
1672
- --outline-transparent-secondary-hover: #969696FF;
1673
- --outline-transparent-secondary-active: #080808FF;
1674
- --outline-transparent-tertiary-hover: #969696FF;
1675
- --outline-transparent-tertiary-active: #080808FF;
1676
1293
  --outline-clear: #FFFFFF00;
1677
1294
  --inverse-background-secondary: #0F0F0F;
1678
1295
  --light-background-tertiary: #FFFFFF;
@@ -1694,46 +1311,11 @@
1694
1311
  --outline-info: #3776BC;
1695
1312
  --outline-info-hover: #81AADAFF;
1696
1313
  --outline-info-active: #3067A6FF;
1697
- --outline-positive-minor-hover: #7AE68EFF;
1698
- --outline-positive-minor-active: #23B83EFF;
1699
- --outline-warning-minor-hover: #FDB790FF;
1700
- --outline-warning-minor-active: #FC8240FF;
1701
- --outline-negative-minor-hover: #FFB8BFFF;
1702
- --outline-negative-minor-active: #FF6675FF;
1703
- --outline-info-minor-hover: #A3DAFFFF;
1704
- --outline-info-minor-active: #29A9FFFF;
1705
1314
  --outline-clear-active: #FFFFFF00;
1706
1315
  --outline-clear-hover: #FFFFFF00;
1707
- --outline-accent-active: #074A14FF;
1708
- --outline-accent-hover: #0F9527FF;
1709
- --outline-transparent-accent-hover: #0F9527FF;
1710
- --outline-accent-minor-hover: #7AE68EFF;
1711
- --outline-accent-minor-active: #23B83EFF;
1712
- --outline-transparent-accent-active: #074A14FF;
1713
- --outline-read-only-hover: #C7C7C7FF;
1714
- --outline-read-only-active: #E0E0E0FF;
1715
- --on-dark-outline-solid-primary-hover: #545454FF;
1716
- --on-dark-outline-solid-primary-active: #171717FF;
1717
- --on-dark-outline-solid-secondary-hover: #ABABABFF;
1718
- --on-dark-outline-solid-secondary-active: #363636FF;
1719
- --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
1720
- --on-dark-outline-solid-tertiary-active: #525252FF;
1721
- --on-dark-outline-solid-default-hover: #808080FF;
1722
- --on-dark-outline-solid-default-active: #616161FF;
1723
1316
  --on-dark-outline-transparent-primary: #FFFFFF1F;
1724
- --on-dark-outline-transparent-primary-hover: #858585FF;
1725
- --on-dark-outline-transparent-primary-active: #666666FF;
1726
- --on-dark-outline-transparent-secondary-hover: #808080FF;
1727
- --on-dark-outline-transparent-secondary-active: #616161FF;
1728
- --on-dark-outline-transparent-tertiary-hover: #808080FF;
1729
- --outline-transparent-warning-hover: #B14B10FF;
1730
- --outline-transparent-positive-active: #074A14FF;
1731
- --outline-transparent-warning-active: #5D2809FF;
1732
- --outline-transparent-negative-active: #8C121EFF;
1733
- --outline-transparent-info-hover: #137DC3FF;
1734
- --outline-transparent-info-active: #093B5DFF;
1735
- --on-dark-outline-transparent-accent-hover: #13BE32FF;
1736
- --on-dark-outline-transparent-accent-active: #0B741FFF;
1317
+ --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
1318
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
1737
1319
  --on-dark-outline-positive: #A6D2A2;
1738
1320
  --on-dark-outline-positive-hover: #DBEDD9FF;
1739
1321
  --on-dark-outline-positive-active: #92C88DFF;
@@ -1746,69 +1328,17 @@
1746
1328
  --on-dark-outline-info: #9BCAF8;
1747
1329
  --on-dark-outline-info-hover: #E7F2FDFF;
1748
1330
  --on-dark-outline-info-active: #7EBAF6FF;
1749
- --on-dark-outline-positive-minor-hover: #0F9527FF;
1750
- --on-dark-outline-warning-minor-hover: #BB4F11FF;
1751
1331
  --on-dark-outline-clear-active: #FFFFFF00;
1752
1332
  --on-dark-outline-clear: #FFFFFF00;
1753
- --on-dark-outline-accent-hover: #13BE32FF;
1754
- --on-dark-outline-accent-active: #0B741FFF;
1755
- --on-dark-outline-accent-minor-hover: #0F9527FF;
1756
- --on-dark-outline-accent-minor-active: #074A14FF;
1757
1333
  --on-dark-outline-clear-hover: #FFFFFF00;
1758
- --on-dark-outline-transparent-warning-hover: #FF8138FF;
1759
- --on-dark-outline-transparent-negative-hover: #F36876FF;
1760
- --on-dark-outline-transparent-negative-active: #C61022FF;
1761
- --on-dark-outline-transparent-info-hover: #0F96F0FF;
1762
- --on-dark-outline-transparent-info-active: #0A66A3FF;
1763
- --on-dark-outline-read-only-hover: #808080FF;
1764
- --on-dark-outline-read-only-active: #616161FF;
1765
- --on-light-outline-solid-primary-hover: #ABABABFF;
1766
- --on-light-outline-solid-primary-active: #C4C4C4FF;
1767
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
1768
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
1769
- --on-dark-outline-negative-minor-active: #8C121EFF;
1770
- --on-dark-outline-info-minor-hover: #1277BAFF;
1771
- --on-dark-outline-info-minor-active: #0B476FFF;
1772
- --on-dark-outline-transparent-positive-hover: #13BE32FF;
1773
- --on-dark-outline-transparent-positive-active: #0B741FFF;
1774
- --on-dark-outline-negative-minor-hover: #D41C2EFF;
1775
- --on-light-outline-transparent-secondary-active: #080808FF;
1776
- --on-light-outline-transparent-tertiary-hover: #969696FF;
1777
- --on-light-outline-transparent-tertiary-active: #080808FF;
1778
1334
  --on-light-outline-clear: #FFFFFF00;
1779
1335
  --on-light-outline-clear-hover: #FFFFFF00;
1780
1336
  --on-light-outline-clear-active: #FFFFFF00;
1781
- --on-light-outline-accent-hover: #0F9527FF;
1782
- --on-light-outline-accent-active: #074A14FF;
1783
- --on-light-outline-accent-minor-hover: #7AE68EFF;
1784
- --on-light-outline-accent-minor-active: #23B83EFF;
1785
- --on-light-outline-transparent-accent-hover: #0F9527FF;
1786
- --on-light-outline-transparent-accent-active: #074A14FF;
1787
1337
  --on-light-outline-positive: #239322;
1788
1338
  --on-light-outline-positive-hover: #32CA2FFF;
1789
- --on-light-outline-solid-default-hover: #969696FF;
1790
- --on-light-outline-solid-tertiary-active: #5C5C5CFF;
1791
- --on-light-outline-solid-default-active: #080808FF;
1792
1339
  --on-light-outline-transparent-primary: #15110F3D;
1793
1340
  --on-light-outline-transparent-primary-hover: #15110F25;
1794
- --on-light-outline-transparent-secondary-hover: #969696FF;
1795
1341
  --on-light-outline-transparent-primary-active: #15110F62;
1796
- --on-light-outline-positive-minor-hover: #7AE68EFF;
1797
- --on-light-outline-positive-minor-active: #23B83EFF;
1798
- --on-light-outline-warning-minor-hover: #FDB790FF;
1799
- --on-light-outline-warning-minor-active: #FC8240FF;
1800
- --on-light-outline-negative-minor-hover: #FFB8BFFF;
1801
- --on-light-outline-negative-minor-active: #FF6675FF;
1802
- --on-light-outline-info-minor-hover: #A3DAFFFF;
1803
- --on-light-outline-info-minor-active: #29A9FFFF;
1804
- --on-light-outline-transparent-positive-hover: #0F9527FF;
1805
- --on-light-outline-transparent-positive-active: #074A14FF;
1806
- --on-light-outline-transparent-warning-hover: #B14B10FF;
1807
- --on-light-outline-transparent-warning-active: #5D2809FF;
1808
- --on-light-outline-transparent-negative-hover: #DD1D30FF;
1809
- --on-light-outline-transparent-negative-active: #8C121EFF;
1810
- --on-light-outline-transparent-info-hover: #137DC3FF;
1811
- --on-light-outline-transparent-info-active: #093B5DFF;
1812
1342
  --on-light-outline-negative: #E83439;
1813
1343
  --on-light-outline-warning: #BE4E0C;
1814
1344
  --on-light-outline-negative-hover: #F17E82FF;
@@ -1817,29 +1347,12 @@
1817
1347
  --on-light-outline-info-active: #3067A6FF;
1818
1348
  --on-light-outline-info-hover: #81AADAFF;
1819
1349
  --on-light-outline-warning-hover: #F3813FFF;
1820
- --inverse-outline-solid-primary-hover: #545454FF;
1821
- --inverse-outline-solid-tertiary-active: #525252FF;
1822
- --inverse-outline-solid-default-hover: #808080FF;
1823
- --inverse-outline-solid-default-active: #616161FF;
1824
1350
  --inverse-outline-transparent-primary: #FFFFFF1F;
1825
- --inverse-outline-transparent-primary-hover: #858585FF;
1826
- --inverse-outline-transparent-primary-active: #666666FF;
1827
- --inverse-outline-transparent-secondary-hover: #808080FF;
1828
- --inverse-outline-transparent-tertiary-hover: #808080FF;
1829
- --inverse-outline-transparent-tertiary-active: #616161FF;
1351
+ --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1352
+ --inverse-outline-transparent-primary-active: #FFFFFF12;
1830
1353
  --inverse-outline-clear: #FFFFFF00;
1831
1354
  --inverse-outline-clear-hover: #FFFFFF00;
1832
1355
  --inverse-outline-clear-active: #FFFFFF00;
1833
- --inverse-outline-accent-hover: #13BE32FF;
1834
- --inverse-outline-accent-active: #0B741FFF;
1835
- --inverse-outline-accent-minor-hover: #0F9527FF;
1836
- --inverse-outline-accent-minor-active: #074A14FF;
1837
- --inverse-outline-solid-primary-active: #171717FF;
1838
- --on-light-outline-read-only-active: #E0E0E0FF;
1839
- --inverse-outline-solid-secondary-hover: #ABABABFF;
1840
- --inverse-outline-solid-secondary-active: #363636FF;
1841
- --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
1842
- --inverse-outline-positive-active: #92C88DFF;
1843
1356
  --inverse-outline-warning: #F8AD80;
1844
1357
  --inverse-outline-warning-hover: #FCE0CFFF;
1845
1358
  --inverse-outline-warning-active: #F79C64FF;
@@ -1849,53 +1362,12 @@
1849
1362
  --inverse-outline-info: #9BCAF8;
1850
1363
  --inverse-outline-info-hover: #E7F2FDFF;
1851
1364
  --inverse-outline-info-active: #7EBAF6FF;
1852
- --inverse-outline-positive-minor-hover: #0F9527FF;
1853
- --inverse-outline-positive-minor-active: #074A14FF;
1854
- --inverse-outline-warning-minor-hover: #BB4F11FF;
1855
- --inverse-outline-negative-minor-hover: #D41C2EFF;
1856
- --inverse-outline-negative-minor-active: #8C121EFF;
1857
- --inverse-outline-info-minor-hover: #1277BAFF;
1858
- --inverse-outline-info-minor-active: #0B476FFF;
1859
- --inverse-outline-transparent-positive-hover: #13BE32FF;
1860
- --inverse-outline-transparent-positive-active: #0B741FFF;
1861
- --inverse-outline-transparent-accent-active: #0B741FFF;
1365
+ --inverse-outline-positive-active: #92C88DFF;
1862
1366
  --inverse-outline-positive: #A6D2A2;
1863
1367
  --inverse-outline-positive-hover: #DBEDD9FF;
1864
- --inverse-outline-read-only-active: #616161FF;
1865
- --data-yellow-hover: #F5B638FF;
1866
- --data-yellow-active: #E49C0CFF;
1867
- --data-yellow-minor-hover: #FFCF70FF;
1868
- --data-yellow-minor-active: #FFCC66FF;
1869
- --data-yellow-transparent-hover: #F5B638FF;
1870
- --data-yellow-transparent-active: #E49C0CFF;
1871
- --on-dark-data-yellow-hover: #F4B22FFF;
1872
- --on-dark-data-yellow-active: #EDA20CFF;
1873
- --on-dark-data-yellow-minor-hover: #B87A00FF;
1874
- --on-dark-data-yellow-minor-active: #996600FF;
1875
- --on-dark-data-yellow-transparent-hover: #F4B22FFF;
1876
- --on-dark-data-yellow-transparent-active: #EDA20CFF;
1877
- --on-light-data-yellow-hover: #F5B638FF;
1878
- --on-light-data-yellow-active: #E49C0CFF;
1879
- --on-light-data-yellow-minor-hover: #FFCF70FF;
1880
- --on-light-data-yellow-minor-active: #FFCC66FF;
1881
- --inverse-outline-transparent-negative-hover: #F36876FF;
1882
- --inverse-outline-transparent-warning-hover: #FF8138FF;
1883
- --inverse-outline-transparent-negative-active: #C61022FF;
1884
- --inverse-outline-transparent-info-hover: #0F96F0FF;
1885
- --inverse-outline-read-only-hover: #808080FF;
1886
- --inverse-outline-transparent-info-active: #0A66A3FF;
1887
- --inverse-data-yellow-hover: #F4B22FFF;
1888
- --inverse-data-yellow-active: #EDA20CFF;
1889
- --inverse-data-yellow-minor-active: #996600FF;
1890
- --on-light-data-yellow-transparent-active: #E49C0CFF;
1891
- --inverse-data-yellow-transparent-active: #EDA20CFF;
1892
- --inverse-data-yellow-transparent-hover: #F4B22FFF;
1893
- --inverse-outline-transparent-accent-hover: #13BE32FF;
1894
1368
  --text-primary-hover: #15110F97;
1895
- --on-dark-text-warning-minor-active: #9F440FFF;
1896
1369
  --on-dark-surface-solid-default: #F6F2F0;
1897
1370
  --on-light-surface-accent-minor-active: #BFEDE1FF;
1898
- --on-light-surface-negative-minor-hover: #FFD6DAFF;
1899
1371
  --inverse-surface-accent-minor-hover: #055C4CFF;
1900
1372
  color: var(--text-primary);
1901
1373
  background-color: var(--background-primary);
@@ -1903,7 +1375,6 @@
1903
1375
 
1904
1376
  .light {
1905
1377
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1906
- --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%);
1907
1378
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1908
1379
  --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%);
1909
1380
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
@@ -1932,7 +1403,7 @@
1932
1403
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1933
1404
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1934
1405
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1935
- --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1406
+ --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%);
1936
1407
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1937
1408
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1938
1409
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
@@ -1958,36 +1429,36 @@
1958
1429
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1959
1430
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1960
1431
  --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1432
+ --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1961
1433
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1962
1434
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1963
1435
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1964
1436
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1965
- --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1966
1437
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1967
1438
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1968
1439
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1440
+ --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1969
1441
  }
1970
1442
 
1971
1443
  .dark, .light {
1972
1444
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1973
- --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1974
1445
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1975
1446
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1447
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1976
1448
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1977
1449
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1978
- --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1979
1450
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1980
1451
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1981
1452
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1982
1453
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1983
1454
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1455
+ --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1984
1456
  }
1985
1457
 
1986
1458
  .dark, .light {
1987
1459
  --border-radius-4xl: 2rem;
1988
- --border-radius-3xl: 1.75rem;
1989
1460
  --border-radius-5xl: 2.5rem;
1990
- --border-radius-circle: 100rem;
1461
+ --border-radius-3xl: 1.75rem;
1991
1462
  --border-radius-m: 0.75rem;
1992
1463
  --border-radius-l: 1rem;
1993
1464
  --border-radius-xxs: 0.25rem;
@@ -1995,11 +1466,11 @@
1995
1466
  --border-radius-xxl: 1.5rem;
1996
1467
  --border-radius-s: 0.5rem;
1997
1468
  --border-radius-xl: 1.25rem;
1469
+ --border-radius-circle: 100rem;
1998
1470
  }
1999
1471
 
2000
1472
  .dark, .light {
2001
1473
  --spacing-16x: 2rem;
2002
- --spacing-3x: 0.375rem;
2003
1474
  --spacing-6x: 0.75rem;
2004
1475
  --spacing-8x: 1rem;
2005
1476
  --spacing-10x: 1.25rem;
@@ -2013,16 +1484,17 @@
2013
1484
  --spacing-2x: 0.25rem;
2014
1485
  --spacing-0x: 0rem;
2015
1486
  --spacing-1x: 0.125rem;
1487
+ --spacing-3x: 0.375rem;
2016
1488
  }
2017
1489
 
2018
1490
  .dark, .light {
2019
1491
  font-size: 16px;
2020
1492
  --plasma-typo-overflow-wrap: break-word;
2021
1493
  --plasma-typo-hyphens: auto;
2022
- --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
2023
- --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;
2024
- --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;
2025
- --plasma-typo-text-font-family: 'undefined', sans-serif;
1494
+ --plasma-typo-display-font-family: 'Roboto', sans-serif;
1495
+ --plasma-typo-body-font-family: 'Roboto', sans-serif;
1496
+ --plasma-typo-header-font-family: 'Roboto', sans-serif;
1497
+ --plasma-typo-text-font-family: 'Roboto', sans-serif;
2026
1498
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);
2027
1499
  --plasma-typo-body-xxs-bold-letter-spacing: normal;
2028
1500
  --plasma-typo-body-xxs-bold-font-style: normal;
@@ -2110,9 +1582,45 @@
2110
1582
  --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
2111
1583
  --plasma-typo-body-m-letter-spacing: normal;
2112
1584
  --plasma-typo-body-m-font-style: normal;
1585
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1586
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1587
+ --plasma-typo-text-xs-medium-font-style: normal;
2113
1588
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
2114
1589
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
2115
1590
  --plasma-typo-body-xxs-medium-font-style: normal;
1591
+ --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
1592
+ --plasma-typo-text-l-letter-spacing: -0.02em;
1593
+ --plasma-typo-text-l-font-style: normal;
1594
+ --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
1595
+ --plasma-typo-text-s-medium-letter-spacing: -0.02em;
1596
+ --plasma-typo-text-s-medium-font-style: normal;
1597
+ --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
1598
+ --plasma-typo-text-l-bold-letter-spacing: -0.02em;
1599
+ --plasma-typo-text-l-bold-font-style: normal;
1600
+ --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
1601
+ --plasma-typo-text-m-letter-spacing: -0.02em;
1602
+ --plasma-typo-text-m-font-style: normal;
1603
+ --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
1604
+ --plasma-typo-text-l-medium-letter-spacing: -0.02em;
1605
+ --plasma-typo-text-l-medium-font-style: normal;
1606
+ --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
1607
+ --plasma-typo-text-s-letter-spacing: -0.02em;
1608
+ --plasma-typo-text-s-font-style: normal;
1609
+ --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
1610
+ --plasma-typo-text-s-bold-letter-spacing: -0.02em;
1611
+ --plasma-typo-text-s-bold-font-style: normal;
1612
+ --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
1613
+ --plasma-typo-text-m-bold-letter-spacing: -0.02em;
1614
+ --plasma-typo-text-m-bold-font-style: normal;
1615
+ --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
1616
+ --plasma-typo-text-m-medium-letter-spacing: -0.02em;
1617
+ --plasma-typo-text-m-medium-font-style: normal;
1618
+ --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
1619
+ --plasma-typo-text-xs-letter-spacing: -0.02em;
1620
+ --plasma-typo-text-xs-font-style: normal;
1621
+ --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
1622
+ --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
1623
+ --plasma-typo-text-xs-bold-font-style: normal;
2116
1624
  }
2117
1625
 
2118
1626
  @media (max-width: 559px) {
@@ -2204,9 +1712,45 @@
2204
1712
  --plasma-typo-body-m-font-size: 0.875rem;
2205
1713
  --plasma-typo-body-m-font-weight: 400;
2206
1714
  --plasma-typo-body-m-line-height: 1.125rem;
1715
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1716
+ --plasma-typo-text-xs-medium-font-weight: 500;
1717
+ --plasma-typo-text-xs-medium-line-height: 1rem;
2207
1718
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
2208
1719
  --plasma-typo-body-xxs-medium-font-weight: 500;
2209
1720
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1721
+ --plasma-typo-text-l-font-size: 1.125rem;
1722
+ --plasma-typo-text-l-font-weight: 400;
1723
+ --plasma-typo-text-l-line-height: 1.625rem;
1724
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
1725
+ --plasma-typo-text-s-medium-font-weight: 500;
1726
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
1727
+ --plasma-typo-text-l-bold-font-size: 1.125rem;
1728
+ --plasma-typo-text-l-bold-font-weight: 600;
1729
+ --plasma-typo-text-l-bold-line-height: 1.625rem;
1730
+ --plasma-typo-text-m-font-size: 1rem;
1731
+ --plasma-typo-text-m-font-weight: 400;
1732
+ --plasma-typo-text-m-line-height: 1.5rem;
1733
+ --plasma-typo-text-l-medium-font-size: 1.125rem;
1734
+ --plasma-typo-text-l-medium-font-weight: 500;
1735
+ --plasma-typo-text-l-medium-line-height: 1.625rem;
1736
+ --plasma-typo-text-s-font-size: 0.875rem;
1737
+ --plasma-typo-text-s-font-weight: 400;
1738
+ --plasma-typo-text-s-line-height: 1.25rem;
1739
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
1740
+ --plasma-typo-text-s-bold-font-weight: 600;
1741
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1742
+ --plasma-typo-text-m-bold-font-size: 1rem;
1743
+ --plasma-typo-text-m-bold-font-weight: 600;
1744
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
1745
+ --plasma-typo-text-m-medium-font-size: 1rem;
1746
+ --plasma-typo-text-m-medium-font-weight: 500;
1747
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
1748
+ --plasma-typo-text-xs-font-size: 0.75rem;
1749
+ --plasma-typo-text-xs-font-weight: 400;
1750
+ --plasma-typo-text-xs-line-height: 1rem;
1751
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1752
+ --plasma-typo-text-xs-bold-font-weight: 600;
1753
+ --plasma-typo-text-xs-bold-line-height: 1rem;
2210
1754
  }
2211
1755
  }
2212
1756
 
@@ -2302,44 +1846,56 @@
2302
1846
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
2303
1847
  --plasma-typo-body-xxs-medium-font-weight: 500;
2304
1848
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1849
+ --plasma-typo-text-m-font-size: 1rem;
1850
+ --plasma-typo-text-m-font-weight: 400;
1851
+ --plasma-typo-text-m-line-height: 1.5rem;
1852
+ --plasma-typo-text-m-bold-font-size: 1rem;
1853
+ --plasma-typo-text-m-bold-font-weight: 600;
1854
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
1855
+ --plasma-typo-text-m-medium-font-size: 1rem;
1856
+ --plasma-typo-text-m-medium-font-weight: 500;
1857
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
1858
+ --plasma-typo-text-s-font-size: 0.875rem;
1859
+ --plasma-typo-text-s-font-weight: 400;
1860
+ --plasma-typo-text-s-line-height: 1.25rem;
1861
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
1862
+ --plasma-typo-text-s-bold-font-weight: 600;
1863
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1864
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
1865
+ --plasma-typo-text-s-medium-font-weight: 500;
1866
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
1867
+ --plasma-typo-text-xs-font-size: 0.75rem;
1868
+ --plasma-typo-text-xs-font-weight: 400;
1869
+ --plasma-typo-text-xs-line-height: 1rem;
1870
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1871
+ --plasma-typo-text-xs-bold-font-weight: 600;
1872
+ --plasma-typo-text-xs-bold-line-height: 1rem;
1873
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1874
+ --plasma-typo-text-xs-medium-font-weight: 500;
1875
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1876
+ --plasma-typo-text-l-font-size: 1.25rem;
1877
+ --plasma-typo-text-l-font-weight: 400;
1878
+ --plasma-typo-text-l-line-height: 1.75rem;
1879
+ --plasma-typo-text-l-bold-font-size: 1.25rem;
1880
+ --plasma-typo-text-l-bold-font-weight: 600;
1881
+ --plasma-typo-text-l-bold-line-height: 1.75rem;
1882
+ --plasma-typo-text-l-medium-font-size: 1.25rem;
1883
+ --plasma-typo-text-l-medium-font-weight: 500;
1884
+ --plasma-typo-text-l-medium-line-height: 1.75rem;
2305
1885
  }
2306
1886
  }
2307
1887
 
2308
1888
  @media (min-width: 960px) {
2309
1889
  .dark, .light {
1890
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1891
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1892
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
2310
1893
  --plasma-typo-dspl-s-font-size: 2.125rem;
2311
1894
  --plasma-typo-dspl-s-font-weight: 400;
2312
1895
  --plasma-typo-dspl-s-line-height: 2.5625rem;
2313
1896
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
2314
1897
  --plasma-typo-dspl-s-bold-font-weight: 700;
2315
1898
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
2316
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
2317
- --plasma-typo-dspl-s-medium-font-weight: 500;
2318
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
2319
- --plasma-typo-body-m-medium-font-size: 0.875rem;
2320
- --plasma-typo-body-m-medium-font-weight: 500;
2321
- --plasma-typo-body-m-medium-line-height: 1.125rem;
2322
- --plasma-typo-body-s-font-size: 0.8125rem;
2323
- --plasma-typo-body-s-font-weight: 400;
2324
- --plasma-typo-body-s-line-height: 0.9375rem;
2325
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
2326
- --plasma-typo-body-s-bold-font-weight: 600;
2327
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
2328
- --plasma-typo-h1-font-size: 1.75rem;
2329
- --plasma-typo-h1-font-weight: 400;
2330
- --plasma-typo-h1-line-height: 2.25rem;
2331
- --plasma-typo-h1-bold-font-size: 1.75rem;
2332
- --plasma-typo-h1-bold-font-weight: 700;
2333
- --plasma-typo-h1-bold-line-height: 2.25rem;
2334
- --plasma-typo-h1-medium-font-size: 1.75rem;
2335
- --plasma-typo-h1-medium-font-weight: 500;
2336
- --plasma-typo-h1-medium-line-height: 2.25rem;
2337
- --plasma-typo-h2-font-size: 1.375rem;
2338
- --plasma-typo-h2-font-weight: 400;
2339
- --plasma-typo-h2-line-height: 1.75rem;
2340
- --plasma-typo-h2-bold-font-size: 1.375rem;
2341
- --plasma-typo-h2-bold-font-weight: 700;
2342
- --plasma-typo-h2-bold-line-height: 1.75rem;
2343
1899
  --plasma-typo-h2-medium-font-size: 1.375rem;
2344
1900
  --plasma-typo-h2-medium-font-weight: 500;
2345
1901
  --plasma-typo-h2-medium-line-height: 1.75rem;
@@ -2361,6 +1917,15 @@
2361
1917
  --plasma-typo-h4-medium-font-size: 1rem;
2362
1918
  --plasma-typo-h4-medium-font-weight: 500;
2363
1919
  --plasma-typo-h4-medium-line-height: 1.25rem;
1920
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1921
+ --plasma-typo-body-m-medium-font-weight: 500;
1922
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1923
+ --plasma-typo-body-s-font-size: 0.8125rem;
1924
+ --plasma-typo-body-s-font-weight: 400;
1925
+ --plasma-typo-body-s-line-height: 0.9375rem;
1926
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1927
+ --plasma-typo-body-s-bold-font-weight: 600;
1928
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
2364
1929
  --plasma-typo-body-l-font-size: 1.125rem;
2365
1930
  --plasma-typo-body-l-font-weight: 400;
2366
1931
  --plasma-typo-body-l-line-height: 1.375rem;
@@ -2370,12 +1935,69 @@
2370
1935
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
2371
1936
  --plasma-typo-body-l-medium-font-weight: 500;
2372
1937
  --plasma-typo-body-l-medium-line-height: 1.125rem;
1938
+ --plasma-typo-h1-font-size: 1.75rem;
1939
+ --plasma-typo-h1-font-weight: 400;
1940
+ --plasma-typo-h1-line-height: 2.25rem;
1941
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1942
+ --plasma-typo-h1-bold-font-weight: 700;
1943
+ --plasma-typo-h1-bold-line-height: 2.25rem;
2373
1944
  --plasma-typo-body-m-font-size: 0.875rem;
2374
1945
  --plasma-typo-body-m-font-weight: 400;
2375
1946
  --plasma-typo-body-m-line-height: 1.125rem;
2376
1947
  --plasma-typo-body-m-bold-font-size: 0.875rem;
2377
1948
  --plasma-typo-body-m-bold-font-weight: 600;
2378
1949
  --plasma-typo-body-m-bold-line-height: 1.125rem;
1950
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1951
+ --plasma-typo-h1-medium-font-weight: 500;
1952
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1953
+ --plasma-typo-h2-font-size: 1.375rem;
1954
+ --plasma-typo-h2-font-weight: 400;
1955
+ --plasma-typo-h2-line-height: 1.75rem;
1956
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1957
+ --plasma-typo-h2-bold-font-weight: 700;
1958
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1959
+ --plasma-typo-text-l-bold-font-size: 1.5rem;
1960
+ --plasma-typo-text-l-bold-font-weight: 600;
1961
+ --plasma-typo-text-l-bold-line-height: 2rem;
1962
+ --plasma-typo-text-xs-font-size: 0.75rem;
1963
+ --plasma-typo-text-xs-font-weight: 400;
1964
+ --plasma-typo-text-xs-line-height: 1rem;
1965
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1966
+ --plasma-typo-text-xs-bold-font-weight: 600;
1967
+ --plasma-typo-text-xs-bold-line-height: 1rem;
1968
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1969
+ --plasma-typo-text-xs-medium-font-weight: 500;
1970
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1971
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1972
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1973
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1974
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1975
+ --plasma-typo-body-s-medium-font-weight: 500;
1976
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1977
+ --plasma-typo-body-xs-font-size: 0.75rem;
1978
+ --plasma-typo-body-xs-font-weight: 400;
1979
+ --plasma-typo-body-xs-line-height: 0.875rem;
1980
+ --plasma-typo-text-l-medium-font-size: 1.5rem;
1981
+ --plasma-typo-text-l-medium-font-weight: 500;
1982
+ --plasma-typo-text-l-medium-line-height: 2rem;
1983
+ --plasma-typo-text-m-font-size: 1.125rem;
1984
+ --plasma-typo-text-m-font-weight: 400;
1985
+ --plasma-typo-text-m-line-height: 1.625rem;
1986
+ --plasma-typo-text-m-bold-font-size: 1.125rem;
1987
+ --plasma-typo-text-m-bold-font-weight: 600;
1988
+ --plasma-typo-text-m-bold-line-height: 1.625rem;
1989
+ --plasma-typo-text-m-medium-font-size: 1.125rem;
1990
+ --plasma-typo-text-m-medium-font-weight: 500;
1991
+ --plasma-typo-text-m-medium-line-height: 1.625rem;
1992
+ --plasma-typo-text-s-font-size: 0.875rem;
1993
+ --plasma-typo-text-s-font-weight: 400;
1994
+ --plasma-typo-text-s-line-height: 1.25rem;
1995
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
1996
+ --plasma-typo-text-s-bold-font-weight: 600;
1997
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1998
+ --plasma-typo-text-s-medium-font-size: 0.875rem;
1999
+ --plasma-typo-text-s-medium-font-weight: 500;
2000
+ --plasma-typo-text-s-medium-line-height: 1.25rem;
2379
2001
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
2380
2002
  --plasma-typo-body-xs-bold-font-weight: 600;
2381
2003
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
@@ -2388,14 +2010,8 @@
2388
2010
  --plasma-typo-body-xxs-medium-font-size: 0.625rem;
2389
2011
  --plasma-typo-body-xxs-medium-font-weight: 500;
2390
2012
  --plasma-typo-body-xxs-medium-line-height: 0.75rem;
2391
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
2392
- --plasma-typo-body-xxs-bold-font-weight: 600;
2393
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
2394
- --plasma-typo-body-s-medium-font-size: 0.8125rem;
2395
- --plasma-typo-body-s-medium-font-weight: 500;
2396
- --plasma-typo-body-s-medium-line-height: 0.9375rem;
2397
- --plasma-typo-body-xs-font-size: 0.75rem;
2398
- --plasma-typo-body-xs-font-weight: 400;
2399
- --plasma-typo-body-xs-line-height: 0.875rem;
2013
+ --plasma-typo-text-l-font-size: 1.5rem;
2014
+ --plasma-typo-text-l-font-weight: 400;
2015
+ --plasma-typo-text-l-line-height: 2rem;
2400
2016
  }
2401
2017
  }