@salutejs-ds/sdds_sbcom 0.1.16 → 0.1.17

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_reu1rb.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_1e3g1x5.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_6oc60l.css → components/Counter/Counter.config_50msgw.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_16yg7d3.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_4od6dh.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_w70m0w.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 +985 -1129
  38. package/css/sdds_sbcom__dark.css +583 -727
  39. package/css/sdds_sbcom__light.css +583 -727
  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_reu1rb.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_1e3g1x5.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_6oc60l.css → es/components/Counter/Counter.config_50msgw.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_16yg7d3.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_4od6dh.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_w70m0w.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 +1070 -1190
  71. package/es/theme/tokens/index.js.map +1 -1
  72. package/index.css +55 -55
  73. package/index.js +0 -12
  74. package/index.js.map +1 -1
  75. package/package.json +1 -1
  76. package/styled-components/cjs/Button/Button.config.js +8 -8
  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 +8 -8
  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 +814 -922
  93. package/theme/tokens/index.js +1069 -1201
  94. package/theme/tokens/index.js.map +1 -1
  95. package/components/Button/Button.config_1722fh4.css +0 -10
  96. package/components/Checkbox/Checkbox.config_1mog0rg.css +0 -6
  97. package/components/IconButton/IconButton.config_1pbzh23.css +0 -9
  98. package/components/Link/Link.config_1hze3a9.css +0 -8
  99. package/components/Radiobox/Radiobox.config_1pa1zfo.css +0 -6
  100. package/es/components/Button/Button.config_1722fh4.css +0 -10
  101. package/es/components/Checkbox/Checkbox.config_1mog0rg.css +0 -6
  102. package/es/components/IconButton/IconButton.config_1pbzh23.css +0 -9
  103. package/es/components/Link/Link.config_1hze3a9.css +0 -8
  104. package/es/components/Radiobox/Radiobox.config_1pa1zfo.css +0 -6
package/css/sdds_sbcom__dark.css CHANGED
@@ -6,8 +6,8 @@
6
6
  --inverse-personas-sea-blue-text-accent-active: #4BB4B4FF;
7
7
  --inverse-personas-violet-text-accent-active: #81288FFF;
8
8
  --on-light-outline-default-hover: #CCCCCCFF;
9
- --on-dark-outline-default-hover: #666666FF;
10
9
  --on-dark-outline-default-active: #292929FF;
10
+ --on-dark-outline-default-hover: #666666FF;
11
11
  --personas-green-text-accent-hover: #04C396FF;
12
12
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
13
13
  --inverse-surface-accent-secondary-hover: #50C3A8FF;
@@ -38,149 +38,149 @@
38
38
  --personas-blue-text-accent-hover: #C3DDF9FF;
39
39
  --outline-default: #FFFFFF;
40
40
  --text-primary-brightness-active: #FAFAFAC4;
41
- --surface-solid-primary-brightness-hover: #303030FF;
42
41
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
43
- --surface-transparent-card-brightness-active: #FAFAFA0A;
44
42
  --surface-solid-card-brightness-hover: #303030FF;
43
+ --surface-transparent-card-brightness-active: #FAFAFA0A;
45
44
  --surface-solid-card-brightness-active: #212121FF;
45
+ --surface-solid-primary-brightness-hover: #303030FF;
46
46
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
47
47
  --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
48
+ --on-dark-surface-solid-card-brightness-active: #212121FF;
48
49
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
49
- --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
50
50
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
51
- --on-dark-surface-solid-card-brightness-active: #212121FF;
52
- --inverse-personas-pink-text-accent: #F7A4A4;
51
+ --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
53
52
  --on-light-personas-olive-text-accent: #127210;
54
- --inverse-personas-ochre-text-accent: #D15A11;
55
- --on-dark-text-accent-minor-hover: #60C7AFFF;
56
- --personas-olive-text-accent: #93CB92;
57
- --inverse-personas-indigo-text-accent: #BD91F5;
58
53
  --on-dark-personas-olive-text-accent: #93CB92;
54
+ --inverse-personas-ochre-text-accent: #D15A11;
55
+ --inverse-personas-pink-text-accent: #F7A4A4;
59
56
  --surface-solid-tertiary-active: #424242FF;
60
- --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
61
57
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
62
- --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
63
- --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
64
58
  --text-primary: #FFFFFFFC;
65
- --outline-primary: #DDD9D7;
66
- --on-light-outline-positive-active: #20801EFF;
67
- --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
68
- --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
69
- --on-light-surface-solid-tertiary-active: #FFFFFFFF;
70
59
  --inverse-surface-transparent-navi: #FFFFFF99;
71
60
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
61
+ --on-light-surface-solid-tertiary-active: #FFFFFFFF;
62
+ --inverse-personas-indigo-text-accent: #BD91F5;
63
+ --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
64
+ --personas-olive-text-accent: #93CB92;
65
+ --on-dark-text-accent-minor-hover: #60C7AFFF;
66
+ --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
67
+ --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
68
+ --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
72
69
  --on-dark-surface-accent-minor-active: #043F34FF;
70
+ --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
71
+ --on-light-outline-positive-active: #20801EFF;
72
+ --outline-primary: #DDD9D7;
73
+ --inverse-surface-solid-tertiary: #FFFFFF;
74
+ --inverse-personas-green-text-accent: #6CD5BB;
75
+ --surface-accent-secondary: #61C8B0;
73
76
  --surface-accent-minor: #04473B;
74
- --on-light-personas-violet-text-accent: #9E32AF;
77
+ --on-dark-surface-accent-secondary: #61C8B0;
78
+ --on-dark-personas-indigo-text-accent: #BD91F5;
79
+ --light-background-secondary: #F6F2F0;
75
80
  --on-dark-surface-solid-tertiary-active: #424242FF;
81
+ --on-light-surface-accent-minor: #D0F2E9;
76
82
  --on-light-personas-ochre-text-accent: #D15A11;
83
+ --on-light-personas-violet-text-accent: #9E32AF;
77
84
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
78
- --inverse-surface-solid-tertiary: #FFFFFF;
79
85
  --on-light-outline-warning-active: #A3420AFF;
80
- --light-background-secondary: #F6F2F0;
81
- --on-light-surface-accent-minor: #D0F2E9;
82
- --on-dark-surface-accent-secondary: #61C8B0;
83
- --inverse-personas-green-text-accent: #6CD5BB;
84
- --on-dark-personas-indigo-text-accent: #BD91F5;
85
- --surface-accent-secondary: #61C8B0;
86
- --inverse-surface-accent-minor: #D0F2E9;
87
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
88
- --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
89
86
  --on-dark-surface-accent-minor-hover: #055C4CFF;
90
- --on-light-surface-transparent-navi: #FFFFFF99;
91
- --on-dark-personas-violet-text-accent: #E19DED;
92
- --on-dark-personas-blue-text-accent: #79B3F2;
87
+ --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
88
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
89
+ --inverse-surface-accent-minor: #D0F2E9;
93
90
  --on-dark-surface-transparent-accent-minor: #0BA68647;
94
- --personas-ochre-text-accent: #F4B49B;
95
91
  --on-light-personas-sea-blue-text-accent: #00898D;
96
- --personas-ochre-text-accent-hover: #F7C8B6FF;
92
+ --on-dark-personas-blue-text-accent: #79B3F2;
93
+ --on-dark-personas-violet-text-accent: #E19DED;
94
+ --personas-ochre-text-accent: #F4B49B;
95
+ --on-light-surface-transparent-navi: #FFFFFF99;
96
+ --inverse-personas-blue-text-accent-active: #0D4F96FF;
97
+ --light-background-hardline: #FFFFFF;
97
98
  --on-light-text-warning-active: #6F2D06FF;
98
- --inverse-personas-green-text-accent-active: #4CCDACFF;
99
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
100
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
101
- --inverse-personas-pink-text-accent-active: #F48080FF;
99
+ --inverse-personas-olive-text-accent-hover: #1DB71AFF;
100
+ --on-light-surface-transparent-navi-active: #FFFFFFAD;
101
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
102
+ --on-light-outline-primary-active: #C4BEBAFF;
103
+ --on-light-outline-default-active: #E6E6E6FF;
102
104
  --on-dark-personas-olive-text-accent-active: #7DC07CFF;
103
105
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
104
- --on-light-surface-transparent-navi-active: #FFFFFFAD;
105
- --inverse-personas-olive-text-accent-hover: #1DB71AFF;
106
- --inverse-surface-accent-secondary-active: #3CAF94FF;
107
- --personas-sea-blue-text-accent-active: #00A8ADFF;
108
- --on-light-personas-green-text-accent: #038768;
109
- --text-primary-brightness-hover: #FAFAFA93;
106
+ --on-dark-personas-violet-text-accent-active: #D982E8FF;
110
107
  --on-dark-personas-green-text-accent-hover: #84DCC6FF;
111
- --inverse-personas-blue-text-accent-active: #0D4F96FF;
112
- --personas-indigo-text-accent-active: #AA73F2FF;
113
- --inverse-surface-transparent-accent-minor-active: #0BA8885C;
114
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
115
- --on-light-surface-transparent-navi-hover: #FFFFFFA8;
108
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
109
+ --inverse-personas-green-text-accent-active: #4CCDACFF;
116
110
  --inverse-surface-accent-secondary: #41BDA1;
117
- --personas-green-text-accent-active: #03A57FFF;
118
- --inverse-personas-indigo-text-accent-active: #A46AF1FF;
119
- --on-light-surface-transparent-accent-minor: #0BA6863D;
120
111
  --on-dark-text-primary-brightness-hover: #FAFAFA93;
121
112
  --on-dark-personas-pink-text-accent-active: #F58A8AFF;
122
- --on-dark-personas-violet-text-accent-active: #D982E8FF;
113
+ --inverse-personas-indigo-text-accent-active: #A46AF1FF;
114
+ --personas-sea-blue-text-accent-active: #00A8ADFF;
115
+ --on-light-surface-transparent-accent-minor: #0BA6863D;
123
116
  --on-light-personas-pink-text-accent-active: #D73333FF;
124
- --on-light-outline-default-active: #E6E6E6FF;
125
- --light-background-hardline: #FFFFFF;
126
- --on-light-outline-primary-active: #C4BEBAFF;
117
+ --text-primary-brightness-hover: #FAFAFA93;
118
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
119
+ --personas-ochre-text-accent-hover: #F7C8B6FF;
120
+ --inverse-personas-pink-text-accent-active: #F48080FF;
121
+ --on-light-surface-transparent-navi-hover: #FFFFFFA8;
127
122
  --outline-primary-active: #665C57FF;
128
- --surface-transparent-accent-minor-active: #0BA88838;
129
- --inverse-personas-blue-text-accent-hover: #1477E1FF;
130
- --surface-transparent-navi-hover: #242424B8;
131
- --inverse-personas-sea-blue-text-accent-hover: #000000FF;
132
- --on-dark-personas-ochre-text-accent: #F4B49B;
133
- --inverse-personas-violet-text-accent-hover: #B740C9FF;
134
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
123
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
124
+ --on-light-personas-green-text-accent: #038768;
125
+ --inverse-surface-accent-secondary-active: #3CAF94FF;
126
+ --personas-indigo-text-accent-active: #AA73F2FF;
127
+ --personas-green-text-accent-active: #03A57FFF;
135
128
  --on-dark-surface-transparent-navi-hover: #242424B8;
129
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
136
130
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
137
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
131
+ --inverse-personas-blue-text-accent-hover: #1477E1FF;
132
+ --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
133
+ --on-dark-personas-ochre-text-accent: #F4B49B;
138
134
  --on-light-personas-green-text-accent-hover: #04D7A6FF;
135
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
139
136
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
137
+ --outline-primary-hover: #91847EFF;
138
+ --surface-transparent-accent-minor-active: #0BA88838;
139
+ --surface-transparent-navi-hover: #242424B8;
140
+ --outline-default-hover: #858585FF;
141
+ --inverse-outline-default-hover: #CCCCCCFF;
142
+ --inverse-personas-violet-text-accent-hover: #B740C9FF;
143
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
140
144
  --inverse-surface-transparent-accent-minor-hover: #0BA88857;
141
145
  --inverse-surface-transparent-navi-hover: #FFFFFFA8;
142
- --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
143
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
146
+ --inverse-outline-primary-hover: #ADA39FFF;
147
+ --personas-olive-text-accent-hover: #A6D4A5FF;
148
+ --personas-violet-text-accent: #9E32AF;
149
+ --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
144
150
  --on-dark-personas-green-text-accent-active: #54CFB0FF;
151
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
152
+ --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
145
153
  --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
146
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
147
154
  --on-light-personas-blue-text-accent-hover: #1477E1FF;
155
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
148
156
  --on-light-personas-violet-text-accent-hover: #B740C9FF;
149
- --outline-default-hover: #858585FF;
150
- --outline-primary-hover: #91847EFF;
151
- --inverse-outline-default-hover: #CCCCCCFF;
152
- --personas-olive-text-accent-hover: #A6D4A5FF;
153
- --inverse-outline-primary-hover: #ADA39FFF;
154
- --personas-violet-text-accent: #9E32AF;
155
157
  --on-dark-outline-primary-hover: #6B6461FF;
156
- --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
157
- --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
158
- --dark-background-hardline: #000000;
159
- --on-dark-surface-transparent-navi: #23232399;
160
- --inverse-text-primary-brightness-hover: #17171793;
161
- --background-hardline: #000000;
162
- --inverse-outline-primary: #DDD9D7;
163
- --on-light-text-primary-brightness-hover: #17171793;
164
- --on-dark-outline-default: #383838;
165
- --inverse-personas-olive-text-accent-active: #179315FF;
166
- --inverse-personas-sea-blue-text-accent: #7BC8C8;
167
- --inverse-personas-violet-text-accent: #9E32AF;
168
158
  --on-dark-personas-pink-text-accent: #F7A4A4;
159
+ --on-dark-outline-primary: #3B3735;
169
160
  --on-light-personas-blue-text-accent: #1063BA;
170
161
  --surface-accent-secondary-active: #59C5ACFF;
171
- --surface-solid-primary-brightness-active: #212121FF;
172
- --surface-transparent-accent-minor: #0BA68647;
173
- --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
174
- --inverse-surface-transparent-accent-minor: #0BA68647;
175
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
176
- --on-dark-outline-primary: #3B3735;
177
162
  --personas-blue-text-accent: #79B3F2;
178
163
  --personas-blue-text-accent-active: #5DA3EFFF;
179
164
  --personas-green-text-accent: #038768;
165
+ --surface-solid-primary-brightness-active: #212121FF;
166
+ --on-light-text-primary-brightness-hover: #17171793;
180
167
  --personas-pink-text-accent: #DE5555;
181
168
  --personas-sea-blue-text-accent: #00898D;
169
+ --surface-transparent-accent-minor: #0BA68647;
182
170
  --personas-violet-text-accent-hover: #B438C7FF;
183
171
  --inverse-personas-blue-text-accent: #1063BA;
172
+ --inverse-personas-olive-text-accent-active: #179315FF;
173
+ --inverse-personas-sea-blue-text-accent: #7BC8C8;
174
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
175
+ --inverse-surface-transparent-accent-minor: #0BA68647;
176
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
177
+ --on-dark-surface-transparent-navi: #23232399;
178
+ --inverse-text-primary-brightness-hover: #17171793;
179
+ --dark-background-hardline: #000000;
180
+ --background-hardline: #000000;
181
+ --inverse-outline-primary: #DDD9D7;
182
+ --on-dark-outline-default: #383838;
183
+ --inverse-personas-violet-text-accent: #9E32AF;
184
184
  --personas-indigo-text-accent: #BD91F5;
185
185
  --inverse-text-primary-brightness-active: #171717C4;
186
186
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
@@ -188,6 +188,8 @@
188
188
  --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
189
189
  --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
190
190
  --personas-pink-text-accent-hover: #E26E6EFF;
191
+ --on-dark-surface-transparent-navi-active: #2424248A;
192
+ --on-light-surface-accent-secondary: #41BDA1;
191
193
  --on-light-outline-default: #FFFFFF;
192
194
  --personas-pink-text-accent-active: #D83B3BFF;
193
195
  --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
@@ -200,8 +202,6 @@
200
202
  --surface-transparent-accent-minor-hover: #0BA88866;
201
203
  --inverse-surface-transparent-navi-active: #FFFFFFAD;
202
204
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
203
- --on-dark-surface-transparent-navi-active: #2424248A;
204
- --on-light-surface-accent-secondary: #41BDA1;
205
205
  --inverse-outline-primary-active: #C4BEBAFF;
206
206
  --on-light-personas-indigo-text-accent: #7133BE;
207
207
  --on-dark-surface-solid-primary-brightness-active: #212121FF;
@@ -209,8 +209,6 @@
209
209
  --on-light-surface-accent-secondary-active: #3CAF94FF;
210
210
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
211
211
  --on-light-personas-indigo-text-accent-active: #5B2999FF;
212
- --outline-deep-active: #5D5C5BFF;
213
- --outline-deep-hover: #D2D1D1FF;
214
212
  --outline-transparent-white: #FFFFFF7A;
215
213
  --outline-transparent-white-active: #FFFFFF49;
216
214
  --outline-transparent-white-hover: #FFFFFFF5;
@@ -253,470 +251,472 @@
253
251
  --on-light-surface-transparent-card-minor: #FFFFFF85;
254
252
  --on-light-surface-transparent-card-minor-active: #FFFFFF99;
255
253
  --on-light-surface-transparent-card-minor-hover: #FFFFFF94;
254
+ --outline-deep-active: #5D5C5BFF;
255
+ --outline-deep-hover: #D2D1D1FF;
256
256
  --on-light-outline-transparent-white-active: #FFFFFFA3;
257
257
  --on-light-outline-transparent-white-hover: #FFFFFF3D;
258
258
  --outline-deep: #777675;
259
259
  --inverse-outline-transparent-white-active: #FFFFFFA3;
260
- --text-accent-hover: #77CFBBFF;
261
- --text-accent-minor-active: #60C7AF93;
262
- --text-accent-minor: #61C8B07A;
263
- --text-accent-minor-hover: #60C7AFFF;
264
- --text-info-active: #53A3F3FF;
265
- --text-info: #70B2F5;
266
- --text-secondary-active: #F5F1EFC4;
267
- --text-secondary: #F6F2F0A3;
260
+ --text-positive-active: #469442FF;
268
261
  --text-positive-hover: #62B65DFF;
269
- --text-warning-hover: #DF7D43FF;
270
- --text-negative-hover: #F89BA0FF;
271
- --text-info-hover: #BCDBFAFF;
272
262
  --text-primary-active: #FFFFFFCA;
273
- --text-accent: #61C8B0;
274
- --text-paragraph-active: #F5F1EF93;
275
- --text-paragraph: #F6F2F07A;
276
- --text-negative-active: #F3626AFF;
263
+ --text-primary-brightness: #FAFAFAF5;
277
264
  --text-negative: #F57E83;
265
+ --text-negative-active: #F3626AFF;
266
+ --text-negative-hover: #F89BA0FF;
278
267
  --text-tertiary-active: #F5F1EF49;
279
- --text-secondary-hover: #F5F1EFFF;
280
- --text-tertiary: #F6F2F03D;
281
268
  --text-tertiary-hover: #F5F1EFFF;
282
- --text-warning-active: #C45D21FF;
283
269
  --text-warning: #DA6828;
284
- --text-primary-brightness: #FAFAFAF5;
270
+ --text-warning-active: #C45D21FF;
271
+ --text-warning-hover: #DF7D43FF;
272
+ --text-accent-minor: #61C8B07A;
273
+ --text-accent-minor-active: #60C7AF93;
274
+ --text-accent-minor-hover: #60C7AFFF;
285
275
  --text-paragraph-hover: #F5F1EFFF;
286
- --text-positive-active: #469442FF;
287
- --text-accent-active: #4ABFA4FF;
288
276
  --text-positive: #50A84C;
289
- --on-dark-text-accent-hover: #60C7AF8E;
277
+ --text-paragraph: #F6F2F07A;
278
+ --text-paragraph-active: #F5F1EF93;
279
+ --text-info: #70B2F5;
280
+ --text-info-active: #53A3F3FF;
281
+ --text-info-hover: #BCDBFAFF;
282
+ --text-secondary: #F6F2F0A3;
283
+ --text-secondary-active: #F5F1EFC4;
284
+ --text-secondary-hover: #F5F1EFFF;
285
+ --text-tertiary: #F6F2F03D;
286
+ --text-accent: #61C8B0;
287
+ --text-accent-active: #4ABFA4FF;
288
+ --text-accent-hover: #77CFBBFF;
290
289
  --on-dark-text-accent-minor-active: #60C7AF93;
291
- --on-dark-text-accent-minor: #61C8B07A;
292
- --on-dark-text-info: #70B2F5;
293
290
  --on-dark-text-info-active: #53A3F3FF;
294
- --on-dark-text-secondary-active: #F5F1EFC4;
291
+ --on-dark-text-info: #70B2F5;
292
+ --on-dark-text-info-hover: #BCDBFAFF;
293
+ --on-dark-text-negative: #F57E83;
295
294
  --on-dark-text-secondary: #F6F2F0A3;
296
- --on-dark-text-positive-hover: #62B65DFF;
297
- --on-dark-text-warning-hover: #DF7D43FF;
295
+ --on-dark-text-secondary-active: #F5F1EFC4;
296
+ --on-dark-text-tertiary: #F6F2F03D;
297
+ --on-dark-text-secondary-hover: #F5F1EFFF;
298
+ --on-dark-text-primary: #FFFFFFFC;
298
299
  --on-dark-text-accent: #61C8B0ED;
299
- --on-dark-text-negative-hover: #F89BA0FF;
300
+ --on-dark-text-accent-hover: #60C7AF8E;
301
+ --on-dark-text-accent-active: #60C7AFBE;
300
302
  --on-dark-text-paragraph-active: #F5F1EF93;
301
- --on-dark-text-paragraph: #F6F2F07A;
302
- --on-dark-text-info-hover: #BCDBFAFF;
303
+ --on-dark-text-positive: #50A84C;
304
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
303
305
  --on-dark-text-negative-active: #F3626AFF;
304
- --on-dark-text-negative: #F57E83;
305
- --on-dark-text-primary: #FFFFFFFC;
306
- --on-dark-text-primary-hover: #FFFFFF97;
307
- --on-dark-text-warning: #DA6828;
306
+ --on-dark-text-paragraph: #F6F2F07A;
307
+ --on-dark-text-negative-hover: #F89BA0FF;
308
+ --on-dark-text-primary-active: #FFFFFFCA;
308
309
  --on-dark-text-primary-brightness: #FAFAFAF5;
309
- --on-dark-text-secondary-hover: #F5F1EFFF;
310
+ --on-dark-text-warning-hover: #DF7D43FF;
310
311
  --on-dark-text-tertiary-active: #F5F1EF49;
311
- --on-dark-text-tertiary-hover: #F5F1EFFF;
312
+ --on-dark-text-warning: #DA6828;
312
313
  --on-dark-text-warning-active: #C45D21FF;
313
- --on-dark-text-tertiary: #F6F2F03D;
314
- --on-dark-text-primary-active: #FFFFFFCA;
315
- --on-dark-text-paragraph-hover: #F5F1EFFF;
314
+ --on-dark-text-tertiary-hover: #F5F1EFFF;
315
+ --on-dark-text-primary-hover: #FFFFFF97;
316
316
  --on-dark-text-positive-active: #469442FF;
317
- --on-dark-text-accent-active: #60C7AFBE;
318
- --on-dark-text-positive: #50A84C;
319
- --on-light-text-secondary-hover: #15110FFF;
317
+ --on-dark-text-accent-minor: #61C8B07A;
318
+ --on-dark-text-positive-hover: #62B65DFF;
320
319
  --on-light-text-tertiary-active: #15110F49;
321
- --on-light-text-tertiary: #15110F3D;
320
+ --on-light-text-warning: #973C09;
322
321
  --on-light-text-tertiary-hover: #15110FFF;
323
322
  --on-light-text-warning-hover: #BC4C0BFF;
324
- --on-light-text-warning: #973C09;
325
- --on-light-text-paragraph-hover: #15110FFF;
326
323
  --on-light-text-positive-active: #185E17FF;
327
- --on-light-text-positive: #207F1F;
328
- --on-light-text-accent-hover: #0DB593FF;
324
+ --on-light-text-primary: #15110FFC;
325
+ --on-light-text-positive-hover: #29A027FF;
329
326
  --on-light-text-accent-minor-active: #0A8F747A;
330
- --on-light-text-accent-minor: #0A8E7366;
327
+ --on-light-text-paragraph: #15110F66;
331
328
  --on-light-text-accent-minor-hover: #0A8F74FF;
332
329
  --on-light-text-paragraph-active: #15110F7A;
333
- --on-light-text-paragraph: #15110F66;
334
- --on-light-text-secondary-active: #15110FC4;
330
+ --on-light-text-positive: #207F1F;
331
+ --on-light-text-paragraph-hover: #15110FFF;
335
332
  --on-light-text-secondary: #15110FA3;
336
- --on-light-text-positive-hover: #29A027FF;
333
+ --on-light-text-secondary-active: #15110FC4;
334
+ --on-light-text-tertiary: #15110F3D;
335
+ --on-light-text-secondary-hover: #15110FFF;
337
336
  --on-light-text-primary-active: #15110FCA;
338
- --on-light-text-primary: #15110FFC;
339
- --on-light-text-accent-active: #076955FF;
337
+ --on-light-text-primary-hover: #15110F97;
340
338
  --on-light-text-primary-brightness: #171717F5;
339
+ --on-light-text-accent-active: #076955FF;
340
+ --on-light-text-accent-minor: #0A8E7366;
341
341
  --on-light-text-accent: #0A8E73;
342
- --on-light-text-primary-hover: #15110F97;
342
+ --on-light-text-accent-hover: #0DB593FF;
343
343
  --on-light-text-negative-active: #AF181DFF;
344
- --on-light-text-negative: #D11D23;
345
- --inverse-text-primary-brightness: #171717F5;
346
- --inverse-text-secondary: #15110FA3;
347
- --inverse-text-primary-hover: #15110F97;
344
+ --on-light-text-negative-hover: #E3353BFF;
345
+ --inverse-text-accent: #0A8E73;
348
346
  --inverse-text-secondary-hover: #15110FFF;
347
+ --inverse-text-secondary: #15110FA3;
348
+ --inverse-text-secondary-active: #15110FC4;
349
349
  --inverse-text-tertiary-active: #15110F49;
350
- --inverse-text-tertiary: #15110F3D;
350
+ --on-light-text-info: #205EA5;
351
351
  --inverse-text-tertiary-hover: #15110FFF;
352
352
  --on-light-text-info-active: #194B85FF;
353
- --on-light-text-info: #205EA5;
354
- --inverse-text-paragraph-hover: #15110FFF;
353
+ --on-light-text-info-hover: #000000FF;
355
354
  --inverse-text-primary-active: #15110FCA;
356
- --inverse-text-primary: #15110FFC;
357
- --inverse-text-accent-hover: #0DB593FF;
355
+ --inverse-text-primary-hover: #15110F97;
356
+ --inverse-text-primary-brightness: #171717F5;
358
357
  --inverse-text-accent-minor-active: #0A8F747A;
359
- --inverse-text-accent-minor: #0A8E7366;
358
+ --inverse-text-paragraph: #15110F66;
360
359
  --inverse-text-accent-minor-hover: #0A8F74FF;
361
360
  --inverse-text-paragraph-active: #15110F7A;
362
- --inverse-text-paragraph: #15110F66;
363
- --inverse-text-secondary-active: #15110FC4;
364
- --on-light-text-negative-hover: #E3353BFF;
365
- --on-light-text-info-hover: #000000FF;
366
- --inverse-text-accent: #0A8E73;
361
+ --inverse-text-primary: #15110FFC;
362
+ --inverse-text-paragraph-hover: #15110FFF;
363
+ --inverse-text-tertiary: #15110F3D;
364
+ --on-light-text-negative: #D11D23;
367
365
  --inverse-text-accent-active: #076955FF;
368
- --inverse-text-info-hover: #000000FF;
369
- --surface-solid-primary: #232323;
370
- --inverse-text-positive-active: #185E17FF;
371
- --inverse-text-positive: #207F1F;
372
- --inverse-text-negative-active: #AF181DFF;
366
+ --inverse-text-accent-hover: #0DB593FF;
367
+ --inverse-text-accent-minor: #0A8E7366;
373
368
  --inverse-text-negative: #D11D23;
374
369
  --surface-solid-primary-brightness: #262626FF;
375
- --surface-solid-secondary-active: #242424FF;
376
- --surface-solid-primary-hover: #2E2E2EFF;
370
+ --surface-solid-primary-active: #1F1F1FFF;
371
+ --inverse-text-positive-active: #185E17FF;
372
+ --inverse-text-positive-hover: #29A027FF;
373
+ --inverse-text-negative-active: #AF181DFF;
374
+ --inverse-text-negative-hover: #E3353BFF;
377
375
  --surface-solid-secondary: #292929;
376
+ --surface-solid-tertiary: #474747;
377
+ --surface-solid-secondary-active: #242424FF;
378
378
  --surface-solid-secondary-hover: #333333FF;
379
379
  --surface-solid-tertiary-hover: #525252FF;
380
- --surface-solid-tertiary: #474747;
381
- --inverse-text-info: #205EA5;
382
380
  --inverse-text-info-active: #194B85FF;
383
- --inverse-text-warning-active: #6F2D06FF;
381
+ --inverse-text-info: #205EA5;
382
+ --inverse-text-info-hover: #000000FF;
384
383
  --inverse-text-warning: #973C09;
385
- --inverse-text-positive-hover: #29A027FF;
386
384
  --inverse-text-warning-hover: #BC4C0BFF;
387
- --inverse-text-negative-hover: #E3353BFF;
388
- --surface-solid-primary-active: #1F1F1FFF;
389
- --surface-transparent-tertiary-hover: #FFFFFF5C;
385
+ --surface-solid-primary: #232323;
386
+ --inverse-text-warning-active: #6F2D06FF;
387
+ --inverse-text-positive: #207F1F;
388
+ --surface-solid-primary-hover: #2E2E2EFF;
390
389
  --surface-accent: #0BA686;
391
- --surface-transparent-deep-hover: #A2A1A0B8;
390
+ --surface-accent-hover: #0CBB98FF;
391
+ --surface-accent-active: #0A9E81FF;
392
392
  --surface-transparent-primary-active: #FFFFFF0F;
393
+ --surface-transparent-secondary: #FFFFFF29;
394
+ --surface-transparent-primary-hover: #FFFFFF24;
395
+ --surface-transparent-deep: #A1A09F99;
393
396
  --surface-transparent-primary: #FFFFFF14;
394
- --surface-transparent-card-brightness: #FAFAFA0F;
395
397
  --surface-transparent-deep-active: #A2A1A08A;
396
- --surface-transparent-card-hover: #383838D6;
397
- --surface-transparent-deep: #A1A09F99;
398
- --surface-clear-hover: #FFFFFF00;
398
+ --surface-transparent-deep-hover: #A2A1A0B8;
399
399
  --surface-solid-card-active: #1F1F1FFF;
400
- --surface-solid-card: #232323;
401
- --surface-accent-hover: #0CBB98FF;
400
+ --surface-solid-card-hover: #2E2E2EFF;
401
+ --surface-solid-card-brightness: #262626FF;
402
402
  --surface-accent-minor-hover: #055C4CFF;
403
- --surface-accent-minor-active: #043F34FF;
404
403
  --surface-clear-active: #FFFFFF00;
405
404
  --surface-clear: #FFFFFF00;
406
- --surface-transparent-accent-hover: #0BA88852;
405
+ --surface-solid-card: #232323;
406
+ --surface-clear-hover: #FFFFFF00;
407
407
  --surface-transparent-card-active: #383838A8;
408
- --surface-transparent-card: #373737B8;
409
- --surface-solid-card-hover: #2E2E2EFF;
410
- --surface-solid-card-brightness: #262626FF;
408
+ --surface-transparent-card-hover: #383838D6;
409
+ --surface-transparent-card-brightness: #FAFAFA0F;
410
+ --surface-solid-default-active: #F2ECE9FF;
411
411
  --surface-solid-default: #F6F2F0;
412
412
  --surface-solid-default-hover: #F9F7F5FF;
413
413
  --surface-transparent-accent-active: #0BA88824;
414
- --surface-transparent-primary-hover: #FFFFFF24;
414
+ --surface-transparent-card: #373737B8;
415
415
  --surface-transparent-secondary-active: #FFFFFF1A;
416
+ --surface-transparent-tertiary: #FFFFFF3D;
417
+ --surface-transparent-accent-hover: #0BA88852;
416
418
  --surface-transparent-accent: #0BA68633;
417
- --surface-solid-default-active: #F2ECE9FF;
418
- --surface-transparent-secondary: #FFFFFF29;
419
419
  --surface-transparent-secondary-hover: #FFFFFF47;
420
420
  --surface-transparent-tertiary-active: #FFFFFF2E;
421
- --surface-accent-active: #0A9E81FF;
422
- --surface-transparent-tertiary: #FFFFFF3D;
423
- --surface-negative-hover: #F9B8BAFF;
421
+ --surface-accent-minor-active: #043F34FF;
422
+ --surface-transparent-tertiary-hover: #FFFFFF5C;
424
423
  --surface-positive-active: #9FCF9BFF;
424
+ --surface-positive-hover: #B3D9B0FF;
425
+ --surface-negative-active: #F79C9FFF;
425
426
  --surface-positive: #A6D2A2;
427
+ --surface-negative-hover: #F9B8BAFF;
426
428
  --surface-info-hover: #AED4F9FF;
427
- --surface-negative-active: #F79C9FFF;
428
- --surface-negative: #F8A6A9;
429
- --surface-info: #9BCAF8;
430
429
  --surface-warning: #F8AD80;
431
- --surface-positive-hover: #B3D9B0FF;
432
- --surface-warning-active: #F8A977FF;
433
430
  --surface-warning-hover: #F9BB94FF;
431
+ --surface-warning-active: #F8A977FF;
434
432
  --surface-info-active: #91C4F7FF;
433
+ --surface-negative: #F8A6A9;
434
+ --surface-info: #9BCAF8;
435
435
  --surface-transparent-negative-active: #F8A5A870;
436
+ --surface-transparent-negative-hover: #F8A5A89E;
436
437
  --surface-transparent-negative: #F8A6A980;
437
- --surface-read-only-active: #FAFAFA00;
438
- --surface-read-only-hover: #FAFAFA0F;
439
- --on-dark-surface-solid-primary-brightness: #262626FF;
440
- --on-dark-surface-solid-secondary-active: #242424FF;
441
- --on-dark-surface-solid-primary-hover: #2E2E2EFF;
442
438
  --on-dark-surface-solid-secondary: #292929;
439
+ --on-dark-surface-solid-tertiary: #474747;
440
+ --on-dark-surface-solid-secondary-active: #242424FF;
443
441
  --on-dark-surface-solid-secondary-hover: #333333FF;
444
442
  --on-dark-surface-solid-tertiary-hover: #525252FF;
445
- --on-dark-surface-solid-tertiary: #474747;
446
- --on-dark-surface-solid-primary: #232323;
447
- --surface-read-only: #F9F9F905;
448
443
  --on-dark-surface-solid-primary-active: #1F1F1FFF;
449
- --surface-transparent-negative-hover: #F8A5A89E;
450
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
444
+ --on-dark-surface-solid-primary-brightness: #262626FF;
445
+ --surface-read-only-active: #FAFAFA00;
446
+ --surface-read-only: #F9F9F905;
447
+ --surface-read-only-hover: #FAFAFA0F;
448
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
449
+ --on-dark-surface-solid-primary: #232323;
451
450
  --on-dark-surface-accent: #0BA686;
452
- --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
451
+ --on-dark-surface-accent-hover: #0CBB98FF;
452
+ --on-dark-surface-accent-active: #0A9E81FF;
453
453
  --on-dark-surface-transparent-primary-active: #FFFFFF0F;
454
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
455
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
456
+ --on-dark-surface-transparent-deep: #A1A09F99;
454
457
  --on-dark-surface-transparent-primary: #FFFFFF14;
455
- --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
456
458
  --on-dark-surface-transparent-deep-active: #A2A1A08A;
457
- --on-dark-surface-transparent-card-hover: #383838D6;
458
- --on-dark-surface-transparent-deep: #A1A09F99;
459
- --on-dark-surface-clear-hover: #FFFFFF00;
459
+ --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
460
460
  --on-dark-surface-solid-card-active: #1F1F1FFF;
461
- --on-dark-surface-solid-card: #232323;
462
- --on-dark-surface-accent-hover: #0CBB98FF;
463
- --on-dark-surface-clear: #FFFFFF00;
464
- --on-dark-surface-accent-minor: #04473B;
465
- --on-dark-surface-clear-active: #FFFFFF00;
466
461
  --on-dark-surface-solid-card-hover: #2E2E2EFF;
467
462
  --on-dark-surface-solid-card-brightness: #262626FF;
463
+ --on-dark-surface-clear: #FFFFFF00;
464
+ --on-dark-surface-clear-hover: #FFFFFF00;
465
+ --on-dark-surface-clear-active: #FFFFFF00;
466
+ --on-dark-surface-solid-card: #232323;
467
+ --on-dark-surface-solid-default-hover: #F9F7F5FF;
468
468
  --on-dark-surface-solid-default-active: #F2ECE9FF;
469
- --on-dark-surface-transparent-card-active: #383838A8;
470
469
  --on-dark-surface-transparent-card: #373737B8;
471
- --on-dark-surface-transparent-primary-hover: #FFFFFF24;
470
+ --on-dark-surface-transparent-card-hover: #383838D6;
471
+ --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
472
472
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
473
- --on-dark-surface-solid-default-hover: #F9F7F5FF;
474
- --on-dark-surface-transparent-secondary: #FFFFFF29;
473
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
474
+ --on-dark-surface-transparent-card-active: #383838A8;
475
475
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
476
476
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
477
- --on-dark-surface-accent-active: #0A9E81FF;
478
- --on-dark-surface-transparent-tertiary: #FFFFFF3D;
479
- --on-dark-surface-warning-hover: #F9BB94FF;
480
- --on-dark-surface-negative-hover: #F9B8BAFF;
477
+ --on-dark-surface-accent-minor: #04473B;
478
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
481
479
  --on-dark-surface-positive-active: #9FCF9BFF;
480
+ --on-dark-surface-positive-hover: #B3D9B0FF;
481
+ --on-dark-surface-negative-active: #F79C9FFF;
482
482
  --on-dark-surface-positive: #A6D2A2;
483
+ --on-dark-surface-negative-hover: #F9B8BAFF;
483
484
  --on-dark-surface-info-hover: #AED4F9FF;
484
- --on-dark-surface-negative-active: #F79C9FFF;
485
- --on-dark-surface-negative: #F8A6A9;
486
485
  --on-dark-surface-info: #9BCAF8;
486
+ --on-dark-surface-info-active: #91C4F7FF;
487
+ --on-dark-surface-warning-active: #F8A977FF;
488
+ --on-dark-surface-transparent-accent: #0BA68633;
487
489
  --on-dark-surface-transparent-accent-hover: #0BA88852;
488
490
  --on-dark-surface-transparent-accent-active: #0BA88824;
489
- --on-dark-surface-transparent-accent: #0BA68633;
490
- --on-dark-surface-warning-active: #F8A977FF;
491
491
  --on-dark-surface-warning: #F8AD80;
492
- --on-dark-surface-info-active: #91C4F7FF;
493
- --on-dark-surface-positive-hover: #B3D9B0FF;
492
+ --on-dark-surface-warning-hover: #F9BB94FF;
493
+ --on-dark-surface-negative: #F8A6A9;
494
+ --on-dark-surface-transparent-negative-active: #F8A5A870;
495
+ --on-dark-surface-transparent-negative-hover: #F8A5A89E;
496
+ --on-dark-surface-read-only-active: #FAFAFA00;
494
497
  --on-dark-surface-transparent-negative: #F8A6A980;
495
- --on-dark-surface-read-only-hover: #FAFAFA0F;
496
- --on-light-surface-solid-primary-brightness: #FFFFFFFF;
497
- --on-light-surface-solid-secondary-active: #FFFFFFFF;
498
- --on-light-surface-solid-primary-hover: #FFFFFFFF;
499
498
  --on-light-surface-solid-secondary: #FFFFFF;
499
+ --on-light-surface-solid-tertiary: #FFFFFF;
500
+ --on-light-surface-solid-secondary-active: #FFFFFFFF;
500
501
  --on-light-surface-solid-secondary-hover: #FFFFFFFF;
501
502
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
502
- --on-light-surface-solid-tertiary: #FFFFFF;
503
+ --on-dark-surface-read-only-hover: #FAFAFA0F;
503
504
  --on-dark-surface-read-only: #F9F9F905;
504
505
  --on-light-surface-solid-primary-active: #FFFFFFFF;
506
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
507
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
505
508
  --on-light-surface-solid-primary: #FFFFFF;
506
- --on-dark-surface-read-only-active: #FAFAFA00;
507
- --on-dark-surface-transparent-negative-hover: #F8A5A89E;
508
- --on-dark-surface-transparent-negative-active: #F8A5A870;
509
- --on-light-surface-transparent-tertiary-hover: #15110F2E;
510
509
  --on-light-surface-accent: #0BA686;
511
- --on-light-surface-transparent-deep-hover: #A2A1A0B3;
510
+ --on-light-surface-accent-hover: #0CBB98FF;
511
+ --on-light-surface-accent-active: #099579FF;
512
512
  --on-light-surface-transparent-primary-active: #15110F0F;
513
+ --on-light-surface-transparent-secondary: #15110F14;
514
+ --on-light-surface-transparent-primary-hover: #15110F0D;
515
+ --on-light-surface-transparent-deep: #A1A09FA3;
513
516
  --on-light-surface-transparent-primary: #15110F0A;
514
- --on-light-surface-transparent-card-brightness: #FFFFFFFF;
515
517
  --on-light-surface-transparent-deep-active: #A2A1A0B8;
516
- --on-light-surface-transparent-card-hover: #FFFFFFC2;
517
- --on-light-surface-transparent-deep: #A1A09FA3;
518
- --on-light-surface-clear-hover: #FFFFFF00;
518
+ --on-light-surface-transparent-deep-hover: #A2A1A0B3;
519
519
  --on-light-surface-solid-card-active: #FFFFFFFF;
520
- --on-light-surface-solid-card: #FFFFFF;
521
- --on-light-surface-accent-hover: #0CBB98FF;
522
- --on-light-surface-clear-active: #FFFFFF00;
523
- --on-light-surface-clear: #FFFFFF00;
524
520
  --on-light-surface-solid-card-hover: #FFFFFFFF;
525
521
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
522
+ --on-light-surface-clear-active: #FFFFFF00;
523
+ --on-light-surface-solid-card: #FFFFFF;
524
+ --on-light-surface-clear-hover: #FFFFFF00;
525
+ --on-light-surface-solid-default-active: #090706FF;
526
526
  --on-light-surface-solid-default: #15110F;
527
527
  --on-light-surface-solid-default-hover: #271F1CFF;
528
528
  --on-light-surface-transparent-card-active: #FFFFFFC7;
529
- --on-light-surface-transparent-primary-hover: #15110F0D;
529
+ --on-light-surface-transparent-card-hover: #FFFFFFC2;
530
530
  --on-light-surface-transparent-secondary-active: #15110F1F;
531
+ --on-light-surface-transparent-tertiary: #15110F1F;
532
+ --on-light-surface-transparent-card-brightness: #FFFFFFFF;
531
533
  --on-light-surface-transparent-card: #FFFFFFB3;
532
- --on-light-surface-solid-default-active: #090706FF;
533
- --on-light-surface-transparent-secondary: #15110F14;
534
534
  --on-light-surface-transparent-secondary-hover: #15110F1A;
535
535
  --on-light-surface-transparent-tertiary-active: #15110F33;
536
- --on-light-surface-accent-active: #099579FF;
537
- --on-light-surface-transparent-tertiary: #15110F1F;
538
- --on-light-surface-positive-hover: #28A126FF;
539
- --on-light-surface-warning-hover: #D3560DFF;
540
- --on-light-surface-negative-hover: #EC5156FF;
536
+ --on-light-surface-clear: #FFFFFF00;
537
+ --on-light-surface-transparent-tertiary-hover: #15110F2E;
538
+ --on-light-surface-info: #3776BC;
541
539
  --on-light-surface-positive-active: #20801EFF;
540
+ --on-light-surface-positive-hover: #28A126FF;
541
+ --on-light-surface-negative-active: #E72329FF;
542
542
  --on-light-surface-positive: #239322;
543
+ --on-light-surface-negative-hover: #EC5156FF;
543
544
  --on-light-surface-info-hover: #4180C8FF;
544
- --on-light-surface-negative-active: #E72329FF;
545
- --on-light-surface-negative: #E83439;
546
- --on-light-surface-info: #3776BC;
547
- --on-light-surface-transparent-accent: #0BA6861F;
545
+ --on-light-surface-info-active: #326CAEFF;
548
546
  --on-light-surface-transparent-accent-hover: #0BA8882E;
547
+ --on-light-surface-transparent-accent: #0BA6861F;
549
548
  --on-light-surface-transparent-accent-active: #0BA88833;
550
- --on-light-surface-warning-active: #AD460BFF;
551
- --on-light-surface-info-active: #326CAEFF;
552
549
  --on-light-surface-warning: #BE4E0C;
550
+ --on-light-surface-warning-active: #AD460BFF;
551
+ --on-light-surface-negative: #E83439;
552
+ --on-light-surface-warning-hover: #D3560DFF;
553
553
  --on-light-surface-transparent-negative-active: #E9353B3D;
554
+ --on-light-surface-transparent-negative-hover: #E9353B38;
555
+ --on-light-surface-read-only-active: #FAFAFA08;
554
556
  --on-light-surface-transparent-negative: #E8343929;
555
- --on-light-surface-read-only-hover: #FAFAFA05;
556
- --inverse-surface-solid-primary-brightness: #FFFFFFFF;
557
- --inverse-surface-solid-secondary-active: #FFFFFFFF;
558
- --inverse-surface-solid-primary-hover: #FFFFFFFF;
559
557
  --inverse-surface-solid-secondary: #FFFFFF;
558
+ --inverse-surface-solid-secondary-active: #FFFFFFFF;
560
559
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
560
+ --on-light-surface-read-only-hover: #FAFAFA05;
561
561
  --on-light-surface-read-only: #F9F9F903;
562
- --on-light-surface-read-only-active: #FAFAFA08;
562
+ --inverse-surface-solid-primary-brightness: #FFFFFFFF;
563
563
  --inverse-surface-solid-primary: #FFFFFF;
564
- --on-light-surface-transparent-negative-hover: #E9353B38;
565
564
  --inverse-surface-solid-primary-active: #FFFFFFFF;
566
- --inverse-surface-transparent-tertiary: #15110F1F;
565
+ --inverse-surface-solid-primary-hover: #FFFFFFFF;
567
566
  --inverse-surface-transparent-tertiary-hover: #15110F2E;
568
567
  --inverse-surface-accent: #0BA686;
569
- --inverse-surface-transparent-deep-hover: #A2A1A0B3;
568
+ --inverse-surface-clear-active: #FFFFFF00;
569
+ --inverse-surface-clear: #FFFFFF00;
570
570
  --inverse-surface-transparent-primary-active: #15110F0F;
571
+ --inverse-surface-transparent-secondary: #15110F14;
572
+ --inverse-surface-transparent-primary-hover: #15110F0D;
573
+ --inverse-surface-transparent-deep: #A1A09FA3;
571
574
  --inverse-surface-transparent-primary: #15110F0A;
572
- --inverse-surface-transparent-card-brightness: #FFFFFFFF;
573
575
  --inverse-surface-transparent-deep-active: #A2A1A0B8;
574
- --inverse-surface-transparent-card-hover: #FFFFFFC2;
575
- --inverse-surface-transparent-deep: #A1A09FA3;
576
- --inverse-surface-clear-hover: #FFFFFF00;
576
+ --inverse-surface-transparent-deep-hover: #A2A1A0B3;
577
577
  --inverse-surface-solid-card-active: #FFFFFFFF;
578
- --inverse-surface-solid-card: #FFFFFF;
579
- --inverse-surface-clear-active: #FFFFFF00;
580
- --inverse-surface-transparent-card: #FFFFFFB3;
581
- --inverse-surface-transparent-card-active: #FFFFFFC7;
582
- --inverse-surface-solid-card-brightness: #FFFFFFFF;
583
578
  --inverse-surface-solid-card-hover: #FFFFFFFF;
579
+ --inverse-surface-solid-card-brightness: #FFFFFFFF;
580
+ --inverse-surface-solid-card: #FFFFFF;
581
+ --inverse-surface-transparent-card-brightness: #FFFFFFFF;
582
+ --inverse-surface-transparent-card-hover: #FFFFFFC2;
583
+ --inverse-surface-solid-default: #15110F;
584
584
  --inverse-surface-solid-default-active: #090706FF;
585
- --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
586
585
  --inverse-surface-solid-tertiary-active: #FFFFFFFF;
587
- --inverse-surface-solid-default: #15110F;
586
+ --inverse-surface-transparent-card-active: #FFFFFFC7;
587
+ --inverse-surface-transparent-card: #FFFFFFB3;
588
588
  --inverse-surface-solid-default-hover: #271F1CFF;
589
- --inverse-surface-transparent-primary-hover: #15110F0D;
589
+ --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
590
590
  --inverse-surface-transparent-secondary-active: #15110F1F;
591
- --inverse-surface-transparent-secondary: #15110F14;
591
+ --inverse-surface-transparent-tertiary: #15110F1F;
592
592
  --inverse-surface-transparent-secondary-hover: #15110F1A;
593
- --inverse-surface-clear: #FFFFFF00;
594
593
  --inverse-surface-transparent-tertiary-active: #15110F33;
594
+ --inverse-surface-clear-hover: #FFFFFF00;
595
595
  --inverse-surface-warning-active: #AD460BFF;
596
- --inverse-surface-warning: #BE4E0C;
597
- --inverse-surface-positive-hover: #28A126FF;
598
596
  --inverse-surface-warning-hover: #D3560DFF;
599
597
  --inverse-surface-accent-active: #099579FF;
600
- --inverse-surface-negative-hover: #EC5156FF;
598
+ --inverse-surface-accent-minor-active: #BFEDE1FF;
599
+ --inverse-surface-accent-hover: #0CBB98FF;
601
600
  --inverse-surface-positive-active: #20801EFF;
602
- --inverse-surface-positive: #239322;
603
- --inverse-surface-info-hover: #4180C8FF;
601
+ --inverse-surface-positive-hover: #28A126FF;
604
602
  --inverse-surface-negative-active: #E72329FF;
603
+ --inverse-surface-positive: #239322;
604
+ --inverse-surface-negative-hover: #EC5156FF;
605
605
  --inverse-surface-negative: #E83439;
606
+ --inverse-surface-info-hover: #4180C8FF;
607
+ --inverse-surface-warning: #BE4E0C;
608
+ --inverse-surface-transparent-accent: #0BA6861F;
606
609
  --inverse-surface-info-active: #326CAEFF;
610
+ --inverse-surface-transparent-accent-active: #0BA88833;
607
611
  --inverse-surface-info: #3776BC;
608
612
  --inverse-surface-transparent-accent-hover: #0BA8882E;
609
- --inverse-surface-accent-minor-active: #BFEDE1FF;
610
- --inverse-surface-transparent-accent-active: #0BA88833;
611
- --inverse-surface-accent-hover: #0CBB98FF;
612
- --inverse-surface-transparent-accent: #0BA6861F;
613
- --inverse-surface-transparent-negative-hover: #E9353B38;
614
613
  --inverse-surface-transparent-negative-active: #E9353B3D;
614
+ --inverse-surface-transparent-negative-hover: #E9353B38;
615
615
  --inverse-surface-transparent-negative: #E8343929;
616
- --inverse-surface-read-only-active: #FAFAFA08;
617
- --inverse-surface-read-only-hover: #FAFAFA05;
616
+ --background-secondary: #0F0F0F;
618
617
  --background-tertiary: #141413;
619
618
  --light-background-primary: #EBE7E5;
620
- --dark-background-tertiary: #141413;
621
- --background-primary: #141413;
622
- --background-secondary: #0F0F0F;
619
+ --inverse-surface-read-only-active: #FAFAFA08;
620
+ --dark-background-secondary: #0F0F0F;
621
+ --inverse-surface-read-only-hover: #FAFAFA05;
623
622
  --inverse-surface-read-only: #F9F9F903;
623
+ --dark-background-tertiary: #141413;
624
624
  --dark-background-primary: #141413;
625
- --dark-background-secondary: #0F0F0F;
625
+ --background-primary: #141413;
626
+ --on-dark-overlay-soft: #0000001F;
626
627
  --on-dark-overlay-hard: #00000029;
627
- --inverse-overlay-soft: #0000003D;
628
628
  --outline-transparent-primary-active: #FFFFFF12;
629
629
  --outline-transparent-primary: #FFFFFF1F;
630
630
  --outline-transparent-primary-hover: #FFFFFF4D;
631
- --overlay-hard: #00000029;
632
- --on-dark-overlay-soft: #0000001F;
633
- --light-background-tertiary: #FFFFFF;
634
- --outline-clear: #FFFFFF00;
635
- --inverse-overlay-hard: #00000052;
636
- --on-light-overlay-hard: #00000052;
631
+ --overlay-hard: #00000029;
637
632
  --overlay-soft: #0000001F;
633
+ --on-light-overlay-hard: #00000052;
634
+ --inverse-overlay-soft: #0000003D;
635
+ --on-light-overlay-soft: #0000003D;
636
+ --inverse-overlay-hard: #00000052;
637
+ --outline-clear: #FFFFFF00;
638
638
  --inverse-background-tertiary: #FFFFFF;
639
- --inverse-background-primary: #EBE7E5;
640
639
  --inverse-background-secondary: #F6F2F0;
641
- --on-light-overlay-soft: #0000003D;
642
- --outline-positive-hover: #DBEDD9FF;
643
- --outline-warning-hover: #FCE0CFFF;
644
- --outline-negative-hover: #F25A5FFF;
645
- --outline-info-hover: #E7F2FDFF;
640
+ --light-background-tertiary: #FFFFFF;
641
+ --inverse-background-primary: #EBE7E5;
642
+ --outline-positive: #A6D2A2;
643
+ --outline-negative: #F8A6A9;
644
+ --outline-accent-hover: #0EE1B7FF;
646
645
  --outline-accent: #0BA686;
646
+ --outline-accent-active: #099579FF;
647
647
  --outline-positive-active: #92C88DFF;
648
- --outline-positive: #A6D2A2;
648
+ --outline-positive-hover: #DBEDD9FF;
649
649
  --outline-negative-active: #EF343AFF;
650
- --outline-negative: #F8A6A9;
650
+ --outline-negative-hover: #F25A5FFF;
651
+ --outline-clear-hover: #FFFFFF00;
652
+ --outline-info-hover: #E7F2FDFF;
653
+ --outline-warning-hover: #FCE0CFFF;
654
+ --outline-clear-active: #FFFFFF00;
655
+ --outline-warning: #F8AD80;
651
656
  --outline-warning-active: #F79C64FF;
652
657
  --outline-info: #9BCAF8;
653
658
  --outline-info-active: #7EBAF6FF;
654
- --outline-accent-hover: #0EE1B7FF;
655
- --outline-warning: #F8AD80;
656
- --outline-clear-active: #FFFFFF00;
657
- --outline-clear-hover: #FFFFFF00;
658
- --outline-accent-active: #099579FF;
659
- --on-dark-outline-transparent-primary-active: #FFFFFF12;
660
659
  --on-dark-outline-transparent-primary: #FFFFFF1F;
660
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
661
661
  --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
662
- --on-dark-outline-positive-hover: #DBEDD9FF;
663
- --on-dark-outline-warning-hover: #FCE0CFFF;
664
- --on-dark-outline-negative-hover: #F25A5FFF;
662
+ --on-dark-outline-warning: #F8AD80;
663
+ --on-dark-outline-accent: #0BA686;
665
664
  --on-dark-outline-positive-active: #92C88DFF;
665
+ --on-dark-outline-positive-hover: #DBEDD9FF;
666
+ --on-dark-outline-negative-active: #EF343AFF;
666
667
  --on-dark-outline-positive: #A6D2A2;
668
+ --on-dark-outline-negative-hover: #F25A5FFF;
669
+ --on-dark-outline-accent-hover: #0EE1B7FF;
670
+ --on-dark-outline-accent-active: #099579FF;
671
+ --on-dark-outline-clear: #FFFFFF00;
667
672
  --on-dark-outline-info-hover: #E7F2FDFF;
668
- --on-dark-outline-negative-active: #EF343AFF;
669
- --on-dark-outline-negative: #F8A6A9;
670
- --on-dark-outline-accent: #0BA686;
673
+ --on-dark-outline-info-active: #7EBAF6FF;
671
674
  --on-dark-outline-info: #9BCAF8;
672
675
  --on-dark-outline-clear-hover: #FFFFFF00;
673
- --on-dark-outline-accent-hover: #0EE1B7FF;
674
676
  --on-dark-outline-clear-active: #FFFFFF00;
675
- --on-dark-outline-clear: #FFFFFF00;
676
677
  --on-dark-outline-warning-active: #F79C64FF;
677
- --on-dark-outline-info-active: #7EBAF6FF;
678
- --on-dark-outline-warning: #F8AD80;
679
- --on-dark-outline-accent-active: #099579FF;
680
- --on-light-outline-clear-hover: #FFFFFF00;
678
+ --on-dark-outline-negative: #F8A6A9;
679
+ --on-dark-outline-warning-hover: #FCE0CFFF;
681
680
  --on-light-outline-positive-hover: #32CA2FFF;
682
- --on-light-outline-positive: #239322;
683
- --on-light-outline-accent-hover: #0ED8AFFF;
684
- --on-light-outline-transparent-primary-active: #15110F62;
685
681
  --on-light-outline-clear: #FFFFFF00;
682
+ --on-light-outline-clear-hover: #FFFFFF00;
686
683
  --on-light-outline-transparent-primary: #15110F3D;
687
- --on-light-outline-accent: #0BA686;
684
+ --on-light-outline-transparent-primary-active: #15110F62;
688
685
  --on-light-outline-transparent-primary-hover: #15110F25;
689
- --on-light-outline-clear-active: #FFFFFF00;
686
+ --on-light-outline-accent-hover: #0ED8AFFF;
687
+ --on-light-outline-positive: #239322;
688
+ --on-light-outline-accent: #0BA686;
690
689
  --on-light-outline-accent-active: #088169FF;
690
+ --on-light-outline-clear-active: #FFFFFF00;
691
691
  --on-light-outline-negative-active: #DC181FFF;
692
- --on-light-outline-negative: #E83439;
693
- --on-light-outline-warning-hover: #F3813FFF;
694
- --on-light-outline-warning: #BE4E0C;
695
692
  --on-light-outline-negative-hover: #F17E82FF;
693
+ --on-light-outline-warning: #BE4E0C;
694
+ --on-light-outline-warning-hover: #F3813FFF;
695
+ --on-light-outline-negative: #E83439;
696
696
  --on-light-outline-info-hover: #81AADAFF;
697
697
  --on-light-outline-info: #3776BC;
698
698
  --on-light-outline-info-active: #3067A6FF;
699
- --inverse-outline-transparent-primary-hover: #15110F25;
700
- --inverse-outline-clear-hover: #FFFFFF00;
701
- --inverse-outline-accent-hover: #0ED8AFFF;
702
- --inverse-outline-clear-active: #FFFFFF00;
699
+ --inverse-outline-accent-active: #088169FF;
700
+ --inverse-outline-accent: #0BA686;
703
701
  --inverse-outline-clear: #FFFFFF00;
704
- --inverse-outline-transparent-primary-active: #15110F62;
702
+ --inverse-outline-clear-active: #FFFFFF00;
703
+ --inverse-outline-clear-hover: #FFFFFF00;
704
+ --inverse-outline-transparent-primary-hover: #15110F25;
705
705
  --inverse-outline-transparent-primary: #15110F3D;
706
- --inverse-outline-accent: #0BA686;
707
- --inverse-outline-accent-active: #088169FF;
708
- --inverse-outline-negative-hover: #F17E82FF;
706
+ --inverse-outline-transparent-primary-active: #15110F62;
707
+ --inverse-outline-accent-hover: #0ED8AFFF;
708
+ --inverse-outline-positive: #239322;
709
+ --inverse-outline-negative: #E83439;
709
710
  --inverse-outline-info-hover: #81AADAFF;
710
- --inverse-outline-info: #3776BC;
711
+ --inverse-outline-info-active: #3067A6FF;
711
712
  --inverse-outline-positive-active: #20801EFF;
712
- --inverse-outline-positive: #239322;
713
+ --inverse-outline-positive-hover: #32CA2FFF;
713
714
  --inverse-outline-negative-active: #DC181FFF;
714
- --inverse-outline-negative: #E83439;
715
+ --inverse-outline-negative-hover: #F17E82FF;
715
716
  --inverse-outline-warning-active: #A3420AFF;
716
- --inverse-outline-warning: #BE4E0C;
717
- --inverse-outline-positive-hover: #32CA2FFF;
718
717
  --inverse-outline-warning-hover: #F3813FFF;
719
- --inverse-outline-info-active: #3067A6FF;
718
+ --inverse-outline-warning: #BE4E0C;
719
+ --inverse-outline-info: #3776BC;
720
720
  --inverse-surface-accent-minor-hover: #C7F0E5FF;
721
721
  --on-dark-surface-solid-default: #F6F2F0;
722
722
  --on-light-surface-accent-minor-active: #BFEDE1FF;
@@ -727,116 +727,116 @@
727
727
 
728
728
  :root {
729
729
  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
730
+ --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
731
+ --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
732
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
733
+ --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
734
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
735
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
736
+ --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
737
+ --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
730
738
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
731
- --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
739
+ --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
740
+ --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
741
+ --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
742
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
732
743
  --overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
733
744
  --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
734
- --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
735
- --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
736
- --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
737
- --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
738
- --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
739
- --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%);
740
- --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
741
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
742
- --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
745
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
746
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
743
747
  --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
748
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
749
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
750
+ --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
751
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
744
752
  --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
745
- --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
753
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
746
754
  --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
747
- --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
748
- --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
749
- --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
750
755
  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
751
- --inverse-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
752
- --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
753
- --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
756
+ --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
757
+ --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%);
754
758
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
755
- --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
756
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
757
- --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
758
- --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
759
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
760
- --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
761
- --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
762
- --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
763
- --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
759
+ --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
760
+ --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
764
761
  --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
765
- --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
766
- --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
767
- --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
768
- --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
769
762
  --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
770
- --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
771
- --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
772
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
773
- --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
774
- --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
775
- --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
776
763
  --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
764
+ --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
777
765
  --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
778
- --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
779
- --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
766
+ --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
767
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
768
+ --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
769
+ --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
770
+ --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
771
+ --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
780
772
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
773
+ --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
774
+ --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
775
+ --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
781
776
  --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
782
777
  --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
778
+ --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
779
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
783
780
  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
781
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
782
+ --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
783
+ --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
784
784
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
785
+ --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
785
786
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
786
787
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
787
788
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
788
- --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
789
+ --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
789
790
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
790
- --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
791
791
  --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
792
- --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
792
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
793
793
  }
794
794
 
795
795
  :root {
796
796
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
797
+ --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
797
798
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
798
799
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
799
- --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
800
- --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
801
800
  --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
801
+ --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
802
+ --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
803
+ --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
802
804
  --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
803
805
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
804
- --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
805
806
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
806
- --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
807
- --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
807
+ --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
808
808
  }
809
809
 
810
810
  :root {
811
811
  --border-radius-4xl: 2rem;
812
- --border-radius-5xl: 2.5rem;
813
812
  --border-radius-3xl: 1.75rem;
814
- --border-radius-xxs: 0.25rem;
815
- --border-radius-l: 1rem;
816
- --border-radius-circle: 100rem;
817
- --border-radius-xs: 0.375rem;
818
- --border-radius-xxl: 1.5rem;
813
+ --border-radius-5xl: 2.5rem;
814
+ --border-radius-s: 0.5rem;
819
815
  --border-radius-m: 0.75rem;
816
+ --border-radius-l: 1rem;
817
+ --border-radius-xxs: 0.25rem;
820
818
  --border-radius-xl: 1.25rem;
821
- --border-radius-s: 0.5rem;
819
+ --border-radius-xxl: 1.5rem;
820
+ --border-radius-xs: 0.375rem;
821
+ --border-radius-circle: 100rem;
822
822
  }
823
823
 
824
824
  :root {
825
825
  --spacing-16x: 2rem;
826
- --spacing-0x: 0rem;
827
- --spacing-20x: 2.5rem;
826
+ --spacing-10x: 1.25rem;
827
+ --spacing-12x: 1.5rem;
828
828
  --spacing-2x: 0.25rem;
829
- --spacing-32x: 4rem;
829
+ --spacing-3x: 0.375rem;
830
+ --spacing-0x: 0rem;
830
831
  --spacing-40x: 5rem;
831
832
  --spacing-60x: 7.5rem;
832
833
  --spacing-8x: 1rem;
833
- --spacing-6x: 0.75rem;
834
- --spacing-3x: 0.375rem;
835
- --spacing-12x: 1.5rem;
836
- --spacing-24x: 3rem;
837
834
  --spacing-4x: 0.5rem;
838
- --spacing-10x: 1.25rem;
835
+ --spacing-20x: 2.5rem;
836
+ --spacing-32x: 4rem;
837
+ --spacing-6x: 0.75rem;
839
838
  --spacing-1x: 0.125rem;
839
+ --spacing-24x: 3rem;
840
840
  }
841
841
 
842
842
  :root {
@@ -846,49 +846,49 @@
846
846
  --plasma-typo-display-font-family: 'Roboto', sans-serif;
847
847
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
848
848
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
849
- --plasma-typo-text-font-family: 'Roboto', sans-serif;
849
+ --plasma-typo-text-font-family: 'undefined', sans-serif;
850
850
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);
851
851
  --plasma-typo-body-xxs-bold-letter-spacing: normal;
852
852
  --plasma-typo-body-xxs-bold-font-style: normal;
853
853
  --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);
854
854
  --plasma-typo-h2-medium-letter-spacing: normal;
855
855
  --plasma-typo-h2-medium-font-style: normal;
856
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
857
- --plasma-typo-dspl-s-letter-spacing: normal;
858
- --plasma-typo-dspl-s-font-style: normal;
859
- --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
860
- --plasma-typo-h1-bold-letter-spacing: normal;
861
- --plasma-typo-h1-bold-font-style: normal;
862
- --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
863
- --plasma-typo-h2-letter-spacing: normal;
864
- --plasma-typo-h2-font-style: normal;
856
+ --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
857
+ --plasma-typo-h1-medium-letter-spacing: normal;
858
+ --plasma-typo-h1-medium-font-style: normal;
865
859
  --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
866
860
  --plasma-typo-h1-letter-spacing: normal;
867
861
  --plasma-typo-h1-font-style: normal;
868
- --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
869
- --plasma-typo-h2-bold-letter-spacing: normal;
870
- --plasma-typo-h2-bold-font-style: normal;
871
862
  --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);
872
863
  --plasma-typo-h3-medium-letter-spacing: normal;
873
864
  --plasma-typo-h3-medium-font-style: normal;
865
+ --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
866
+ --plasma-typo-h2-letter-spacing: normal;
867
+ --plasma-typo-h2-font-style: normal;
874
868
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
875
869
  --plasma-typo-h3-bold-letter-spacing: normal;
876
870
  --plasma-typo-h3-bold-font-style: normal;
877
- --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
878
- --plasma-typo-h3-letter-spacing: normal;
879
- --plasma-typo-h3-font-style: normal;
880
871
  --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
881
872
  --plasma-typo-h4-letter-spacing: normal;
882
873
  --plasma-typo-h4-font-style: normal;
883
- --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
884
- --plasma-typo-dspl-s-medium-letter-spacing: normal;
885
- --plasma-typo-dspl-s-medium-font-style: normal;
874
+ --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
875
+ --plasma-typo-h3-letter-spacing: normal;
876
+ --plasma-typo-h3-font-style: normal;
886
877
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
887
878
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
888
879
  --plasma-typo-dspl-s-bold-font-style: normal;
889
- --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
890
- --plasma-typo-h1-medium-letter-spacing: normal;
891
- --plasma-typo-h1-medium-font-style: normal;
880
+ --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
881
+ --plasma-typo-h1-bold-letter-spacing: normal;
882
+ --plasma-typo-h1-bold-font-style: normal;
883
+ --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
884
+ --plasma-typo-dspl-s-medium-letter-spacing: normal;
885
+ --plasma-typo-dspl-s-medium-font-style: normal;
886
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
887
+ --plasma-typo-dspl-s-letter-spacing: normal;
888
+ --plasma-typo-dspl-s-font-style: normal;
889
+ --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
890
+ --plasma-typo-h2-bold-letter-spacing: normal;
891
+ --plasma-typo-h2-bold-font-style: normal;
892
892
  --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
893
893
  --plasma-typo-body-l-bold-letter-spacing: normal;
894
894
  --plasma-typo-body-l-bold-font-style: normal;
@@ -901,6 +901,21 @@
901
901
  --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);
902
902
  --plasma-typo-h4-medium-letter-spacing: normal;
903
903
  --plasma-typo-h4-medium-font-style: normal;
904
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
905
+ --plasma-typo-body-l-medium-letter-spacing: normal;
906
+ --plasma-typo-body-l-medium-font-style: normal;
907
+ --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
908
+ --plasma-typo-body-m-bold-letter-spacing: normal;
909
+ --plasma-typo-body-m-bold-font-style: normal;
910
+ --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);
911
+ --plasma-typo-body-m-medium-letter-spacing: normal;
912
+ --plasma-typo-body-m-medium-font-style: normal;
913
+ --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
914
+ --plasma-typo-body-m-letter-spacing: normal;
915
+ --plasma-typo-body-m-font-style: normal;
916
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
917
+ --plasma-typo-body-s-bold-letter-spacing: normal;
918
+ --plasma-typo-body-s-bold-font-style: normal;
904
919
  --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);
905
920
  --plasma-typo-body-s-medium-letter-spacing: normal;
906
921
  --plasma-typo-body-s-medium-font-style: normal;
@@ -919,106 +934,55 @@
919
934
  --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);
920
935
  --plasma-typo-body-xxs-letter-spacing: normal;
921
936
  --plasma-typo-body-xxs-font-style: normal;
922
- --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
923
- --plasma-typo-body-l-medium-letter-spacing: normal;
924
- --plasma-typo-body-l-medium-font-style: normal;
925
- --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
926
- --plasma-typo-body-m-bold-letter-spacing: normal;
927
- --plasma-typo-body-m-bold-font-style: normal;
928
- --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);
929
- --plasma-typo-body-m-medium-letter-spacing: normal;
930
- --plasma-typo-body-m-medium-font-style: normal;
931
- --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
932
- --plasma-typo-body-m-letter-spacing: normal;
933
- --plasma-typo-body-m-font-style: normal;
934
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
935
- --plasma-typo-body-s-bold-letter-spacing: normal;
936
- --plasma-typo-body-s-bold-font-style: normal;
937
- --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
938
- --plasma-typo-text-l-bold-letter-spacing: -0.02em;
939
- --plasma-typo-text-l-bold-font-style: normal;
940
937
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
941
938
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
942
939
  --plasma-typo-body-xxs-medium-font-style: normal;
943
- --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
944
- --plasma-typo-text-l-medium-letter-spacing: -0.02em;
945
- --plasma-typo-text-l-medium-font-style: normal;
946
- --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
947
- --plasma-typo-text-m-medium-letter-spacing: -0.02em;
948
- --plasma-typo-text-m-medium-font-style: normal;
949
- --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
950
- --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
951
- --plasma-typo-text-xs-bold-font-style: normal;
952
- --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
953
- --plasma-typo-text-l-letter-spacing: -0.02em;
954
- --plasma-typo-text-l-font-style: normal;
955
- --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
956
- --plasma-typo-text-s-medium-letter-spacing: -0.02em;
957
- --plasma-typo-text-s-medium-font-style: normal;
958
- --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
959
- --plasma-typo-text-m-bold-letter-spacing: -0.02em;
960
- --plasma-typo-text-m-bold-font-style: normal;
961
- --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
962
- --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
963
- --plasma-typo-text-xs-medium-font-style: normal;
964
- --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
965
- --plasma-typo-text-s-letter-spacing: -0.02em;
966
- --plasma-typo-text-s-font-style: normal;
967
- --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
968
- --plasma-typo-text-m-letter-spacing: -0.02em;
969
- --plasma-typo-text-m-font-style: normal;
970
- --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
971
- --plasma-typo-text-s-bold-letter-spacing: -0.02em;
972
- --plasma-typo-text-s-bold-font-style: normal;
973
- --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
974
- --plasma-typo-text-xs-letter-spacing: -0.02em;
975
- --plasma-typo-text-xs-font-style: normal;
976
940
  }
977
941
 
978
942
  @media (max-width: 559px) {
979
943
  :root {
980
944
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
981
- --plasma-typo-body-xxs-bold-font-weight: 600;
945
+ --plasma-typo-body-xxs-bold-font-weight: 700;
982
946
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
983
947
  --plasma-typo-h2-medium-font-size: 1.375rem;
984
948
  --plasma-typo-h2-medium-font-weight: 500;
985
949
  --plasma-typo-h2-medium-line-height: 1.75rem;
986
- --plasma-typo-dspl-s-font-size: 2.125rem;
987
- --plasma-typo-dspl-s-font-weight: 400;
988
- --plasma-typo-dspl-s-line-height: 2.5625rem;
989
- --plasma-typo-h1-bold-font-size: 1.75rem;
990
- --plasma-typo-h1-bold-font-weight: 700;
991
- --plasma-typo-h1-bold-line-height: 2.25rem;
992
- --plasma-typo-h2-font-size: 1.375rem;
993
- --plasma-typo-h2-font-weight: 400;
994
- --plasma-typo-h2-line-height: 1.75rem;
950
+ --plasma-typo-h1-medium-font-size: 1.75rem;
951
+ --plasma-typo-h1-medium-font-weight: 500;
952
+ --plasma-typo-h1-medium-line-height: 2.25rem;
995
953
  --plasma-typo-h1-font-size: 1.75rem;
996
954
  --plasma-typo-h1-font-weight: 400;
997
955
  --plasma-typo-h1-line-height: 2.25rem;
998
- --plasma-typo-h2-bold-font-size: 1.375rem;
999
- --plasma-typo-h2-bold-font-weight: 600;
1000
- --plasma-typo-h2-bold-line-height: 1.75rem;
1001
956
  --plasma-typo-h3-medium-font-size: 1.25rem;
1002
957
  --plasma-typo-h3-medium-font-weight: 500;
1003
958
  --plasma-typo-h3-medium-line-height: 1.4375rem;
959
+ --plasma-typo-h2-font-size: 1.375rem;
960
+ --plasma-typo-h2-font-weight: 400;
961
+ --plasma-typo-h2-line-height: 1.75rem;
1004
962
  --plasma-typo-h3-bold-font-size: 1.25rem;
1005
963
  --plasma-typo-h3-bold-font-weight: 700;
1006
964
  --plasma-typo-h3-bold-line-height: 1.4375rem;
1007
- --plasma-typo-h3-font-size: 1.25rem;
1008
- --plasma-typo-h3-font-weight: 400;
1009
- --plasma-typo-h3-line-height: 1.4375rem;
1010
965
  --plasma-typo-h4-font-size: 1rem;
1011
966
  --plasma-typo-h4-font-weight: 400;
1012
967
  --plasma-typo-h4-line-height: 1.25rem;
1013
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1014
- --plasma-typo-dspl-s-medium-font-weight: 500;
1015
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
968
+ --plasma-typo-h3-font-size: 1.25rem;
969
+ --plasma-typo-h3-font-weight: 400;
970
+ --plasma-typo-h3-line-height: 1.4375rem;
1016
971
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1017
972
  --plasma-typo-dspl-s-bold-font-weight: 700;
1018
973
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1019
- --plasma-typo-h1-medium-font-size: 1.75rem;
1020
- --plasma-typo-h1-medium-font-weight: 500;
1021
- --plasma-typo-h1-medium-line-height: 2.25rem;
974
+ --plasma-typo-h1-bold-font-size: 1.75rem;
975
+ --plasma-typo-h1-bold-font-weight: 700;
976
+ --plasma-typo-h1-bold-line-height: 2.25rem;
977
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
978
+ --plasma-typo-dspl-s-medium-font-weight: 500;
979
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
980
+ --plasma-typo-dspl-s-font-size: 2.125rem;
981
+ --plasma-typo-dspl-s-font-weight: 400;
982
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
983
+ --plasma-typo-h2-bold-font-size: 1.375rem;
984
+ --plasma-typo-h2-bold-font-weight: 700;
985
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1022
986
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1023
987
  --plasma-typo-body-l-bold-font-weight: 700;
1024
988
  --plasma-typo-body-l-bold-line-height: 1.25rem;
@@ -1031,6 +995,21 @@
1031
995
  --plasma-typo-h4-medium-font-size: 1rem;
1032
996
  --plasma-typo-h4-medium-font-weight: 500;
1033
997
  --plasma-typo-h4-medium-line-height: 1.25rem;
998
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
999
+ --plasma-typo-body-l-medium-font-weight: 500;
1000
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1001
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1002
+ --plasma-typo-body-m-bold-font-weight: 700;
1003
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1004
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1005
+ --plasma-typo-body-m-medium-font-weight: 500;
1006
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1007
+ --plasma-typo-body-m-font-size: 0.875rem;
1008
+ --plasma-typo-body-m-font-weight: 400;
1009
+ --plasma-typo-body-m-line-height: 1.125rem;
1010
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1011
+ --plasma-typo-body-s-bold-font-weight: 700;
1012
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1034
1013
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1035
1014
  --plasma-typo-body-s-medium-font-weight: 500;
1036
1015
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
@@ -1038,7 +1017,7 @@
1038
1017
  --plasma-typo-body-s-font-weight: 400;
1039
1018
  --plasma-typo-body-s-line-height: 0.9375rem;
1040
1019
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1041
- --plasma-typo-body-xs-bold-font-weight: 600;
1020
+ --plasma-typo-body-xs-bold-font-weight: 700;
1042
1021
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
1043
1022
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1044
1023
  --plasma-typo-body-xs-medium-font-weight: 500;
@@ -1049,191 +1028,104 @@
1049
1028
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1050
1029
  --plasma-typo-body-xxs-font-weight: 400;
1051
1030
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1052
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1053
- --plasma-typo-body-l-medium-font-weight: 500;
1054
- --plasma-typo-body-l-medium-line-height: 1.25rem;
1055
- --plasma-typo-body-m-bold-font-size: 0.875rem;
1056
- --plasma-typo-body-m-bold-font-weight: 600;
1057
- --plasma-typo-body-m-bold-line-height: 1.125rem;
1058
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1059
- --plasma-typo-body-m-medium-font-weight: 500;
1060
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1061
- --plasma-typo-body-m-font-size: 0.875rem;
1062
- --plasma-typo-body-m-font-weight: 400;
1063
- --plasma-typo-body-m-line-height: 1.125rem;
1064
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1065
- --plasma-typo-body-s-bold-font-weight: 600;
1066
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1067
- --plasma-typo-text-l-bold-font-size: 1.125rem;
1068
- --plasma-typo-text-l-bold-font-weight: 600;
1069
- --plasma-typo-text-l-bold-line-height: 1.625rem;
1070
1031
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1071
1032
  --plasma-typo-body-xxs-medium-font-weight: 500;
1072
1033
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1073
- --plasma-typo-text-l-medium-font-size: 1.125rem;
1074
- --plasma-typo-text-l-medium-font-weight: 500;
1075
- --plasma-typo-text-l-medium-line-height: 1.625rem;
1076
- --plasma-typo-text-m-medium-font-size: 1rem;
1077
- --plasma-typo-text-m-medium-font-weight: 500;
1078
- --plasma-typo-text-m-medium-line-height: 1.5rem;
1079
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
1080
- --plasma-typo-text-xs-bold-font-weight: 600;
1081
- --plasma-typo-text-xs-bold-line-height: 1rem;
1082
- --plasma-typo-text-l-font-size: 1.125rem;
1083
- --plasma-typo-text-l-font-weight: 400;
1084
- --plasma-typo-text-l-line-height: 1.625rem;
1085
- --plasma-typo-text-s-medium-font-size: 0.875rem;
1086
- --plasma-typo-text-s-medium-font-weight: 500;
1087
- --plasma-typo-text-s-medium-line-height: 1.25rem;
1088
- --plasma-typo-text-m-bold-font-size: 1rem;
1089
- --plasma-typo-text-m-bold-font-weight: 600;
1090
- --plasma-typo-text-m-bold-line-height: 1.5rem;
1091
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1092
- --plasma-typo-text-xs-medium-font-weight: 500;
1093
- --plasma-typo-text-xs-medium-line-height: 1rem;
1094
- --plasma-typo-text-s-font-size: 0.875rem;
1095
- --plasma-typo-text-s-font-weight: 400;
1096
- --plasma-typo-text-s-line-height: 1.25rem;
1097
- --plasma-typo-text-m-font-size: 1rem;
1098
- --plasma-typo-text-m-font-weight: 400;
1099
- --plasma-typo-text-m-line-height: 1.5rem;
1100
- --plasma-typo-text-s-bold-font-size: 0.875rem;
1101
- --plasma-typo-text-s-bold-font-weight: 600;
1102
- --plasma-typo-text-s-bold-line-height: 1.25rem;
1103
- --plasma-typo-text-xs-font-size: 0.75rem;
1104
- --plasma-typo-text-xs-font-weight: 400;
1105
- --plasma-typo-text-xs-line-height: 1rem;
1106
1034
  }
1107
1035
  }
1108
1036
 
1109
1037
  @media (min-width: 560px) and (max-width: 959px) {
1110
1038
  :root {
1039
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1040
+ --plasma-typo-h1-bold-font-weight: 700;
1041
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1111
1042
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1112
1043
  --plasma-typo-dspl-s-medium-font-weight: 500;
1113
1044
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1114
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1115
- --plasma-typo-dspl-s-bold-font-weight: 700;
1116
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1117
- --plasma-typo-h1-medium-font-size: 1.75rem;
1118
- --plasma-typo-h1-medium-font-weight: 500;
1119
- --plasma-typo-h1-medium-line-height: 2.25rem;
1120
1045
  --plasma-typo-dspl-s-font-size: 2.125rem;
1121
1046
  --plasma-typo-dspl-s-font-weight: 400;
1122
1047
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1123
- --plasma-typo-h1-bold-font-size: 1.75rem;
1124
- --plasma-typo-h1-bold-font-weight: 700;
1125
- --plasma-typo-h1-bold-line-height: 2.25rem;
1126
- --plasma-typo-h2-medium-font-size: 1.375rem;
1127
- --plasma-typo-h2-medium-font-weight: 500;
1128
- --plasma-typo-h2-medium-line-height: 1.75rem;
1048
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1049
+ --plasma-typo-h2-bold-font-weight: 700;
1050
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1051
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1052
+ --plasma-typo-h1-medium-font-weight: 500;
1053
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1129
1054
  --plasma-typo-h1-font-size: 1.75rem;
1130
1055
  --plasma-typo-h1-font-weight: 400;
1131
1056
  --plasma-typo-h1-line-height: 2.25rem;
1132
- --plasma-typo-h2-bold-font-size: 1.375rem;
1133
- --plasma-typo-h2-bold-font-weight: 600;
1134
- --plasma-typo-h2-bold-line-height: 1.75rem;
1135
- --plasma-typo-h3-medium-font-size: 1.25rem;
1136
- --plasma-typo-h3-medium-font-weight: 500;
1137
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1138
- --plasma-typo-h2-font-size: 1.375rem;
1139
- --plasma-typo-h2-font-weight: 400;
1140
- --plasma-typo-h2-line-height: 1.75rem;
1141
1057
  --plasma-typo-h3-bold-font-size: 1.25rem;
1142
1058
  --plasma-typo-h3-bold-font-weight: 700;
1143
1059
  --plasma-typo-h3-bold-line-height: 1.4375rem;
1144
- --plasma-typo-h4-medium-font-size: 1rem;
1145
- --plasma-typo-h4-medium-font-weight: 500;
1146
- --plasma-typo-h4-medium-line-height: 1.25rem;
1147
- --plasma-typo-h3-font-size: 1.25rem;
1148
- --plasma-typo-h3-font-weight: 400;
1149
- --plasma-typo-h3-line-height: 1.4375rem;
1060
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1061
+ --plasma-typo-h2-medium-font-weight: 500;
1062
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1063
+ --plasma-typo-h2-font-size: 1.375rem;
1064
+ --plasma-typo-h2-font-weight: 400;
1065
+ --plasma-typo-h2-line-height: 1.75rem;
1150
1066
  --plasma-typo-h4-bold-font-size: 1rem;
1151
1067
  --plasma-typo-h4-bold-font-weight: 700;
1152
1068
  --plasma-typo-h4-bold-line-height: 1.25rem;
1153
- --plasma-typo-h4-font-size: 1.125rem;
1069
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1070
+ --plasma-typo-h3-medium-font-weight: 500;
1071
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1072
+ --plasma-typo-h3-font-size: 1.25rem;
1073
+ --plasma-typo-h3-font-weight: 400;
1074
+ --plasma-typo-h3-line-height: 1.4375rem;
1075
+ --plasma-typo-h4-medium-font-size: 1rem;
1076
+ --plasma-typo-h4-medium-font-weight: 500;
1077
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1078
+ --plasma-typo-h4-font-size: 1rem;
1154
1079
  --plasma-typo-h4-font-weight: 400;
1155
- --plasma-typo-h4-line-height: 1.5rem;
1080
+ --plasma-typo-h4-line-height: 1.25rem;
1081
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1082
+ --plasma-typo-body-s-bold-font-weight: 700;
1083
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1156
1084
  --plasma-typo-body-m-medium-font-size: 0.875rem;
1157
1085
  --plasma-typo-body-m-medium-font-weight: 500;
1158
1086
  --plasma-typo-body-m-medium-line-height: 1.125rem;
1159
- --plasma-typo-body-l-font-size: 0.9375rem;
1160
- --plasma-typo-body-l-font-weight: 400;
1161
- --plasma-typo-body-l-line-height: 1.25rem;
1162
- --plasma-typo-body-m-bold-font-size: 0.875rem;
1163
- --plasma-typo-body-m-bold-font-weight: 600;
1164
- --plasma-typo-body-m-bold-line-height: 1.125rem;
1165
- --plasma-typo-body-s-medium-font-size: 0.875rem;
1166
- --plasma-typo-body-s-medium-font-weight: 500;
1167
- --plasma-typo-body-s-medium-line-height: 1.125rem;
1168
1087
  --plasma-typo-body-m-font-size: 0.875rem;
1169
1088
  --plasma-typo-body-m-font-weight: 400;
1170
1089
  --plasma-typo-body-m-line-height: 1.125rem;
1171
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1172
- --plasma-typo-body-s-bold-font-weight: 600;
1173
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1174
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
1175
- --plasma-typo-body-xs-medium-font-weight: 500;
1176
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
1090
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1091
+ --plasma-typo-body-xs-bold-font-weight: 700;
1092
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1093
+ --plasma-typo-body-s-medium-font-size: 0.875rem;
1094
+ --plasma-typo-body-s-medium-font-weight: 500;
1095
+ --plasma-typo-body-s-medium-line-height: 1.125rem;
1177
1096
  --plasma-typo-body-s-font-size: 0.8125rem;
1178
1097
  --plasma-typo-body-s-font-weight: 400;
1179
1098
  --plasma-typo-body-s-line-height: 0.9375rem;
1180
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1181
- --plasma-typo-body-xs-bold-font-weight: 600;
1182
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
1183
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1184
- --plasma-typo-body-xxs-medium-font-weight: 500;
1185
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1099
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1100
+ --plasma-typo-body-xxs-bold-font-weight: 700;
1101
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1102
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1103
+ --plasma-typo-body-xs-medium-font-weight: 500;
1104
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1186
1105
  --plasma-typo-body-xs-font-size: 0.75rem;
1187
1106
  --plasma-typo-body-xs-font-weight: 400;
1188
1107
  --plasma-typo-body-xs-line-height: 0.875rem;
1189
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1190
- --plasma-typo-body-xxs-bold-font-weight: 600;
1191
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1108
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1109
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1110
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1192
1111
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1193
1112
  --plasma-typo-body-xxs-font-weight: 400;
1194
1113
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1114
+ --plasma-typo-body-l-font-size: 0.9375rem;
1115
+ --plasma-typo-body-l-font-weight: 400;
1116
+ --plasma-typo-body-l-line-height: 1.25rem;
1195
1117
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1196
1118
  --plasma-typo-body-l-bold-font-weight: 700;
1197
1119
  --plasma-typo-body-l-bold-line-height: 1.25rem;
1198
1120
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1199
1121
  --plasma-typo-body-l-medium-font-weight: 500;
1200
- --plasma-typo-body-l-medium-line-height: 1.125rem;
1201
- --plasma-typo-text-l-bold-font-size: 1.25rem;
1202
- --plasma-typo-text-l-bold-font-weight: 600;
1203
- --plasma-typo-text-l-bold-line-height: 1.75rem;
1204
- --plasma-typo-text-l-medium-font-size: 1.25rem;
1205
- --plasma-typo-text-l-medium-font-weight: 500;
1206
- --plasma-typo-text-l-medium-line-height: 1.75rem;
1207
- --plasma-typo-text-l-font-size: 1.25rem;
1208
- --plasma-typo-text-l-font-weight: 400;
1209
- --plasma-typo-text-l-line-height: 1.75rem;
1210
- --plasma-typo-text-m-bold-font-size: 1rem;
1211
- --plasma-typo-text-m-bold-font-weight: 600;
1212
- --plasma-typo-text-m-bold-line-height: 1.5rem;
1213
- --plasma-typo-text-m-medium-font-size: 1rem;
1214
- --plasma-typo-text-m-medium-font-weight: 500;
1215
- --plasma-typo-text-m-medium-line-height: 1.5rem;
1216
- --plasma-typo-text-m-font-size: 1rem;
1217
- --plasma-typo-text-m-font-weight: 400;
1218
- --plasma-typo-text-m-line-height: 1.5rem;
1219
- --plasma-typo-text-s-bold-font-size: 0.875rem;
1220
- --plasma-typo-text-s-bold-font-weight: 600;
1221
- --plasma-typo-text-s-bold-line-height: 1.25rem;
1222
- --plasma-typo-text-s-medium-font-size: 0.875rem;
1223
- --plasma-typo-text-s-medium-font-weight: 500;
1224
- --plasma-typo-text-s-medium-line-height: 1.25rem;
1225
- --plasma-typo-text-s-font-size: 0.875rem;
1226
- --plasma-typo-text-s-font-weight: 400;
1227
- --plasma-typo-text-s-line-height: 1.25rem;
1228
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
1229
- --plasma-typo-text-xs-bold-font-weight: 600;
1230
- --plasma-typo-text-xs-bold-line-height: 1rem;
1231
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1232
- --plasma-typo-text-xs-medium-font-weight: 500;
1233
- --plasma-typo-text-xs-medium-line-height: 1rem;
1234
- --plasma-typo-text-xs-font-size: 0.75rem;
1235
- --plasma-typo-text-xs-font-weight: 400;
1236
- --plasma-typo-text-xs-line-height: 1rem;
1122
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1123
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1124
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1125
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1126
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1127
+ --plasma-typo-body-m-bold-font-weight: 700;
1128
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1237
1129
  }
1238
1130
  }
1239
1131
 
@@ -1248,30 +1140,6 @@
1248
1140
  --plasma-typo-dspl-s-font-size: 2.125rem;
1249
1141
  --plasma-typo-dspl-s-font-weight: 400;
1250
1142
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1251
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1252
- --plasma-typo-body-l-medium-font-weight: 500;
1253
- --plasma-typo-body-l-medium-line-height: 1.125rem;
1254
- --plasma-typo-body-l-font-size: 1.125rem;
1255
- --plasma-typo-body-l-font-weight: 400;
1256
- --plasma-typo-body-l-line-height: 1.375rem;
1257
- --plasma-typo-body-m-bold-font-size: 0.875rem;
1258
- --plasma-typo-body-m-bold-font-weight: 600;
1259
- --plasma-typo-body-m-bold-line-height: 1.125rem;
1260
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1261
- --plasma-typo-body-m-medium-font-weight: 500;
1262
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1263
- --plasma-typo-body-m-font-size: 0.875rem;
1264
- --plasma-typo-body-m-font-weight: 400;
1265
- --plasma-typo-body-m-line-height: 1.125rem;
1266
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1267
- --plasma-typo-body-s-bold-font-weight: 600;
1268
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1269
- --plasma-typo-body-s-font-size: 0.8125rem;
1270
- --plasma-typo-body-s-font-weight: 400;
1271
- --plasma-typo-body-s-line-height: 0.9375rem;
1272
- --plasma-typo-h1-bold-font-size: 1.75rem;
1273
- --plasma-typo-h1-bold-font-weight: 700;
1274
- --plasma-typo-h1-bold-line-height: 2.25rem;
1275
1143
  --plasma-typo-h1-medium-font-size: 1.75rem;
1276
1144
  --plasma-typo-h1-medium-font-weight: 500;
1277
1145
  --plasma-typo-h1-medium-line-height: 2.25rem;
@@ -1296,35 +1164,47 @@
1296
1164
  --plasma-typo-h3-font-size: 1.25rem;
1297
1165
  --plasma-typo-h3-font-weight: 400;
1298
1166
  --plasma-typo-h3-line-height: 1.4375rem;
1167
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1168
+ --plasma-typo-body-l-bold-font-weight: 700;
1169
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1299
1170
  --plasma-typo-h4-bold-font-size: 1rem;
1300
1171
  --plasma-typo-h4-bold-font-weight: 700;
1301
1172
  --plasma-typo-h4-bold-line-height: 1.25rem;
1302
1173
  --plasma-typo-h4-medium-font-size: 1rem;
1303
1174
  --plasma-typo-h4-medium-font-weight: 500;
1304
1175
  --plasma-typo-h4-medium-line-height: 1.25rem;
1305
- --plasma-typo-h4-font-size: 1.25rem;
1176
+ --plasma-typo-h4-font-size: 1rem;
1306
1177
  --plasma-typo-h4-font-weight: 400;
1307
- --plasma-typo-h4-line-height: 1.625rem;
1308
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1309
- --plasma-typo-body-l-bold-font-weight: 700;
1310
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1311
- --plasma-typo-text-s-font-size: 0.875rem;
1312
- --plasma-typo-text-s-font-weight: 400;
1313
- --plasma-typo-text-s-line-height: 1.25rem;
1314
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
1315
- --plasma-typo-text-xs-bold-font-weight: 600;
1316
- --plasma-typo-text-xs-bold-line-height: 1rem;
1317
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1318
- --plasma-typo-text-xs-medium-font-weight: 500;
1319
- --plasma-typo-text-xs-medium-line-height: 1rem;
1320
- --plasma-typo-text-xs-font-size: 0.75rem;
1321
- --plasma-typo-text-xs-font-weight: 400;
1322
- --plasma-typo-text-xs-line-height: 1rem;
1178
+ --plasma-typo-h4-line-height: 1.25rem;
1179
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1180
+ --plasma-typo-body-l-medium-font-weight: 500;
1181
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1182
+ --plasma-typo-body-l-font-size: 1.125rem;
1183
+ --plasma-typo-body-l-font-weight: 400;
1184
+ --plasma-typo-body-l-line-height: 1.375rem;
1185
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1186
+ --plasma-typo-body-m-bold-font-weight: 700;
1187
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1188
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1189
+ --plasma-typo-body-m-medium-font-weight: 500;
1190
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1191
+ --plasma-typo-body-m-font-size: 0.875rem;
1192
+ --plasma-typo-body-m-font-weight: 400;
1193
+ --plasma-typo-body-m-line-height: 1.125rem;
1194
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1195
+ --plasma-typo-body-s-bold-font-weight: 700;
1196
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1197
+ --plasma-typo-body-s-font-size: 0.8125rem;
1198
+ --plasma-typo-body-s-font-weight: 400;
1199
+ --plasma-typo-body-s-line-height: 0.9375rem;
1200
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1201
+ --plasma-typo-h1-bold-font-weight: 700;
1202
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1323
1203
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1324
1204
  --plasma-typo-body-s-medium-font-weight: 500;
1325
1205
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
1326
1206
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1327
- --plasma-typo-body-xs-bold-font-weight: 600;
1207
+ --plasma-typo-body-xs-bold-font-weight: 700;
1328
1208
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
1329
1209
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1330
1210
  --plasma-typo-body-xs-medium-font-weight: 500;
@@ -1333,37 +1213,13 @@
1333
1213
  --plasma-typo-body-xs-font-weight: 400;
1334
1214
  --plasma-typo-body-xs-line-height: 0.875rem;
1335
1215
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1336
- --plasma-typo-body-xxs-bold-font-weight: 600;
1216
+ --plasma-typo-body-xxs-bold-font-weight: 700;
1337
1217
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1338
- --plasma-typo-body-xxs-medium-font-size: 0.625rem;
1218
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1339
1219
  --plasma-typo-body-xxs-medium-font-weight: 500;
1340
- --plasma-typo-body-xxs-medium-line-height: 0.75rem;
1220
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1341
1221
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1342
1222
  --plasma-typo-body-xxs-font-weight: 400;
1343
1223
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1344
- --plasma-typo-text-l-bold-font-size: 1.5rem;
1345
- --plasma-typo-text-l-bold-font-weight: 600;
1346
- --plasma-typo-text-l-bold-line-height: 2rem;
1347
- --plasma-typo-text-l-medium-font-size: 1.5rem;
1348
- --plasma-typo-text-l-medium-font-weight: 500;
1349
- --plasma-typo-text-l-medium-line-height: 2rem;
1350
- --plasma-typo-text-l-font-size: 1.5rem;
1351
- --plasma-typo-text-l-font-weight: 400;
1352
- --plasma-typo-text-l-line-height: 2rem;
1353
- --plasma-typo-text-m-bold-font-size: 1.125rem;
1354
- --plasma-typo-text-m-bold-font-weight: 600;
1355
- --plasma-typo-text-m-bold-line-height: 1.625rem;
1356
- --plasma-typo-text-m-medium-font-size: 1.125rem;
1357
- --plasma-typo-text-m-medium-font-weight: 500;
1358
- --plasma-typo-text-m-medium-line-height: 1.625rem;
1359
- --plasma-typo-text-m-font-size: 1.125rem;
1360
- --plasma-typo-text-m-font-weight: 400;
1361
- --plasma-typo-text-m-line-height: 1.625rem;
1362
- --plasma-typo-text-s-bold-font-size: 0.875rem;
1363
- --plasma-typo-text-s-bold-font-weight: 600;
1364
- --plasma-typo-text-s-bold-line-height: 1.25rem;
1365
- --plasma-typo-text-s-medium-font-size: 0.875rem;
1366
- --plasma-typo-text-s-medium-font-weight: 500;
1367
- --plasma-typo-text-s-medium-line-height: 1.25rem;
1368
1224
  }
1369
1225
  }