@alfalab/core-components-vars 6.1.0 → 6.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +369 -0
  2. package/border-radius.css +1 -0
  3. package/colors-bluetint.css +26 -0
  4. package/colors-indigo.css +26 -0
  5. package/cssm/border-radius.css +1 -0
  6. package/cssm/colors-bluetint.css +26 -0
  7. package/cssm/colors-indigo.css +26 -0
  8. package/cssm/index.css +27 -0
  9. package/package.json +2 -2
package/CHANGELOG.md ADDED
@@ -0,0 +1,369 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ ## [6.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@6.4.0...@alfalab/core-components-vars@6.4.1) (2022-07-14)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-vars
9
+
10
+
11
+
12
+
13
+
14
+ # [6.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@6.2.0...@alfalab/core-components-vars@6.3.0) (2022-06-28)
15
+
16
+
17
+ ### Features
18
+
19
+ * **pure cell:** new component ([#10](https://github.com/core-ds/core-components/issues/10)) ([4e95c57](https://github.com/core-ds/core-components/commit/4e95c573aaa6f99197292ea4bae12cbbcc3207c9))
20
+
21
+
22
+
23
+
24
+
25
+ # [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@6.1.0...@alfalab/core-components-vars@6.2.0) (2022-06-23)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * **button:** fix color secondary ([#92](https://github.com/core-ds/core-components/issues/92)) ([57b8e66](https://github.com/core-ds/core-components/commit/57b8e661b8f54acdfd0c235f58ebd59d66c116a4))
31
+
32
+
33
+ ### Features
34
+
35
+ * **vars:** export CSS custom properties as JS vars ([#45](https://github.com/core-ds/core-components/issues/45)) ([dbb1f78](https://github.com/core-ds/core-components/commit/dbb1f78795247fa09797c05f134b21a7774e6898))
36
+
37
+
38
+
39
+
40
+
41
+ # [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@6.0.0...@alfalab/core-components-vars@6.1.0) (2022-06-08)
42
+
43
+
44
+ ### Features
45
+
46
+ * **scrollbar:** new component scrollbar ([#48](https://github.com/core-ds/core-components/issues/48)) ([5ea6fa3](https://github.com/core-ds/core-components/commit/5ea6fa352ff943cda8c52e35f9d96da9bea97fa3))
47
+
48
+
49
+
50
+
51
+
52
+ ## [5.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.5.1...@alfalab/core-components-vars@5.5.2) (2022-03-28)
53
+
54
+
55
+ ### Bug Fixes
56
+
57
+ * fix modal and bottom-sheet dark mode ([#1043](https://github.com/core-ds/core-components/issues/1043)) ([cad36a2](https://github.com/core-ds/core-components/commit/cad36a25b28bfa71296c3dd9dc325eec28b5c241))
58
+
59
+
60
+
61
+
62
+
63
+ ## [5.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.5.0...@alfalab/core-components-vars@5.5.1) (2022-03-24)
64
+
65
+ **Note:** Version bump only for package @alfalab/core-components-vars
66
+
67
+
68
+
69
+
70
+
71
+ # [5.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.4.0...@alfalab/core-components-vars@5.5.0) (2022-03-18)
72
+
73
+
74
+ ### Features
75
+
76
+ * **calendar:** add intranet theme ([#1026](https://github.com/core-ds/core-components/issues/1026)) ([292b76c](https://github.com/core-ds/core-components/commit/292b76c100bb12ebb1011d2a9981ba2b2899dd7a))
77
+ * Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
78
+
79
+
80
+
81
+
82
+
83
+ # [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.3.0...@alfalab/core-components-vars@5.4.0) (2022-02-17)
84
+
85
+
86
+ ### Features
87
+
88
+ * **calendar:** design & logic updates ([#991](https://github.com/core-ds/core-components/issues/991)) ([358142c](https://github.com/core-ds/core-components/commit/358142c6d259e1463954139cc648787cdf461f76)), closes [#993](https://github.com/core-ds/core-components/issues/993) [#990](https://github.com/core-ds/core-components/issues/990)
89
+
90
+
91
+
92
+
93
+
94
+ # [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.2.0...@alfalab/core-components-vars@5.3.0) (2022-02-15)
95
+
96
+
97
+ ### Features
98
+
99
+ * **vars:** updated typography ([#981](https://github.com/core-ds/core-components/issues/981)) ([95bcce8](https://github.com/core-ds/core-components/commit/95bcce8e07467c635e2a93c55edfb3550a533ba4))
100
+
101
+
102
+
103
+
104
+
105
+ # [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.1.1...@alfalab/core-components-vars@5.2.0) (2022-01-27)
106
+
107
+
108
+ ### Features
109
+
110
+ * **vars:** build color-mod ([#953](https://github.com/core-ds/core-components/issues/953)) ([aa64366](https://github.com/core-ds/core-components/commit/aa64366d970be46776d23c9d13ebec413b2ac4d9))
111
+
112
+
113
+
114
+
115
+
116
+ ## [5.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.1.0...@alfalab/core-components-vars@5.1.1) (2022-01-17)
117
+
118
+
119
+ ### Bug Fixes
120
+
121
+ * **vars:** remove unused colors ([#945](https://github.com/core-ds/core-components/issues/945)) ([310a70a](https://github.com/core-ds/core-components/commit/310a70a8be6bff687861d3d643ebc347ecf6cd6d))
122
+
123
+
124
+
125
+
126
+
127
+ # [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@5.0.0...@alfalab/core-components-vars@5.1.0) (2021-12-09)
128
+
129
+
130
+ ### Features
131
+
132
+ * **status:** добавлено 10% прозрачности в цвет фона ([#896](https://github.com/core-ds/core-components/issues/896)) ([b55c62b](https://github.com/core-ds/core-components/commit/b55c62b49cc52a15ff7497b9ad329773fba15959))
133
+
134
+
135
+
136
+
137
+
138
+ # [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@4.1.0...@alfalab/core-components-vars@5.0.0) (2021-11-26)
139
+
140
+
141
+ ### Features
142
+
143
+ * **button:** добавлена кнопка размера 40px, изменены скругления ([#886](https://github.com/core-ds/core-components/issues/886)) ([88e657a](https://github.com/core-ds/core-components/commit/88e657a9f0f68b8b58f6e9437053954ee984f83c)), closes [#890](https://github.com/core-ds/core-components/issues/890)
144
+
145
+
146
+ ### BREAKING CHANGES
147
+
148
+ * **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
149
+ заменить размер на xxs. Можно воспользоваться codemod.
150
+
151
+ * feat(codemod): add button xs to xxs transformer
152
+
153
+ * feat(tag): добавлен тэг размера 40px, изменены отступы
154
+
155
+ Добавлен тэг размером 40px, изменены отступы. Тем, кто использовал размер xs, надо заменить размер
156
+ на xxs.
157
+ * **button:** Тэг размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
158
+ заменить размер на xxs. Можно воспользоваться codemod.
159
+
160
+ * test: update screenshots
161
+
162
+ * test: update screenshots
163
+
164
+ * feat(button): linter fix
165
+
166
+ * feat(button): fix min-width
167
+
168
+ * feat(tag): remove vertical paddings
169
+
170
+ * feat(tag): remove vertical paddings
171
+
172
+ * feat(button): updates
173
+
174
+
175
+
176
+
177
+
178
+ # [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@4.0.0...@alfalab/core-components-vars@4.1.0) (2021-09-16)
179
+
180
+
181
+ ### Features
182
+
183
+ * **gallery:** add component ([#815](https://github.com/core-ds/core-components/issues/815)) ([7ffd20e](https://github.com/core-ds/core-components/commit/7ffd20e2d007f658223d29aa943639c13ad51342)), closes [#774](https://github.com/core-ds/core-components/issues/774) [#795](https://github.com/core-ds/core-components/issues/795)
184
+
185
+
186
+
187
+
188
+
189
+ # [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@3.1.1...@alfalab/core-components-vars@4.0.0) (2021-09-14)
190
+
191
+
192
+ ### Features
193
+
194
+ * dark themes ([#778](https://github.com/core-ds/core-components/issues/778)) ([d848d16](https://github.com/core-ds/core-components/commit/d848d165b59182e6521d28efc2aadeecebc00d93))
195
+ * **vars:** updated colors and typography from latest alfa-ui-primitives ([#803](https://github.com/core-ds/core-components/issues/803)) ([0d5b2a3](https://github.com/core-ds/core-components/commit/0d5b2a30a78e70392dd505790a92bc3bc83f9386))
196
+
197
+
198
+ ### BREAKING CHANGES
199
+
200
+ * remove dark-theme-injector. remove vars duplications
201
+
202
+
203
+
204
+
205
+
206
+ ## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@3.1.0...@alfalab/core-components-vars@3.1.1) (2021-08-23)
207
+
208
+
209
+ ### Bug Fixes
210
+
211
+ * **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)
212
+
213
+
214
+
215
+
216
+
217
+ # [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@3.0.1...@alfalab/core-components-vars@3.1.0) (2021-08-04)
218
+
219
+
220
+ ### Features
221
+
222
+ * add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))
223
+
224
+
225
+
226
+
227
+
228
+ ## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@3.0.0...@alfalab/core-components-vars@3.0.1) (2021-07-19)
229
+
230
+ **Note:** Version bump only for package @alfalab/core-components-vars
231
+
232
+
233
+
234
+
235
+
236
+ # [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.6.2...@alfalab/core-components-vars@3.0.0) (2021-07-09)
237
+
238
+
239
+ ### Features
240
+
241
+ * **vars:** add border-radius-xs ([a4bd8ff](https://github.com/core-ds/core-components/commit/a4bd8ff44d9ed7cf68ca2b0994ab61a80ed358e2))
242
+ * upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
243
+
244
+
245
+ ## [2.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.6.1...@alfalab/core-components-vars@2.6.2) (2021-05-25)
246
+
247
+ **Note:** Version bump only for package @alfalab/core-components-vars
248
+
249
+
250
+
251
+
252
+
253
+ ## [2.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.6.0...@alfalab/core-components-vars@2.6.1) (2021-04-26)
254
+
255
+ **Note:** Version bump only for package @alfalab/core-components-vars
256
+
257
+
258
+
259
+
260
+
261
+ # [2.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.5.2...@alfalab/core-components-vars@2.6.0) (2021-04-06)
262
+
263
+
264
+ ### Features
265
+
266
+ * **vars:** fresh colors ([10907ec](https://github.com/core-ds/core-components/commit/10907eca0f5556795529a90b41d2bc663ea01dfe))
267
+
268
+
269
+
270
+
271
+
272
+ ## [2.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.5.0...@alfalab/core-components-vars@2.5.2) (2021-03-18)
273
+
274
+
275
+ ### Bug Fixes
276
+
277
+ * one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
278
+
279
+
280
+
281
+
282
+
283
+ # [2.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.4.3...@alfalab/core-components-vars@2.5.0) (2021-03-15)
284
+
285
+
286
+ ### Features
287
+
288
+ * **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))
289
+
290
+
291
+
292
+
293
+
294
+ ## [2.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.4.2...@alfalab/core-components-vars@2.4.3) (2021-03-14)
295
+
296
+ **Note:** Version bump only for package @alfalab/core-components-vars
297
+
298
+
299
+
300
+
301
+
302
+ ## [2.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.4.1...@alfalab/core-components-vars@2.4.2) (2021-03-04)
303
+
304
+ **Note:** Version bump only for package @alfalab/core-components-vars
305
+
306
+
307
+
308
+
309
+
310
+ ## [2.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.4.0...@alfalab/core-components-vars@2.4.1) (2021-03-03)
311
+
312
+ **Note:** Version bump only for package @alfalab/core-components-vars
313
+
314
+
315
+
316
+
317
+
318
+ # [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.3.2...@alfalab/core-components-vars@2.4.0) (2021-03-03)
319
+
320
+
321
+ ### Features
322
+
323
+ * **vars:** 2px gap ([#544](https://github.com/core-ds/core-components/issues/544)) ([e401782](https://github.com/core-ds/core-components/commit/e40178290a02c45bd9ea23ab0deffabd74a69276))
324
+
325
+
326
+
327
+
328
+
329
+ ## [2.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.3.1...@alfalab/core-components-vars@2.3.2) (2021-02-20)
330
+
331
+ **Note:** Version bump only for package @alfalab/core-components-vars
332
+
333
+
334
+
335
+
336
+
337
+ ## [2.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.3.0...@alfalab/core-components-vars@2.3.1) (2021-02-19)
338
+
339
+
340
+ ### Bug Fixes
341
+
342
+ * **toast-plate:** polish toast-plate themes ([#527](https://github.com/core-ds/core-components/issues/527)) ([57d73d4](https://github.com/core-ds/core-components/commit/57d73d47b089997b2cc0d85e37b70f068c945e50))
343
+
344
+
345
+
346
+
347
+
348
+ # [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@2.2.0...@alfalab/core-components-vars@2.3.0) (2021-02-18)
349
+
350
+
351
+ ### Features
352
+
353
+ * updated design tokens ([#516](https://github.com/core-ds/core-components/issues/516)) ([ef66b65](https://github.com/core-ds/core-components/commit/ef66b65bb35b2ef06292b8da709ccc335eb44735))
354
+
355
+
356
+
357
+
358
+
359
+ # [@alfalab/core-components-vars-v2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-vars@1.8.0...@alfalab/core-components-vars@2.0.0) (2020-11-25)
360
+
361
+
362
+ ### Features
363
+
364
+ * remove extra vars, update docs ([#370](https://github.com/core-ds/core-components/issues/370)) ([af1b133](https://github.com/core-ds/core-components/commit/af1b1339e768e59a2377409bf164cc8c439bd3bf))
365
+
366
+
367
+ ### BREAKING CHANGES
368
+
369
+ * remove packages/vars/src/breakpoints.css
package/border-radius.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-radius-m: 8px;
5
5
  --border-radius-l: 12px;
6
6
  --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
7
8
  --border-radius-circle: 50%;
8
9
  --border-radius-pill: 99px;
9
10
  }
package/colors-bluetint.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
@@ -285,17 +298,28 @@
285
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
310
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
293
312
  --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
294
313
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
295
315
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
296
317
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
297
319
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
298
321
  --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
299
323
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
300
324
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
301
325
  --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
@@ -323,7 +347,9 @@
323
347
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
324
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
325
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
326
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
327
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
328
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
329
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
package/colors-indigo.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -285,17 +298,28 @@
285
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
310
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
293
312
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
294
313
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
295
315
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
296
317
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
297
319
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
298
321
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
299
323
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
300
324
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
301
325
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -323,7 +347,9 @@
323
347
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
324
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
325
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
326
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
327
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
328
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
329
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
package/cssm/border-radius.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-radius-m: 8px;
5
5
  --border-radius-l: 12px;
6
6
  --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
7
8
  --border-radius-circle: 50%;
8
9
  --border-radius-pill: 99px;
9
10
  }
package/cssm/colors-bluetint.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
@@ -285,17 +298,28 @@
285
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
310
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
293
312
  --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
294
313
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
295
315
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
296
317
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
297
319
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
298
321
  --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
299
323
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
300
324
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
301
325
  --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
@@ -323,7 +347,9 @@
323
347
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
324
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
325
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
326
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
327
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
328
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
329
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
package/cssm/colors-indigo.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -285,17 +298,28 @@
285
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
310
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
293
312
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
294
313
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
295
315
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
296
317
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
297
319
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
298
321
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
299
323
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
300
324
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
301
325
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -323,7 +347,9 @@
323
347
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
324
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
325
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
326
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
327
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
328
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
329
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
package/cssm/index.css CHANGED
@@ -331,17 +331,28 @@
331
331
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
332
332
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
333
333
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
334
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
334
335
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
336
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
335
337
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
338
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
336
339
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
340
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
341
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
337
342
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
338
343
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
344
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
339
345
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
340
346
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
347
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
341
348
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
349
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
342
350
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
351
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
343
352
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
344
354
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
355
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
345
356
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
346
357
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
347
358
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -369,7 +380,9 @@
369
380
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
370
381
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
371
382
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
383
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
372
384
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
385
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
373
386
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
374
387
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
375
388
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -454,17 +467,28 @@
454
467
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
455
468
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
456
469
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
470
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
457
471
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
472
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
458
473
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
474
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
459
475
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
476
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
477
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
460
478
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
461
479
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
480
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
462
481
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
463
482
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
483
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
464
484
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
485
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
465
486
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
487
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
466
488
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
489
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
467
490
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
491
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
468
492
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
469
493
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
470
494
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -492,7 +516,9 @@
492
516
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
493
517
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
494
518
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
519
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
495
520
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
521
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
496
522
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
497
523
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
498
524
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -680,6 +706,7 @@
680
706
  --border-radius-m: 8px;
681
707
  --border-radius-l: 12px;
682
708
  --border-radius-xl: 16px;
709
+ --border-radius-xxl: 20px;
683
710
  --border-radius-circle: 50%;
684
711
  --border-radius-pill: 99px;
685
712
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "6.1.0",
3
+ "version": "6.4.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -9,5 +9,5 @@
9
9
  "access": "public",
10
10
  "directory": "dist"
11
11
  },
12
- "postinstall": "node ./dist/send-stats.js > /dev/null 2>&1 || exit 0"
12
+ "postinstall": "node ./send-stats.js > /dev/null 2>&1 || exit 0"
13
13
  }