@salutejs-ds/sdds_sbcom 0.1.10 → 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 +393 -249
  38. package/css/sdds_sbcom__dark.css +291 -147
  39. package/css/sdds_sbcom__light.css +291 -147
  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 +467 -347
  71. package/es/theme/tokens/index.js.map +1 -1
  72. package/index.css +55 -55
  73. package/index.js +12 -0
  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 +320 -212
  93. package/theme/tokens/index.js +478 -346
  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
package/css/sdds_sbcom.module.css CHANGED
@@ -2,152 +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
24
  --on-dark-outline-primary-active: #2B2827FF;
51
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
52
- --on-dark-personas-pink-text-accent-active: #F58A8AFF;
53
- --outline-primary-hover: #91847EFF;
54
- --outline-primary-active: #665C57FF;
55
- --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
56
- --inverse-personas-indigo-text-accent-active: #A46AF1FF;
57
- --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
58
- --inverse-personas-pink-text-accent-active: #F48080FF;
59
- --personas-olive-text-accent-hover: #A6D4A5FF;
60
25
  --personas-olive-text-accent-active: #7DC07CFF;
61
- --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
62
26
  --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
63
27
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
64
- --on-dark-personas-olive-text-accent-active: #7DC07CFF;
65
- --inverse-surface-transparent-navi-hover: #FFFFFFA8;
66
28
  --inverse-surface-transparent-navi-active: #FFFFFFAD;
67
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
68
29
  --on-light-personas-olive-text-accent-active: #179315FF;
69
- --on-light-personas-violet-text-accent-hover: #B740C9FF;
70
30
  --on-light-personas-violet-text-accent-active: #81288FFF;
71
- --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
72
31
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
73
- --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
74
32
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
75
33
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
76
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
77
34
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
78
- --inverse-personas-green-text-accent-active: #4CCDACFF;
79
35
  --on-light-personas-pink-text-accent-hover: #E47777FF;
80
- --on-light-personas-pink-text-accent-active: #D73333FF;
81
- --on-dark-personas-ochre-text-accent: #F4B49B;
82
36
  --surface-accent-secondary-hover: #70CDB7FF;
83
- --surface-accent-secondary-active: #59C5ACFF;
84
37
  --personas-pink-text-accent-hover: #E26E6EFF;
85
- --surface-transparent-accent-minor: #0BA68647;
86
38
  --personas-pink-text-accent-active: #D83B3BFF;
87
39
  --personas-indigo-text-accent-hover: #E8DAFCFF;
88
- --personas-indigo-text-accent-active: #AA73F2FF;
89
40
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
90
- --on-dark-personas-violet-text-accent-active: #D982E8FF;
91
41
  --on-light-outline-primary: #DDD9D7;
92
- --on-light-surface-transparent-navi-hover: #FFFFFFA8;
93
42
  --inverse-outline-default: #FFFFFF;
94
- --on-light-surface-transparent-navi-active: #FFFFFFAD;
95
- --inverse-personas-sea-blue-text-accent: #7BC8C8;
96
- --background-hardline: #000000;
97
- --inverse-personas-blue-text-accent: #1063BA;
98
43
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
99
- --inverse-personas-violet-text-accent: #9E32AF;
100
44
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
101
- --inverse-surface-transparent-accent-minor: #0BA68647;
102
45
  --on-light-personas-indigo-text-accent-hover: #000000FF;
103
- --on-light-personas-blue-text-accent: #1063BA;
104
46
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
105
- --on-dark-surface-transparent-navi: #23232399;
106
47
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
107
- --inverse-outline-primary: #DDD9D7;
108
48
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
109
49
  --on-light-outline-default: #FFFFFF;
110
- --inverse-personas-olive-text-accent-hover: #1DB71AFF;
111
- --inverse-personas-olive-text-accent-active: #179315FF;
112
- --personas-ochre-text-accent-hover: #F7C8B6FF;
113
- --on-dark-outline-default: #383838;
114
50
  --personas-ochre-text-accent-active: #F19F7EFF;
115
- --personas-green-text-accent: #038768;
116
- --personas-sea-blue-text-accent: #00898D;
117
51
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
118
52
  --inverse-background-hardline: #000000;
119
- --inverse-surface-accent-secondary: #41BDA1;
120
53
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
121
- --light-background-hardline: #FFFFFF;
122
54
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
123
- --on-light-surface-accent-secondary: #41BDA1;
124
55
  --surface-transparent-navi: #FFFFFF99;
125
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
126
- --personas-violet-text-accent-hover: #B438C7FF;
127
- --on-light-surface-transparent-accent-minor: #0BA6863D;
56
+ --on-light-surface-accent-secondary: #41BDA1;
128
57
  --personas-violet-text-accent-active: #892B97FF;
129
- --on-light-personas-green-text-accent: #038768;
130
58
  --personas-blue-text-accent-hover: #C3DDF9FF;
131
59
  --outline-default: #FFFFFF;
132
- --personas-blue-text-accent-active: #5DA3EFFF;
133
- --text-primary-brightness-hover: #FAFAFA93;
134
- --dark-background-hardline: #000000;
135
60
  --text-primary-brightness-active: #FAFAFAC4;
136
- --on-dark-outline-primary: #3B3735;
137
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
138
- --on-dark-personas-pink-text-accent: #F7A4A4;
139
- --on-dark-text-primary-brightness-active: #FAFAFAC4;
140
- --on-light-text-primary-brightness-hover: #17171793;
141
- --on-light-text-primary-brightness-active: #171717C4;
142
- --inverse-text-primary-brightness-hover: #17171793;
143
- --inverse-text-primary-brightness-active: #171717C4;
144
- --surface-solid-primary-brightness-active: #212121FF;
145
61
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
146
62
  --surface-transparent-card-brightness-active: #FAFAFA0A;
147
63
  --surface-solid-card-brightness-hover: #303030FF;
148
64
  --surface-solid-card-brightness-active: #212121FF;
149
65
  --surface-solid-primary-brightness-hover: #303030FF;
150
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
151
66
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
152
67
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
153
68
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -165,12 +80,12 @@
165
80
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
166
81
  --on-dark-personas-olive-text-accent: #93CB92;
167
82
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
168
- --on-dark-surface-accent-minor-active: #043F34FF;
169
83
  --text-primary: #FFFFFFFC;
170
84
  --on-dark-text-accent-minor-hover: #60C7AFFF;
171
85
  --inverse-surface-transparent-navi: #FFFFFF99;
172
86
  --on-light-personas-olive-text-accent: #127210;
173
87
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
88
+ --on-dark-surface-accent-minor-active: #043F34FF;
174
89
  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
175
90
  --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
176
91
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
@@ -190,13 +105,10 @@
190
105
  --inverse-surface-solid-tertiary: #FFFFFF;
191
106
  --on-light-surface-accent-minor: #D0F2E9;
192
107
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
193
- --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
194
108
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
195
109
  --inverse-surface-accent-minor: #D0F2E9;
196
110
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
197
111
  --on-dark-surface-accent-minor-hover: #055C4CFF;
198
- --personas-pink-text-accent: #DE5555;
199
- --personas-indigo-text-accent: #BD91F5;
200
112
  --on-dark-personas-violet-text-accent: #E19DED;
201
113
  --on-light-surface-transparent-navi: #FFFFFF99;
202
114
  --on-dark-personas-blue-text-accent: #79B3F2;
@@ -207,9 +119,96 @@
207
119
  --on-dark-surface-transparent-accent-minor: #0BA68647;
208
120
  --on-light-text-warning-active: #6F2D06FF;
209
121
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
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;
210
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;
211
207
  --personas-blue-text-accent: #79B3F2;
212
- --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;
213
212
  --text-paragraph: #F6F2F07A;
214
213
  --text-paragraph-hover: #F5F1EFFF;
215
214
  --text-paragraph-active: #F5F1EF93;
@@ -232,13 +231,13 @@
232
231
  --text-info-hover: #BCDBFAFF;
233
232
  --text-info-active: #53A3F3FF;
234
233
  --text-secondary-hover: #F5F1EFFF;
234
+ --text-secondary: #F6F2F0A3;
235
235
  --text-primary-active: #FFFFFFCA;
236
236
  --text-secondary-active: #F5F1EFC4;
237
237
  --text-tertiary: #F6F2F03D;
238
238
  --text-tertiary-hover: #F5F1EFFF;
239
239
  --text-tertiary-active: #F5F1EF49;
240
240
  --text-primary-brightness: #FAFAFAF5;
241
- --on-dark-text-tertiary-active: #F5F1EF49;
242
241
  --on-dark-text-paragraph: #F6F2F07A;
243
242
  --on-dark-text-paragraph-hover: #F5F1EFFF;
244
243
  --on-dark-text-paragraph-active: #F5F1EF93;
@@ -260,6 +259,7 @@
260
259
  --on-dark-text-info-hover: #BCDBFAFF;
261
260
  --on-dark-text-info-active: #53A3F3FF;
262
261
  --on-dark-text-primary-active: #FFFFFFCA;
262
+ --on-dark-text-tertiary-active: #F5F1EF49;
263
263
  --on-dark-text-primary: #FFFFFFFC;
264
264
  --on-dark-text-primary-brightness: #FAFAFAF5;
265
265
  --on-dark-text-secondary: #F6F2F0A3;
@@ -317,7 +317,6 @@
317
317
  --on-light-text-info-hover: #000000FF;
318
318
  --on-light-text-info-active: #194B85FF;
319
319
  --on-light-text-negative-hover: #E3353BFF;
320
- --inverse-text-warning-active: #6F2D06FF;
321
320
  --inverse-text-negative: #D11D23;
322
321
  --inverse-text-negative-hover: #E3353BFF;
323
322
  --inverse-text-negative-active: #AF181DFF;
@@ -325,6 +324,7 @@
325
324
  --inverse-text-info-hover: #000000FF;
326
325
  --inverse-text-info-active: #194B85FF;
327
326
  --surface-solid-primary: #232323;
327
+ --inverse-text-warning-active: #6F2D06FF;
328
328
  --surface-solid-primary-hover: #2E2E2EFF;
329
329
  --surface-solid-primary-active: #1F1F1FFF;
330
330
  --surface-solid-primary-brightness: #262626FF;
@@ -338,7 +338,6 @@
338
338
  --inverse-text-warning: #973C09;
339
339
  --inverse-text-warning-hover: #BC4C0BFF;
340
340
  --inverse-text-positive-active: #185E17FF;
341
- --surface-transparent-primary-active: #FFFFFF0F;
342
341
  --surface-transparent-secondary: #FFFFFF29;
343
342
  --surface-transparent-secondary-hover: #FFFFFF47;
344
343
  --surface-transparent-secondary-active: #FFFFFF1A;
@@ -372,7 +371,7 @@
372
371
  --surface-transparent-primary-hover: #FFFFFF24;
373
372
  --surface-solid-default-active: #F2ECE9FF;
374
373
  --surface-solid-card-hover: #2E2E2EFF;
375
- --surface-positive-active: #9FCF9BFF;
374
+ --surface-transparent-primary-active: #FFFFFF0F;
376
375
  --surface-warning: #F8AD80;
377
376
  --surface-warning-hover: #F9BB94FF;
378
377
  --surface-warning-active: #F8A977FF;
@@ -382,6 +381,7 @@
382
381
  --surface-info: #9BCAF8;
383
382
  --surface-info-hover: #AED4F9FF;
384
383
  --surface-info-active: #91C4F7FF;
384
+ --surface-positive-active: #9FCF9BFF;
385
385
  --surface-positive: #A6D2A2;
386
386
  --surface-positive-hover: #B3D9B0FF;
387
387
  --surface-read-only: #F9F9F905;
@@ -396,7 +396,6 @@
396
396
  --on-dark-surface-solid-secondary-active: #242424FF;
397
397
  --on-dark-surface-solid-tertiary: #474747;
398
398
  --on-dark-surface-solid-tertiary-hover: #525252FF;
399
- --on-dark-surface-transparent-primary-active: #FFFFFF0F;
400
399
  --on-dark-surface-transparent-secondary: #FFFFFF29;
401
400
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
402
401
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
@@ -425,6 +424,7 @@
425
424
  --on-dark-surface-transparent-primary: #FFFFFF14;
426
425
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
427
426
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
427
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
428
428
  --on-dark-surface-positive: #A6D2A2;
429
429
  --on-dark-surface-positive-hover: #B3D9B0FF;
430
430
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -452,7 +452,6 @@
452
452
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
453
453
  --on-light-surface-solid-tertiary: #FFFFFF;
454
454
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
455
- --on-light-surface-transparent-primary-active: #15110F0F;
456
455
  --on-light-surface-transparent-secondary: #15110F14;
457
456
  --on-light-surface-transparent-secondary-hover: #15110F1A;
458
457
  --on-light-surface-transparent-secondary-active: #15110F1F;
@@ -481,6 +480,7 @@
481
480
  --on-light-surface-transparent-primary-hover: #15110F0D;
482
481
  --on-light-surface-solid-default-active: #090706FF;
483
482
  --on-light-surface-solid-card-hover: #FFFFFFFF;
483
+ --on-light-surface-transparent-primary-active: #15110F0F;
484
484
  --on-light-surface-positive: #239322;
485
485
  --on-light-surface-positive-hover: #28A126FF;
486
486
  --on-light-surface-positive-active: #20801EFF;
@@ -506,7 +506,6 @@
506
506
  --inverse-surface-solid-secondary: #FFFFFF;
507
507
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
508
508
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
509
- --inverse-surface-transparent-primary-hover: #15110F0D;
510
509
  --inverse-surface-transparent-primary-active: #15110F0F;
511
510
  --inverse-surface-transparent-secondary: #15110F14;
512
511
  --inverse-surface-transparent-secondary-hover: #15110F1A;
@@ -535,6 +534,7 @@
535
534
  --inverse-surface-solid-card-brightness: #FFFFFFFF;
536
535
  --inverse-surface-solid-default: #15110F;
537
536
  --inverse-surface-transparent-primary: #15110F0A;
537
+ --inverse-surface-transparent-primary-hover: #15110F0D;
538
538
  --inverse-surface-positive: #239322;
539
539
  --inverse-surface-positive-hover: #28A126FF;
540
540
  --inverse-surface-positive-active: #20801EFF;
@@ -633,7 +633,6 @@
633
633
  --inverse-outline-clear: #FFFFFF00;
634
634
  --inverse-outline-clear-hover: #FFFFFF00;
635
635
  --inverse-outline-clear-active: #FFFFFF00;
636
- --inverse-outline-positive-active: #20801EFF;
637
636
  --inverse-outline-warning: #BE4E0C;
638
637
  --inverse-outline-warning-hover: #F3813FFF;
639
638
  --inverse-outline-warning-active: #A3420AFF;
@@ -643,6 +642,7 @@
643
642
  --inverse-outline-info: #3776BC;
644
643
  --inverse-outline-info-hover: #81AADAFF;
645
644
  --inverse-outline-info-active: #3067A6FF;
645
+ --inverse-outline-positive-active: #20801EFF;
646
646
  --inverse-outline-positive: #239322;
647
647
  --inverse-outline-positive-hover: #32CA2FFF;
648
648
  --text-primary-hover: #FFFFFF97;
@@ -655,7 +655,6 @@
655
655
 
656
656
  .dark {
657
657
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
658
- --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%);
659
658
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
660
659
  --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);
661
660
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
@@ -684,7 +683,7 @@
684
683
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
685
684
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
686
685
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
687
- --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%);
688
687
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
689
688
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
690
689
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
@@ -710,164 +709,80 @@
710
709
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
711
710
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
712
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%);
713
713
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
714
714
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
715
715
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
716
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%);
717
- --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
718
717
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
719
718
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
720
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%);
721
721
  }
722
722
 
723
723
  .light {
724
724
  --on-dark-personas-green-text-accent: #6CD5BB;
725
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
726
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
727
725
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
728
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
729
726
  --surface-transparent-accent-minor-hover: #0BA8884D;
730
- --surface-transparent-accent-minor-active: #0BA88852;
731
727
  --on-light-outline-primary-hover: #ADA39FFF;
732
- --on-light-outline-primary-active: #C4BEBAFF;
733
- --inverse-outline-default-hover: #666666FF;
734
728
  --inverse-outline-default-active: #292929FF;
735
- --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
736
729
  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
737
- --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
738
- --inverse-personas-blue-text-accent-active: #5DA3EFFF;
739
- --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
740
730
  --inverse-personas-violet-text-accent-active: #D982E8FF;
741
- --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
742
- --inverse-surface-transparent-accent-minor-active: #0BA8882E;
743
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
744
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
745
- --on-dark-surface-transparent-navi-hover: #242424B8;
746
731
  --on-dark-surface-transparent-navi-active: #2424248A;
747
- --inverse-outline-primary-hover: #6B6461FF;
748
732
  --inverse-outline-primary-active: #2B2827FF;
749
733
  --on-light-outline-default-hover: #CCCCCCFF;
750
- --on-light-outline-default-active: #E6E6E6FF;
751
734
  --on-dark-outline-default-hover: #666666FF;
752
735
  --on-dark-outline-default-active: #292929FF;
753
736
  --personas-green-text-accent-hover: #8CDECAFF;
754
- --personas-green-text-accent-active: #4CCDACFF;
755
737
  --personas-sea-blue-text-accent-hover: #000000FF;
756
- --personas-sea-blue-text-accent-active: #4BB4B4FF;
757
738
  --inverse-surface-accent-secondary-hover: #70CDB7FF;
758
- --inverse-surface-accent-secondary-active: #59C5ACFF;
759
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
760
739
  --on-light-surface-accent-secondary-active: #3CAF94FF;
761
- --surface-transparent-navi-hover: #242424A8;
762
740
  --surface-transparent-navi-active: #242424AD;
763
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
764
741
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
765
- --on-light-personas-green-text-accent-hover: #04D7A6FF;
766
742
  --on-light-personas-green-text-accent-active: #04AF87FF;
767
- --outline-default-hover: #B3B3B3FF;
768
743
  --outline-default-active: #6B6B6BFF;
769
- --on-dark-outline-primary-hover: #6B6461FF;
770
744
  --on-dark-outline-primary-active: #2B2827FF;
771
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
772
- --on-dark-personas-pink-text-accent-active: #F58A8AFF;
773
- --outline-primary-hover: #B6B1AFFF;
774
- --outline-primary-active: #706966FF;
775
- --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;
776
- --inverse-personas-indigo-text-accent-active: #652DA9FF;
777
- --inverse-personas-pink-text-accent-hover: #E26E6EFF;
778
- --inverse-personas-pink-text-accent-active: #D83B3BFF;
779
- --personas-olive-text-accent-hover: #1DB71AFF;
780
745
  --personas-olive-text-accent-active: #179315FF;
781
- --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;
782
746
  --inverse-personas-ochre-text-accent-active: #F19F7EFF;
783
747
  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
784
- --on-dark-personas-olive-text-accent-active: #7DC07CFF;
785
- --inverse-surface-transparent-navi-hover: #242424B8;
786
748
  --inverse-surface-transparent-navi-active: #2424248A;
787
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
788
749
  --on-light-personas-olive-text-accent-active: #179315FF;
789
- --on-light-personas-violet-text-accent-hover: #B740C9FF;
790
750
  --on-light-personas-violet-text-accent-active: #81288FFF;
791
- --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
792
751
  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
793
- --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
794
752
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
795
753
  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
796
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
797
754
  --inverse-personas-green-text-accent-hover: #04C396FF;
798
- --inverse-personas-green-text-accent-active: #03A57FFF;
799
755
  --on-light-personas-pink-text-accent-hover: #E47777FF;
800
- --on-light-personas-pink-text-accent-active: #D73333FF;
801
- --on-dark-personas-ochre-text-accent: #F4B49B;
802
756
  --surface-accent-secondary-hover: #50C3A8FF;
803
- --surface-accent-secondary-active: #3CAF94FF;
804
757
  --personas-pink-text-accent-hover: #FBCBCBFF;
805
- --surface-transparent-accent-minor: #0BA6863D;
806
758
  --personas-pink-text-accent-active: #F48080FF;
807
759
  --personas-indigo-text-accent-hover: #000000FF;
808
- --personas-indigo-text-accent-active: #5B2999FF;
809
760
  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
810
- --on-dark-personas-violet-text-accent-active: #D982E8FF;
811
761
  --on-light-outline-primary: #DDD9D7;
812
- --on-light-surface-transparent-navi-hover: #FFFFFFA8;
813
762
  --inverse-outline-default: #383838;
814
- --on-light-surface-transparent-navi-active: #FFFFFFAD;
815
- --inverse-personas-sea-blue-text-accent: #00898D;
816
- --background-hardline: #FFFFFF;
817
- --inverse-personas-blue-text-accent: #79B3F2;
818
763
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
819
- --inverse-personas-violet-text-accent: #E19DED;
820
764
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
821
- --inverse-surface-transparent-accent-minor: #0BA6863D;
822
765
  --on-light-personas-indigo-text-accent-hover: #000000FF;
823
- --on-light-personas-blue-text-accent: #1063BA;
824
766
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
825
- --on-dark-surface-transparent-navi: #23232399;
826
767
  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
827
- --inverse-outline-primary: #3B3735;
828
768
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
829
769
  --on-light-outline-default: #FFFFFF;
830
- --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
831
- --inverse-personas-olive-text-accent-active: #7DC07CFF;
832
- --personas-ochre-text-accent-hover: #ED6C1DFF;
833
- --on-dark-outline-default: #383838;
834
770
  --personas-ochre-text-accent-active: #AA4A0EFF;
835
- --personas-green-text-accent: #6CD5BB;
836
- --personas-sea-blue-text-accent: #7BC8C8;
837
771
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
838
772
  --inverse-background-hardline: #FFFFFF;
839
- --inverse-surface-accent-secondary: #61C8B0;
840
773
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
841
- --light-background-hardline: #FFFFFF;
842
774
  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
843
- --on-light-surface-accent-secondary: #41BDA1;
844
775
  --surface-transparent-navi: #23232399;
845
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
846
- --personas-violet-text-accent-hover: #EBBEF3FF;
847
- --on-light-surface-transparent-accent-minor: #0BA6863D;
776
+ --on-light-surface-accent-secondary: #41BDA1;
848
777
  --personas-violet-text-accent-active: #D679E6FF;
849
- --on-light-personas-green-text-accent: #038768;
850
778
  --personas-blue-text-accent-hover: #1477E1FF;
851
779
  --outline-default: #383838;
852
- --personas-blue-text-accent-active: #0D4F96FF;
853
- --text-primary-brightness-hover: #17171793;
854
- --dark-background-hardline: #000000;
855
780
  --text-primary-brightness-active: #171717C4;
856
- --on-dark-outline-primary: #3B3735;
857
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
858
- --on-dark-personas-pink-text-accent: #F7A4A4;
859
- --on-dark-text-primary-brightness-active: #FAFAFAC4;
860
- --on-light-text-primary-brightness-hover: #17171793;
861
- --on-light-text-primary-brightness-active: #171717C4;
862
- --inverse-text-primary-brightness-hover: #FAFAFA93;
863
- --inverse-text-primary-brightness-active: #FAFAFAC4;
864
- --surface-solid-primary-brightness-active: #FFFFFFFF;
865
781
  --surface-transparent-card-brightness-hover: #FFFFFFFF;
866
782
  --surface-transparent-card-brightness-active: #FFFFFFFF;
867
783
  --surface-solid-card-brightness-hover: #FFFFFFFF;
868
784
  --surface-solid-card-brightness-active: #FFFFFFFF;
869
785
  --surface-solid-primary-brightness-hover: #FFFFFFFF;
870
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
871
786
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
872
787
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
873
788
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -885,12 +800,12 @@
885
800
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
886
801
  --on-dark-personas-olive-text-accent: #93CB92;
887
802
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
888
- --on-dark-surface-accent-minor-active: #043F34FF;
889
803
  --text-primary: #15110FFC;
890
804
  --on-dark-text-accent-minor-hover: #60C7AFFF;
891
805
  --inverse-surface-transparent-navi: #23232399;
892
806
  --on-light-personas-olive-text-accent: #127210;
893
807
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
808
+ --on-dark-surface-accent-minor-active: #043F34FF;
894
809
  --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
895
810
  --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
896
811
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
@@ -910,13 +825,10 @@
910
825
  --inverse-surface-solid-tertiary: #474747;
911
826
  --on-light-surface-accent-minor: #D0F2E9;
912
827
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
913
- --inverse-surface-solid-card-brightness-hover: #303030FF;
914
828
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
915
829
  --inverse-surface-accent-minor: #04473B;
916
830
  --inverse-surface-solid-card-brightness-active: #212121FF;
917
831
  --on-dark-surface-accent-minor-hover: #055C4CFF;
918
- --personas-pink-text-accent: #F7A4A4;
919
- --personas-indigo-text-accent: #7133BE;
920
832
  --on-dark-personas-violet-text-accent: #E19DED;
921
833
  --on-light-surface-transparent-navi: #FFFFFF99;
922
834
  --on-dark-personas-blue-text-accent: #79B3F2;
@@ -927,9 +839,96 @@
927
839
  --on-dark-surface-transparent-accent-minor: #0BA68647;
928
840
  --on-light-text-warning-active: #6F2D06FF;
929
841
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
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;
930
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;
931
927
  --personas-blue-text-accent: #1063BA;
932
- --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;
933
932
  --text-paragraph: #15110F66;
934
933
  --text-paragraph-hover: #15110FFF;
935
934
  --text-paragraph-active: #15110F7A;
@@ -952,13 +951,13 @@
952
951
  --text-info-hover: #000000FF;
953
952
  --text-info-active: #194B85FF;
954
953
  --text-secondary-hover: #15110FFF;
954
+ --text-secondary: #15110FA3;
955
955
  --text-primary-active: #15110FCA;
956
956
  --text-secondary-active: #15110FC4;
957
957
  --text-tertiary: #15110F3D;
958
958
  --text-tertiary-hover: #15110FFF;
959
959
  --text-tertiary-active: #15110F49;
960
960
  --text-primary-brightness: #171717F5;
961
- --on-dark-text-tertiary-active: #F5F1EF49;
962
961
  --on-dark-text-paragraph: #F6F2F07A;
963
962
  --on-dark-text-paragraph-hover: #F5F1EFFF;
964
963
  --on-dark-text-paragraph-active: #F5F1EF93;
@@ -980,6 +979,7 @@
980
979
  --on-dark-text-info-hover: #BCDBFAFF;
981
980
  --on-dark-text-info-active: #53A3F3FF;
982
981
  --on-dark-text-primary-active: #FFFFFFCA;
982
+ --on-dark-text-tertiary-active: #F5F1EF49;
983
983
  --on-dark-text-primary: #FFFFFFFC;
984
984
  --on-dark-text-primary-brightness: #FAFAFAF5;
985
985
  --on-dark-text-secondary: #F6F2F0A3;
@@ -1037,7 +1037,6 @@
1037
1037
  --on-light-text-info-hover: #000000FF;
1038
1038
  --on-light-text-info-active: #194B85FF;
1039
1039
  --on-light-text-negative-hover: #E3353BFF;
1040
- --inverse-text-warning-active: #C45D21FF;
1041
1040
  --inverse-text-negative: #F57E83;
1042
1041
  --inverse-text-negative-hover: #F89BA0FF;
1043
1042
  --inverse-text-negative-active: #F3626AFF;
@@ -1045,6 +1044,7 @@
1045
1044
  --inverse-text-info-hover: #BCDBFAFF;
1046
1045
  --inverse-text-info-active: #53A3F3FF;
1047
1046
  --surface-solid-primary: #FFFFFF;
1047
+ --inverse-text-warning-active: #C45D21FF;
1048
1048
  --surface-solid-primary-hover: #FFFFFFFF;
1049
1049
  --surface-solid-primary-active: #FFFFFFFF;
1050
1050
  --surface-solid-primary-brightness: #FFFFFFFF;
@@ -1058,7 +1058,6 @@
1058
1058
  --inverse-text-warning: #DA6828;
1059
1059
  --inverse-text-warning-hover: #DF7D43FF;
1060
1060
  --inverse-text-positive-active: #469442FF;
1061
- --surface-transparent-primary-active: #15110F0F;
1062
1061
  --surface-transparent-secondary: #15110F14;
1063
1062
  --surface-transparent-secondary-hover: #15110F1A;
1064
1063
  --surface-transparent-secondary-active: #15110F1F;
@@ -1092,7 +1091,7 @@
1092
1091
  --surface-transparent-primary-hover: #15110F0D;
1093
1092
  --surface-solid-default-active: #090706FF;
1094
1093
  --surface-solid-card-hover: #FFFFFFFF;
1095
- --surface-positive-active: #20801EFF;
1094
+ --surface-transparent-primary-active: #15110F0F;
1096
1095
  --surface-warning: #BE4E0C;
1097
1096
  --surface-warning-hover: #D3560DFF;
1098
1097
  --surface-warning-active: #AD460BFF;
@@ -1102,6 +1101,7 @@
1102
1101
  --surface-info: #3776BC;
1103
1102
  --surface-info-hover: #4180C8FF;
1104
1103
  --surface-info-active: #326CAEFF;
1104
+ --surface-positive-active: #20801EFF;
1105
1105
  --surface-positive: #239322;
1106
1106
  --surface-positive-hover: #28A126FF;
1107
1107
  --surface-read-only: #F9F9F903;
@@ -1116,7 +1116,6 @@
1116
1116
  --on-dark-surface-solid-secondary-active: #242424FF;
1117
1117
  --on-dark-surface-solid-tertiary: #474747;
1118
1118
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1119
- --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1120
1119
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1121
1120
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1122
1121
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
@@ -1145,6 +1144,7 @@
1145
1144
  --on-dark-surface-transparent-primary: #FFFFFF14;
1146
1145
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
1147
1146
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
1147
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1148
1148
  --on-dark-surface-positive: #A6D2A2;
1149
1149
  --on-dark-surface-positive-hover: #B3D9B0FF;
1150
1150
  --on-dark-surface-positive-active: #9FCF9BFF;
@@ -1172,7 +1172,6 @@
1172
1172
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1173
1173
  --on-light-surface-solid-tertiary: #FFFFFF;
1174
1174
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1175
- --on-light-surface-transparent-primary-active: #15110F0F;
1176
1175
  --on-light-surface-transparent-secondary: #15110F14;
1177
1176
  --on-light-surface-transparent-secondary-hover: #15110F1A;
1178
1177
  --on-light-surface-transparent-secondary-active: #15110F1F;
@@ -1201,6 +1200,7 @@
1201
1200
  --on-light-surface-transparent-primary-hover: #15110F0D;
1202
1201
  --on-light-surface-solid-default-active: #090706FF;
1203
1202
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1203
+ --on-light-surface-transparent-primary-active: #15110F0F;
1204
1204
  --on-light-surface-positive: #239322;
1205
1205
  --on-light-surface-positive-hover: #28A126FF;
1206
1206
  --on-light-surface-positive-active: #20801EFF;
@@ -1226,7 +1226,6 @@
1226
1226
  --inverse-surface-solid-secondary: #292929;
1227
1227
  --inverse-surface-solid-secondary-hover: #333333FF;
1228
1228
  --inverse-surface-solid-secondary-active: #242424FF;
1229
- --inverse-surface-transparent-primary-hover: #FFFFFF24;
1230
1229
  --inverse-surface-transparent-primary-active: #FFFFFF0F;
1231
1230
  --inverse-surface-transparent-secondary: #FFFFFF29;
1232
1231
  --inverse-surface-transparent-secondary-hover: #FFFFFF47;
@@ -1255,6 +1254,7 @@
1255
1254
  --inverse-surface-solid-card-brightness: #262626FF;
1256
1255
  --inverse-surface-solid-default: #F6F2F0;
1257
1256
  --inverse-surface-transparent-primary: #FFFFFF14;
1257
+ --inverse-surface-transparent-primary-hover: #FFFFFF24;
1258
1258
  --inverse-surface-positive: #A6D2A2;
1259
1259
  --inverse-surface-positive-hover: #B3D9B0FF;
1260
1260
  --inverse-surface-positive-active: #9FCF9BFF;
@@ -1353,7 +1353,6 @@
1353
1353
  --inverse-outline-clear: #FFFFFF00;
1354
1354
  --inverse-outline-clear-hover: #FFFFFF00;
1355
1355
  --inverse-outline-clear-active: #FFFFFF00;
1356
- --inverse-outline-positive-active: #92C88DFF;
1357
1356
  --inverse-outline-warning: #F8AD80;
1358
1357
  --inverse-outline-warning-hover: #FCE0CFFF;
1359
1358
  --inverse-outline-warning-active: #F79C64FF;
@@ -1363,6 +1362,7 @@
1363
1362
  --inverse-outline-info: #9BCAF8;
1364
1363
  --inverse-outline-info-hover: #E7F2FDFF;
1365
1364
  --inverse-outline-info-active: #7EBAF6FF;
1365
+ --inverse-outline-positive-active: #92C88DFF;
1366
1366
  --inverse-outline-positive: #A6D2A2;
1367
1367
  --inverse-outline-positive-hover: #DBEDD9FF;
1368
1368
  --text-primary-hover: #15110F97;
@@ -1375,7 +1375,6 @@
1375
1375
 
1376
1376
  .light {
1377
1377
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1378
- --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%);
1379
1378
  --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1380
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%);
1381
1380
  --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
@@ -1404,7 +1403,7 @@
1404
1403
  --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1405
1404
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1406
1405
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1407
- --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%);
1408
1407
  --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1409
1408
  --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1410
1409
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
@@ -1430,36 +1429,36 @@
1430
1429
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1431
1430
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1432
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%);
1433
1433
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1434
1434
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1435
1435
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1436
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%);
1437
- --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1438
1437
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1439
1438
  --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1440
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%);
1441
1441
  }
1442
1442
 
1443
1443
  .dark, .light {
1444
1444
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1445
- --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1446
1445
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1447
1446
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1447
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1448
1448
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1449
1449
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1450
- --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1451
1450
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1452
1451
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1453
1452
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1454
1453
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1455
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;
1456
1456
  }
1457
1457
 
1458
1458
  .dark, .light {
1459
1459
  --border-radius-4xl: 2rem;
1460
- --border-radius-3xl: 1.75rem;
1461
1460
  --border-radius-5xl: 2.5rem;
1462
- --border-radius-circle: 100rem;
1461
+ --border-radius-3xl: 1.75rem;
1463
1462
  --border-radius-m: 0.75rem;
1464
1463
  --border-radius-l: 1rem;
1465
1464
  --border-radius-xxs: 0.25rem;
@@ -1467,11 +1466,11 @@
1467
1466
  --border-radius-xxl: 1.5rem;
1468
1467
  --border-radius-s: 0.5rem;
1469
1468
  --border-radius-xl: 1.25rem;
1469
+ --border-radius-circle: 100rem;
1470
1470
  }
1471
1471
 
1472
1472
  .dark, .light {
1473
1473
  --spacing-16x: 2rem;
1474
- --spacing-3x: 0.375rem;
1475
1474
  --spacing-6x: 0.75rem;
1476
1475
  --spacing-8x: 1rem;
1477
1476
  --spacing-10x: 1.25rem;
@@ -1485,16 +1484,17 @@
1485
1484
  --spacing-2x: 0.25rem;
1486
1485
  --spacing-0x: 0rem;
1487
1486
  --spacing-1x: 0.125rem;
1487
+ --spacing-3x: 0.375rem;
1488
1488
  }
1489
1489
 
1490
1490
  .dark, .light {
1491
1491
  font-size: 16px;
1492
1492
  --plasma-typo-overflow-wrap: break-word;
1493
1493
  --plasma-typo-hyphens: auto;
1494
- --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
1495
- --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;
1496
- --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;
1497
- --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;
1498
1498
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);
1499
1499
  --plasma-typo-body-xxs-bold-letter-spacing: normal;
1500
1500
  --plasma-typo-body-xxs-bold-font-style: normal;
@@ -1582,9 +1582,45 @@
1582
1582
  --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
1583
1583
  --plasma-typo-body-m-letter-spacing: normal;
1584
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;
1585
1588
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
1586
1589
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
1587
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;
1588
1624
  }
1589
1625
 
1590
1626
  @media (max-width: 559px) {
@@ -1676,9 +1712,45 @@
1676
1712
  --plasma-typo-body-m-font-size: 0.875rem;
1677
1713
  --plasma-typo-body-m-font-weight: 400;
1678
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;
1679
1718
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1680
1719
  --plasma-typo-body-xxs-medium-font-weight: 500;
1681
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;
1682
1754
  }
1683
1755
  }
1684
1756
 
@@ -1774,44 +1846,56 @@
1774
1846
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1775
1847
  --plasma-typo-body-xxs-medium-font-weight: 500;
1776
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;
1777
1885
  }
1778
1886
  }
1779
1887
 
1780
1888
  @media (min-width: 960px) {
1781
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;
1782
1893
  --plasma-typo-dspl-s-font-size: 2.125rem;
1783
1894
  --plasma-typo-dspl-s-font-weight: 400;
1784
1895
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1785
1896
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1786
1897
  --plasma-typo-dspl-s-bold-font-weight: 700;
1787
1898
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1788
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1789
- --plasma-typo-dspl-s-medium-font-weight: 500;
1790
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1791
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1792
- --plasma-typo-body-m-medium-font-weight: 500;
1793
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1794
- --plasma-typo-body-s-font-size: 0.8125rem;
1795
- --plasma-typo-body-s-font-weight: 400;
1796
- --plasma-typo-body-s-line-height: 0.9375rem;
1797
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1798
- --plasma-typo-body-s-bold-font-weight: 600;
1799
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1800
- --plasma-typo-h1-font-size: 1.75rem;
1801
- --plasma-typo-h1-font-weight: 400;
1802
- --plasma-typo-h1-line-height: 2.25rem;
1803
- --plasma-typo-h1-bold-font-size: 1.75rem;
1804
- --plasma-typo-h1-bold-font-weight: 700;
1805
- --plasma-typo-h1-bold-line-height: 2.25rem;
1806
- --plasma-typo-h1-medium-font-size: 1.75rem;
1807
- --plasma-typo-h1-medium-font-weight: 500;
1808
- --plasma-typo-h1-medium-line-height: 2.25rem;
1809
- --plasma-typo-h2-font-size: 1.375rem;
1810
- --plasma-typo-h2-font-weight: 400;
1811
- --plasma-typo-h2-line-height: 1.75rem;
1812
- --plasma-typo-h2-bold-font-size: 1.375rem;
1813
- --plasma-typo-h2-bold-font-weight: 700;
1814
- --plasma-typo-h2-bold-line-height: 1.75rem;
1815
1899
  --plasma-typo-h2-medium-font-size: 1.375rem;
1816
1900
  --plasma-typo-h2-medium-font-weight: 500;
1817
1901
  --plasma-typo-h2-medium-line-height: 1.75rem;
@@ -1833,6 +1917,15 @@
1833
1917
  --plasma-typo-h4-medium-font-size: 1rem;
1834
1918
  --plasma-typo-h4-medium-font-weight: 500;
1835
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;
1836
1929
  --plasma-typo-body-l-font-size: 1.125rem;
1837
1930
  --plasma-typo-body-l-font-weight: 400;
1838
1931
  --plasma-typo-body-l-line-height: 1.375rem;
@@ -1842,12 +1935,69 @@
1842
1935
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1843
1936
  --plasma-typo-body-l-medium-font-weight: 500;
1844
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;
1845
1944
  --plasma-typo-body-m-font-size: 0.875rem;
1846
1945
  --plasma-typo-body-m-font-weight: 400;
1847
1946
  --plasma-typo-body-m-line-height: 1.125rem;
1848
1947
  --plasma-typo-body-m-bold-font-size: 0.875rem;
1849
1948
  --plasma-typo-body-m-bold-font-weight: 600;
1850
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;
1851
2001
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1852
2002
  --plasma-typo-body-xs-bold-font-weight: 600;
1853
2003
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
@@ -1860,14 +2010,8 @@
1860
2010
  --plasma-typo-body-xxs-medium-font-size: 0.625rem;
1861
2011
  --plasma-typo-body-xxs-medium-font-weight: 500;
1862
2012
  --plasma-typo-body-xxs-medium-line-height: 0.75rem;
1863
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1864
- --plasma-typo-body-xxs-bold-font-weight: 600;
1865
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1866
- --plasma-typo-body-s-medium-font-size: 0.8125rem;
1867
- --plasma-typo-body-s-medium-font-weight: 500;
1868
- --plasma-typo-body-s-medium-line-height: 0.9375rem;
1869
- --plasma-typo-body-xs-font-size: 0.75rem;
1870
- --plasma-typo-body-xs-font-weight: 400;
1871
- --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;
1872
2016
  }
1873
2017
  }