@taiga-ui/design-tokens 0.107.0 → 0.108.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 (7) hide show
  1. package/angular/desktop.less +9 -5
  2. package/angular/mobile.less +8 -4
  3. package/package.json +1 -1
  4. package/palette/dark.css +5 -3
  5. package/palette/light.css +4 -2
  6. package/palette/mobile/dark.css +4 -2
  7. package/palette/mobile/light.css +4 -2
package/angular/desktop.less CHANGED
@@ -333,7 +333,9 @@
333
333
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
334
334
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
335
335
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
336
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
336
337
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
338
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
337
339
  --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
338
340
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
339
341
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
@@ -404,9 +406,9 @@
404
406
  --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); // Только для веба. Контейнеры информационных блоков при наведении
405
407
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
406
408
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-61); // Акцентный цвет для нейтральных фонах
407
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); // Фоновый контейнер нейтральных статусных блоков
408
- --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при наведении
409
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-40); // Фоновый контейнер нейтральных статусных блоков при нажатии
409
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
410
+ --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
411
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
410
412
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
411
413
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
412
414
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
@@ -797,7 +799,9 @@
797
799
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
798
800
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
799
801
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
802
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
800
803
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
804
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
801
805
  --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
802
806
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
803
807
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
@@ -868,9 +872,9 @@
868
872
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); // Только для веба. Контейнеры информационных блоков при наведении
869
873
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
870
874
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-51); // Акцентный цвет для нейтральных фонах
871
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков
875
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
872
876
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при наведении
873
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-22); // Фоновый контейнер нейтральных статусных блоков при нажатии
877
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
874
878
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
875
879
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
876
880
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
package/angular/mobile.less CHANGED
@@ -320,7 +320,9 @@
320
320
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
321
321
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
322
322
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
323
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
323
324
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
325
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
324
326
  --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
325
327
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
326
328
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
@@ -385,8 +387,8 @@
385
387
  --tui-status-info-pale: var(--tui-const-blue-darker-28); // Контейнеры информационных блоков
386
388
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
387
389
  --tui-status-neutral: var(--tui-const-white-alpha-50); // Акцентный цвет для нейтральных фонах
388
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); // Фоновый контейнер нейтральных статусных блоков
389
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-20); // Фоновый контейнер нейтральных статусных блоков при нажатии
390
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
391
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
390
392
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
391
393
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
392
394
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
@@ -758,7 +760,9 @@
758
760
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
759
761
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
760
762
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
763
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
761
764
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
765
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
762
766
  --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
763
767
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
764
768
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
@@ -823,8 +827,8 @@
823
827
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
824
828
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
825
829
  --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); // Акцентный цвет для нейтральных фонах
826
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков
827
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при нажатии
830
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
831
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
828
832
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
829
833
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
830
834
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.107.0",
3
+ "version": "0.108.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -333,7 +333,9 @@
333
333
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
334
334
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
335
335
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
336
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
336
337
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
338
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
337
339
  --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
338
340
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
339
341
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
@@ -404,9 +406,9 @@
404
406
  --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); /* Только для веба. Контейнеры информационных блоков при наведении */
405
407
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
406
408
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-61); /* Акцентный цвет для нейтральных фонах */
407
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); /* Фоновый контейнер нейтральных статусных блоков */
408
- --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при наведении */
409
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-40); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
409
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
410
+ --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
411
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
410
412
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
411
413
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
412
414
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
package/palette/light.css CHANGED
@@ -333,7 +333,9 @@
333
333
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
334
334
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
335
335
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
336
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
336
337
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
338
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
337
339
  --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
338
340
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
339
341
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
@@ -404,9 +406,9 @@
404
406
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); /* Только для веба. Контейнеры информационных блоков при наведении */
405
407
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
406
408
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-51); /* Акцентный цвет для нейтральных фонах */
407
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков */
409
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
408
410
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при наведении */
409
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-22); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
411
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
410
412
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
411
413
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
412
414
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
package/palette/mobile/dark.css CHANGED
@@ -314,7 +314,9 @@
314
314
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
315
315
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
316
316
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
317
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
317
318
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
319
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
318
320
  --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
319
321
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
320
322
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
@@ -379,8 +381,8 @@
379
381
  --tui-status-info-pale: var(--tui-const-blue-darker-28); /* Контейнеры информационных блоков */
380
382
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
381
383
  --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
382
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); /* Фоновый контейнер нейтральных статусных блоков */
383
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-20); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
384
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
385
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
384
386
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
385
387
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
386
388
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
package/palette/mobile/light.css CHANGED
@@ -314,7 +314,9 @@
314
314
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
315
315
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
316
316
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
317
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
317
318
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
319
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
318
320
  --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
319
321
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
320
322
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
@@ -379,8 +381,8 @@
379
381
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); /* Контейнеры информационных блоков */
380
382
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
381
383
  --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); /* Акцентный цвет для нейтральных фонах */
382
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков */
383
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
384
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
385
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
384
386
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
385
387
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
386
388
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */