@taiga-ui/design-tokens 0.76.0 → 0.77.0

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 (258) hide show
  1. package/icons/flags/ab.svg +40 -0
  2. package/icons/flags/ad.svg +16 -0
  3. package/icons/flags/ae.svg +6 -0
  4. package/icons/flags/af.svg +15 -0
  5. package/icons/flags/ag.svg +24 -0
  6. package/icons/flags/ai.svg +34 -0
  7. package/icons/flags/al.svg +7 -0
  8. package/icons/flags/am.svg +5 -0
  9. package/icons/flags/an.svg +11 -0
  10. package/icons/flags/ao.svg +16 -0
  11. package/icons/flags/aq.svg +7 -0
  12. package/icons/flags/ar.svg +9 -0
  13. package/icons/flags/as.svg +10 -0
  14. package/icons/flags/at.svg +5 -0
  15. package/icons/flags/au.svg +42 -0
  16. package/icons/flags/aw.svg +13 -0
  17. package/icons/flags/ax.svg +7 -0
  18. package/icons/flags/az.svg +13 -0
  19. package/icons/flags/ba.svg +39 -0
  20. package/icons/flags/bb.svg +9 -0
  21. package/icons/flags/bd.svg +7 -0
  22. package/icons/flags/be.svg +5 -0
  23. package/icons/flags/bf.svg +8 -0
  24. package/icons/flags/bg.svg +5 -0
  25. package/icons/flags/bh.svg +14 -0
  26. package/icons/flags/bi.svg +32 -0
  27. package/icons/flags/bj.svg +5 -0
  28. package/icons/flags/bl.svg +24 -0
  29. package/icons/flags/bm.svg +39 -0
  30. package/icons/flags/bn.svg +17 -0
  31. package/icons/flags/bo.svg +5 -0
  32. package/icons/flags/bq.svg +5 -0
  33. package/icons/flags/br.svg +16 -0
  34. package/icons/flags/bs.svg +6 -0
  35. package/icons/flags/bt.svg +15 -0
  36. package/icons/flags/bv.svg +7 -0
  37. package/icons/flags/bw.svg +7 -0
  38. package/icons/flags/by.svg +13 -0
  39. package/icons/flags/bz.svg +23 -0
  40. package/icons/flags/ca.svg +9 -0
  41. package/icons/flags/cc.svg +39 -0
  42. package/icons/flags/cd.svg +24 -0
  43. package/icons/flags/cf.svg +11 -0
  44. package/icons/flags/cg.svg +18 -0
  45. package/icons/flags/ch.svg +7 -0
  46. package/icons/flags/ci.svg +5 -0
  47. package/icons/flags/ck.svg +46 -0
  48. package/icons/flags/cl.svg +10 -0
  49. package/icons/flags/cm.svg +9 -0
  50. package/icons/flags/cn.svg +23 -0
  51. package/icons/flags/co.svg +5 -0
  52. package/icons/flags/cr.svg +7 -0
  53. package/icons/flags/cu.svg +19 -0
  54. package/icons/flags/cv.svg +11 -0
  55. package/icons/flags/cw.svg +12 -0
  56. package/icons/flags/cx.svg +36 -0
  57. package/icons/flags/cy.svg +11 -0
  58. package/icons/flags/cz.svg +5 -0
  59. package/icons/flags/de.svg +5 -0
  60. package/icons/flags/dj.svg +9 -0
  61. package/icons/flags/dk.svg +7 -0
  62. package/icons/flags/dm.svg +26 -0
  63. package/icons/flags/do.svg +26 -0
  64. package/icons/flags/dz.svg +12 -0
  65. package/icons/flags/ec.svg +21 -0
  66. package/icons/flags/ee.svg +5 -0
  67. package/icons/flags/eg.svg +9 -0
  68. package/icons/flags/eh.svg +14 -0
  69. package/icons/flags/er.svg +22 -0
  70. package/icons/flags/es.svg +5 -0
  71. package/icons/flags/et.svg +17 -0
  72. package/icons/flags/eu.svg +35 -0
  73. package/icons/flags/fi.svg +7 -0
  74. package/icons/flags/fj.svg +23 -0
  75. package/icons/flags/fk.svg +39 -0
  76. package/icons/flags/fm.svg +19 -0
  77. package/icons/flags/fo.svg +7 -0
  78. package/icons/flags/fr.svg +5 -0
  79. package/icons/flags/ga.svg +5 -0
  80. package/icons/flags/gb.svg +15 -0
  81. package/icons/flags/gd.svg +49 -0
  82. package/icons/flags/ge.svg +23 -0
  83. package/icons/flags/gf.svg +8 -0
  84. package/icons/flags/gg.svg +11 -0
  85. package/icons/flags/gh.svg +9 -0
  86. package/icons/flags/gi.svg +14 -0
  87. package/icons/flags/gl.svg +12 -0
  88. package/icons/flags/gm.svg +7 -0
  89. package/icons/flags/gn.svg +5 -0
  90. package/icons/flags/gp.svg +40 -0
  91. package/icons/flags/gq.svg +15 -0
  92. package/icons/flags/gr.svg +20 -0
  93. package/icons/flags/gs.svg +49 -0
  94. package/icons/flags/gt.svg +13 -0
  95. package/icons/flags/gu.svg +23 -0
  96. package/icons/flags/gw.svg +9 -0
  97. package/icons/flags/gy.svg +23 -0
  98. package/icons/flags/hk.svg +23 -0
  99. package/icons/flags/hm.svg +51 -0
  100. package/icons/flags/hn.svg +25 -0
  101. package/icons/flags/hr.svg +42 -0
  102. package/icons/flags/ht.svg +16 -0
  103. package/icons/flags/hu.svg +5 -0
  104. package/icons/flags/id.svg +4 -0
  105. package/icons/flags/ie.svg +5 -0
  106. package/icons/flags/il.svg +11 -0
  107. package/icons/flags/im.svg +7 -0
  108. package/icons/flags/in.svg +17 -0
  109. package/icons/flags/io.svg +63 -0
  110. package/icons/flags/iq.svg +14 -0
  111. package/icons/flags/ir.svg +22 -0
  112. package/icons/flags/is.svg +7 -0
  113. package/icons/flags/it.svg +5 -0
  114. package/icons/flags/je.svg +15 -0
  115. package/icons/flags/jm.svg +14 -0
  116. package/icons/flags/jo.svg +10 -0
  117. package/icons/flags/jp.svg +7 -0
  118. package/icons/flags/ke.svg +22 -0
  119. package/icons/flags/kg.svg +7 -0
  120. package/icons/flags/kh.svg +9 -0
  121. package/icons/flags/ki.svg +23 -0
  122. package/icons/flags/km.svg +27 -0
  123. package/icons/flags/kn.svg +20 -0
  124. package/icons/flags/kp.svg +15 -0
  125. package/icons/flags/kr.svg +29 -0
  126. package/icons/flags/kw.svg +6 -0
  127. package/icons/flags/ky.svg +35 -0
  128. package/icons/flags/kz.svg +161 -0
  129. package/icons/flags/la.svg +9 -0
  130. package/icons/flags/lb.svg +6 -0
  131. package/icons/flags/lc.svg +6 -0
  132. package/icons/flags/li.svg +8 -0
  133. package/icons/flags/lk.svg +21 -0
  134. package/icons/flags/lr.svg +25 -0
  135. package/icons/flags/ls.svg +9 -0
  136. package/icons/flags/lt.svg +5 -0
  137. package/icons/flags/lu.svg +5 -0
  138. package/icons/flags/lv.svg +4 -0
  139. package/icons/flags/ly.svg +13 -0
  140. package/icons/flags/ma.svg +9 -0
  141. package/icons/flags/mc.svg +4 -0
  142. package/icons/flags/md.svg +11 -0
  143. package/icons/flags/me.svg +17 -0
  144. package/icons/flags/mf.svg +25 -0
  145. package/icons/flags/mg.svg +5 -0
  146. package/icons/flags/mh.svg +9 -0
  147. package/icons/flags/mk.svg +26 -0
  148. package/icons/flags/ml.svg +5 -0
  149. package/icons/flags/mm.svg +9 -0
  150. package/icons/flags/mn.svg +21 -0
  151. package/icons/flags/mo.svg +35 -0
  152. package/icons/flags/mp.svg +19 -0
  153. package/icons/flags/mq.svg +29 -0
  154. package/icons/flags/mr.svg +11 -0
  155. package/icons/flags/ms.svg +26 -0
  156. package/icons/flags/mt.svg +8 -0
  157. package/icons/flags/mu.svg +6 -0
  158. package/icons/flags/mv.svg +8 -0
  159. package/icons/flags/mw.svg +9 -0
  160. package/icons/flags/mx.svg +13 -0
  161. package/icons/flags/my.svg +16 -0
  162. package/icons/flags/mz.svg +24 -0
  163. package/icons/flags/na.svg +24 -0
  164. package/icons/flags/nc.svg +15 -0
  165. package/icons/flags/ne.svg +9 -0
  166. package/icons/flags/nf.svg +6 -0
  167. package/icons/flags/ng.svg +5 -0
  168. package/icons/flags/ni.svg +20 -0
  169. package/icons/flags/nl.svg +5 -0
  170. package/icons/flags/no.svg +7 -0
  171. package/icons/flags/np.svg +15 -0
  172. package/icons/flags/nr.svg +8 -0
  173. package/icons/flags/nu.svg +23 -0
  174. package/icons/flags/nz.svg +30 -0
  175. package/icons/flags/om.svg +11 -0
  176. package/icons/flags/os.svg +5 -0
  177. package/icons/flags/pa.svg +21 -0
  178. package/icons/flags/pe.svg +5 -0
  179. package/icons/flags/pf.svg +16 -0
  180. package/icons/flags/pg.svg +15 -0
  181. package/icons/flags/ph.svg +21 -0
  182. package/icons/flags/pk.svg +12 -0
  183. package/icons/flags/pl.svg +4 -0
  184. package/icons/flags/pm.svg +50 -0
  185. package/icons/flags/pn.svg +30 -0
  186. package/icons/flags/pr.svg +12 -0
  187. package/icons/flags/ps.svg +6 -0
  188. package/icons/flags/pt.svg +16 -0
  189. package/icons/flags/pw.svg +7 -0
  190. package/icons/flags/py.svg +13 -0
  191. package/icons/flags/qa.svg +14 -0
  192. package/icons/flags/re.svg +5 -0
  193. package/icons/flags/ro.svg +5 -0
  194. package/icons/flags/rs.svg +21 -0
  195. package/icons/flags/ru.svg +5 -0
  196. package/icons/flags/rw.svg +9 -0
  197. package/icons/flags/sa.svg +21 -0
  198. package/icons/flags/sb.svg +32 -0
  199. package/icons/flags/sc.svg +17 -0
  200. package/icons/flags/sd.svg +6 -0
  201. package/icons/flags/se.svg +7 -0
  202. package/icons/flags/sg.svg +28 -0
  203. package/icons/flags/sh.svg +47 -0
  204. package/icons/flags/si.svg +13 -0
  205. package/icons/flags/sj.svg +7 -0
  206. package/icons/flags/sk.svg +21 -0
  207. package/icons/flags/sl.svg +5 -0
  208. package/icons/flags/sm.svg +24 -0
  209. package/icons/flags/sn.svg +9 -0
  210. package/icons/flags/so.svg +7 -0
  211. package/icons/flags/sr.svg +11 -0
  212. package/icons/flags/ss.svg +12 -0
  213. package/icons/flags/st.svg +14 -0
  214. package/icons/flags/sv.svg +14 -0
  215. package/icons/flags/sx.svg +25 -0
  216. package/icons/flags/sy.svg +13 -0
  217. package/icons/flags/sz.svg +28 -0
  218. package/icons/flags/tc.svg +34 -0
  219. package/icons/flags/td.svg +5 -0
  220. package/icons/flags/tf.svg +36 -0
  221. package/icons/flags/tg.svg +19 -0
  222. package/icons/flags/th.svg +7 -0
  223. package/icons/flags/tj.svg +37 -0
  224. package/icons/flags/tk.svg +25 -0
  225. package/icons/flags/tl.svg +12 -0
  226. package/icons/flags/tm.svg +61 -0
  227. package/icons/flags/tn.svg +15 -0
  228. package/icons/flags/to.svg +12 -0
  229. package/icons/flags/tr.svg +11 -0
  230. package/icons/flags/tt.svg +20 -0
  231. package/icons/flags/tv.svg +51 -0
  232. package/icons/flags/tw.svg +16 -0
  233. package/icons/flags/tz.svg +20 -0
  234. package/icons/flags/ua.svg +4 -0
  235. package/icons/flags/ug.svg +23 -0
  236. package/icons/flags/us.svg +14 -0
  237. package/icons/flags/uy.svg +12 -0
  238. package/icons/flags/uz.svg +12 -0
  239. package/icons/flags/va.svg +16 -0
  240. package/icons/flags/vc.svg +8 -0
  241. package/icons/flags/ve.svg +37 -0
  242. package/icons/flags/vg.svg +33 -0
  243. package/icons/flags/vi.svg +23 -0
  244. package/icons/flags/vn.svg +8 -0
  245. package/icons/flags/vu.svg +24 -0
  246. package/icons/flags/wf.svg +16 -0
  247. package/icons/flags/ws.svg +24 -0
  248. package/icons/flags/xk.svg +31 -0
  249. package/icons/flags/ye.svg +5 -0
  250. package/icons/flags/yt.svg +305 -0
  251. package/icons/flags/za.svg +24 -0
  252. package/icons/flags/zm.svg +10 -0
  253. package/icons/flags/zw.svg +27 -0
  254. package/package.json +1 -1
  255. package/palette/dark.css +8 -1
  256. package/palette/light.css +8 -1
  257. package/palette/mobile/dark.css +8 -1
  258. package/palette/mobile/light.css +8 -1
package/palette/light.css CHANGED
@@ -97,9 +97,11 @@
97
97
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии на cветлых фонах, не меняется при смене темы. */
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы. */
99
99
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); /* Бордеры и сепараторы на основных фонах */
100
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-5); /* Бледные бордеры и сепараторы на основных фонах */
100
101
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); /* Только для веба. Бордеры при наведении */
101
102
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
102
103
  --tui-border-normal-opaque-hover: var(--tui-const-cool-gray-lighter-85); /* Бордеры и сепараторы на основных фонах без прозрачности */
104
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-96); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
103
105
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); /* Только для веба. Бордеры при фокусировании с клавиатуры */
104
106
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
105
107
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -259,7 +261,8 @@
259
261
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
260
262
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
261
263
  --tui-const-black-alpha-12: #0000001F; /* 12% opacity */
262
- --tui-const-black-alpha-6: #00000014; /* 6% opacity */
264
+ --tui-const-black-alpha-7: #00000012; /* 7% opacity */
265
+ --tui-const-black-alpha-6: #0000000f; /* 6% opacity */
263
266
  --tui-const-black-alpha-4: #0000000A; /* 4% opacity */
264
267
  --tui-const-black-alpha-3: #00000008; /* 3% opacity */
265
268
  --tui-const-white-alpha-96: #FFFFFFF5; /* 96% opacity */
@@ -272,8 +275,10 @@
272
275
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
273
276
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
274
277
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
278
+ --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
275
279
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
276
280
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
281
+ --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
277
282
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
278
283
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
279
284
  --tui-const-black-lighter-7: #121212; /* N17 */
@@ -288,6 +293,7 @@
288
293
  --tui-const-black-lighter-25: #414141;
289
294
  --tui-const-black-lighter-30: #4D4D4D;
290
295
  --tui-const-black-lighter-79: #C9C9C9;
296
+ --tui-const-black-lighter-92: #ECECEC;
291
297
  --tui-const-cool-gray-lighter-36: #575B61;
292
298
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
293
299
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
@@ -302,6 +308,7 @@
302
308
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
303
309
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
304
310
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
311
+ --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
305
312
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
306
313
  --tui-const-purple: #D08FFF;
307
314
  --tui-const-purple-darker-72: #C277F8; /* hsL=72 */
package/palette/mobile/dark.css CHANGED
@@ -83,7 +83,9 @@
83
83
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
84
84
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
85
85
  --tui-border-normal: var(--tui-const-white-alpha-20); /* Бордеры и сепараторы на основных фонах */
86
+ --tui-border-normal-pale: var(--tui-const-white-alpha-16); /* Бледные бордеры и сепараторы на основных фонах */
86
87
  --tui-border-normal-opaque: var(--tui-const-black-lighter-20); /* Бордеры и сепараторы на основных фонах без прозрачности */
88
+ --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-16); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
87
89
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
88
90
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
89
91
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
@@ -240,7 +242,8 @@
240
242
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
241
243
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
242
244
  --tui-const-black-alpha-12: #0000001F; /* 12% opacity */
243
- --tui-const-black-alpha-6: #00000014; /* 6% opacity */
245
+ --tui-const-black-alpha-7: #00000012; /* 7% opacity */
246
+ --tui-const-black-alpha-6: #0000000f; /* 6% opacity */
244
247
  --tui-const-black-alpha-4: #0000000A; /* 4% opacity */
245
248
  --tui-const-black-alpha-3: #00000008; /* 3% opacity */
246
249
  --tui-const-white-alpha-96: #FFFFFFF5; /* 96% opacity */
@@ -253,8 +256,10 @@
253
256
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
254
257
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
255
258
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
259
+ --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
256
260
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
257
261
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
262
+ --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
258
263
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
259
264
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
260
265
  --tui-const-black-lighter-7: #121212; /* N17 */
@@ -269,6 +274,7 @@
269
274
  --tui-const-black-lighter-25: #414141;
270
275
  --tui-const-black-lighter-30: #4D4D4D;
271
276
  --tui-const-black-lighter-79: #C9C9C9;
277
+ --tui-const-black-lighter-92: #ECECEC;
272
278
  --tui-const-cool-gray-lighter-36: #575B61;
273
279
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
274
280
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
@@ -283,6 +289,7 @@
283
289
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
284
290
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
285
291
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
292
+ --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
286
293
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
287
294
  --tui-const-purple: #D08FFF;
288
295
  --tui-const-purple-darker-72: #C277F8; /* hsL=72 */
package/palette/mobile/light.css CHANGED
@@ -83,7 +83,9 @@
83
83
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
84
84
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
85
85
  --tui-border-normal: var(--tui-const-black-alpha-21); /* Бордеры и сепараторы на основных фонах */
86
+ --tui-border-normal-pale: var(--tui-const-black-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
86
87
  --tui-border-normal-opaque: var(--tui-const-black-lighter-79); /* Бордеры и сепараторы на основных фонах без прозрачности */
88
+ --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-92); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
87
89
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
88
90
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
89
91
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
@@ -240,7 +242,8 @@
240
242
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
241
243
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
242
244
  --tui-const-black-alpha-12: #0000001F; /* 12% opacity */
243
- --tui-const-black-alpha-6: #00000014; /* 6% opacity */
245
+ --tui-const-black-alpha-7: #00000012; /* 7% opacity */
246
+ --tui-const-black-alpha-6: #0000000f; /* 6% opacity */
244
247
  --tui-const-black-alpha-4: #0000000A; /* 4% opacity */
245
248
  --tui-const-black-alpha-3: #00000008; /* 3% opacity */
246
249
  --tui-const-white-alpha-96: #FFFFFFF5; /* 96% opacity */
@@ -253,8 +256,10 @@
253
256
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
254
257
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
255
258
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
259
+ --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
256
260
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
257
261
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
262
+ --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
258
263
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
259
264
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
260
265
  --tui-const-black-lighter-7: #121212; /* N17 */
@@ -269,6 +274,7 @@
269
274
  --tui-const-black-lighter-25: #414141;
270
275
  --tui-const-black-lighter-30: #4D4D4D;
271
276
  --tui-const-black-lighter-79: #C9C9C9;
277
+ --tui-const-black-lighter-92: #ECECEC;
272
278
  --tui-const-cool-gray-lighter-36: #575B61;
273
279
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
274
280
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
@@ -283,6 +289,7 @@
283
289
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
284
290
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
285
291
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
292
+ --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
286
293
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
287
294
  --tui-const-purple: #D08FFF;
288
295
  --tui-const-purple-darker-72: #C277F8; /* hsL=72 */