@taiga-ui/design-tokens 0.244.0 → 0.245.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 (11) hide show
  1. package/angular/desktop.less +4 -0
  2. package/angular/mobile.less +6 -2
  3. package/package.json +1 -1
  4. package/palette/dark.css +2 -0
  5. package/palette/light.css +2 -0
  6. package/palette/mobile/dark.css +3 -1
  7. package/palette/mobile/light.css +3 -1
  8. package/palette/scss/dark.scss +2 -0
  9. package/palette/scss/light.scss +2 -0
  10. package/palette/scss/mobile/dark.scss +3 -1
  11. package/palette/scss/mobile/light.scss +3 -1
package/angular/desktop.less CHANGED
@@ -398,11 +398,13 @@
398
398
  --tui-const-black-lighter-25: #414141;
399
399
  --tui-const-black-lighter-30: #4D4D4D;
400
400
  --tui-const-black-lighter-32: #525252;
401
+ --tui-const-black-lighter-55: #8C8C8C;
401
402
  --tui-const-black-lighter-60: #999999;
402
403
  --tui-const-black-lighter-79: #C9C9C9;
403
404
  --tui-const-black-lighter-92: #ECECEC;
404
405
  --tui-const-black-lighter-13-alpha-80: #202020CC;
405
406
  --tui-const-cool-gray-lighter-36: #575B61;
407
+ --tui-const-cool-gray-lighter-55: #838B95;
406
408
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
407
409
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
408
410
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -993,11 +995,13 @@
993
995
  --tui-const-black-lighter-25: #414141;
994
996
  --tui-const-black-lighter-30: #4D4D4D;
995
997
  --tui-const-black-lighter-32: #525252;
998
+ --tui-const-black-lighter-55: #8C8C8C;
996
999
  --tui-const-black-lighter-60: #999999;
997
1000
  --tui-const-black-lighter-79: #C9C9C9;
998
1001
  --tui-const-black-lighter-92: #ECECEC;
999
1002
  --tui-const-black-lighter-13-alpha-80: #202020CC;
1000
1003
  --tui-const-cool-gray-lighter-36: #575B61;
1004
+ --tui-const-cool-gray-lighter-55: #838B95;
1001
1005
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
1002
1006
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
1003
1007
  --tui-const-cool-gray-lighter-85: #C7CBCF;
package/angular/mobile.less CHANGED
@@ -378,11 +378,13 @@
378
378
  --tui-const-black-lighter-25: #414141;
379
379
  --tui-const-black-lighter-30: #4D4D4D;
380
380
  --tui-const-black-lighter-32: #525252;
381
+ --tui-const-black-lighter-55: #8C8C8C;
381
382
  --tui-const-black-lighter-60: #999999;
382
383
  --tui-const-black-lighter-79: #C9C9C9;
383
384
  --tui-const-black-lighter-92: #ECECEC;
384
385
  --tui-const-black-lighter-13-alpha-80: #202020CC;
385
386
  --tui-const-cool-gray-lighter-36: #575B61;
387
+ --tui-const-cool-gray-lighter-55: #838B95;
386
388
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
387
389
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
388
390
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -487,7 +489,7 @@
487
489
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
488
490
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
489
491
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
490
- --tui-status-neutral: var(--tui-const-white-alpha-50); // Акцентный цвет для нейтральных фонах
492
+ --tui-status-neutral: var(--tui-const-black-lighter-55); // Акцентный цвет для нейтральных фонах
491
493
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
492
494
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
493
495
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
@@ -933,11 +935,13 @@
933
935
  --tui-const-black-lighter-25: #414141;
934
936
  --tui-const-black-lighter-30: #4D4D4D;
935
937
  --tui-const-black-lighter-32: #525252;
938
+ --tui-const-black-lighter-55: #8C8C8C;
936
939
  --tui-const-black-lighter-60: #999999;
937
940
  --tui-const-black-lighter-79: #C9C9C9;
938
941
  --tui-const-black-lighter-92: #ECECEC;
939
942
  --tui-const-black-lighter-13-alpha-80: #202020CC;
940
943
  --tui-const-cool-gray-lighter-36: #575B61;
944
+ --tui-const-cool-gray-lighter-55: #838B95;
941
945
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
942
946
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
943
947
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -1042,7 +1046,7 @@
1042
1046
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
1043
1047
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
1044
1048
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
1045
- --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); // Акцентный цвет для нейтральных фонах
1049
+ --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); // Акцентный цвет для нейтральных фонах
1046
1050
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
1047
1051
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
1048
1052
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.244.0",
3
+ "version": "0.245.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -397,11 +397,13 @@
397
397
  --tui-const-black-lighter-25: #414141;
398
398
  --tui-const-black-lighter-30: #4D4D4D;
399
399
  --tui-const-black-lighter-32: #525252;
400
+ --tui-const-black-lighter-55: #8C8C8C;
400
401
  --tui-const-black-lighter-60: #999999;
401
402
  --tui-const-black-lighter-79: #C9C9C9;
402
403
  --tui-const-black-lighter-92: #ECECEC;
403
404
  --tui-const-black-lighter-13-alpha-80: #202020CC;
404
405
  --tui-const-cool-gray-lighter-36: #575B61;
406
+ --tui-const-cool-gray-lighter-55: #838B95;
405
407
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
406
408
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
407
409
  --tui-const-cool-gray-lighter-85: #C7CBCF;
package/palette/light.css CHANGED
@@ -397,11 +397,13 @@
397
397
  --tui-const-black-lighter-25: #414141;
398
398
  --tui-const-black-lighter-30: #4D4D4D;
399
399
  --tui-const-black-lighter-32: #525252;
400
+ --tui-const-black-lighter-55: #8C8C8C;
400
401
  --tui-const-black-lighter-60: #999999;
401
402
  --tui-const-black-lighter-79: #C9C9C9;
402
403
  --tui-const-black-lighter-92: #ECECEC;
403
404
  --tui-const-black-lighter-13-alpha-80: #202020CC;
404
405
  --tui-const-cool-gray-lighter-36: #575B61;
406
+ --tui-const-cool-gray-lighter-55: #838B95;
405
407
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
406
408
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
407
409
  --tui-const-cool-gray-lighter-85: #C7CBCF;
package/palette/mobile/dark.css CHANGED
@@ -373,11 +373,13 @@
373
373
  --tui-const-black-lighter-25: #414141;
374
374
  --tui-const-black-lighter-30: #4D4D4D;
375
375
  --tui-const-black-lighter-32: #525252;
376
+ --tui-const-black-lighter-55: #8C8C8C;
376
377
  --tui-const-black-lighter-60: #999999;
377
378
  --tui-const-black-lighter-79: #C9C9C9;
378
379
  --tui-const-black-lighter-92: #ECECEC;
379
380
  --tui-const-black-lighter-13-alpha-80: #202020CC;
380
381
  --tui-const-cool-gray-lighter-36: #575B61;
382
+ --tui-const-cool-gray-lighter-55: #838B95;
381
383
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
382
384
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
383
385
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -482,7 +484,7 @@
482
484
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
484
486
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
485
- --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
487
+ --tui-status-neutral: var(--tui-const-black-lighter-55); /* Акцентный цвет для нейтральных фонах */
486
488
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
487
489
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
488
490
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
package/palette/mobile/light.css CHANGED
@@ -373,11 +373,13 @@
373
373
  --tui-const-black-lighter-25: #414141;
374
374
  --tui-const-black-lighter-30: #4D4D4D;
375
375
  --tui-const-black-lighter-32: #525252;
376
+ --tui-const-black-lighter-55: #8C8C8C;
376
377
  --tui-const-black-lighter-60: #999999;
377
378
  --tui-const-black-lighter-79: #C9C9C9;
378
379
  --tui-const-black-lighter-92: #ECECEC;
379
380
  --tui-const-black-lighter-13-alpha-80: #202020CC;
380
381
  --tui-const-cool-gray-lighter-36: #575B61;
382
+ --tui-const-cool-gray-lighter-55: #838B95;
381
383
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
382
384
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
383
385
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -482,7 +484,7 @@
482
484
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
484
486
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
485
- --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); /* Акцентный цвет для нейтральных фонах */
487
+ --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); /* Акцентный цвет для нейтральных фонах */
486
488
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
487
489
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
488
490
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
package/palette/scss/dark.scss CHANGED
@@ -396,11 +396,13 @@
396
396
  --tui-const-black-lighter-25: #414141;
397
397
  --tui-const-black-lighter-30: #4D4D4D;
398
398
  --tui-const-black-lighter-32: #525252;
399
+ --tui-const-black-lighter-55: #8C8C8C;
399
400
  --tui-const-black-lighter-60: #999999;
400
401
  --tui-const-black-lighter-79: #C9C9C9;
401
402
  --tui-const-black-lighter-92: #ECECEC;
402
403
  --tui-const-black-lighter-13-alpha-80: #202020CC;
403
404
  --tui-const-cool-gray-lighter-36: #575B61;
405
+ --tui-const-cool-gray-lighter-55: #838B95;
404
406
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
405
407
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
406
408
  --tui-const-cool-gray-lighter-85: #C7CBCF;
package/palette/scss/light.scss CHANGED
@@ -396,11 +396,13 @@
396
396
  --tui-const-black-lighter-25: #414141;
397
397
  --tui-const-black-lighter-30: #4D4D4D;
398
398
  --tui-const-black-lighter-32: #525252;
399
+ --tui-const-black-lighter-55: #8C8C8C;
399
400
  --tui-const-black-lighter-60: #999999;
400
401
  --tui-const-black-lighter-79: #C9C9C9;
401
402
  --tui-const-black-lighter-92: #ECECEC;
402
403
  --tui-const-black-lighter-13-alpha-80: #202020CC;
403
404
  --tui-const-cool-gray-lighter-36: #575B61;
405
+ --tui-const-cool-gray-lighter-55: #838B95;
404
406
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
405
407
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
406
408
  --tui-const-cool-gray-lighter-85: #C7CBCF;
package/palette/scss/mobile/dark.scss CHANGED
@@ -372,11 +372,13 @@
372
372
  --tui-const-black-lighter-25: #414141;
373
373
  --tui-const-black-lighter-30: #4D4D4D;
374
374
  --tui-const-black-lighter-32: #525252;
375
+ --tui-const-black-lighter-55: #8C8C8C;
375
376
  --tui-const-black-lighter-60: #999999;
376
377
  --tui-const-black-lighter-79: #C9C9C9;
377
378
  --tui-const-black-lighter-92: #ECECEC;
378
379
  --tui-const-black-lighter-13-alpha-80: #202020CC;
379
380
  --tui-const-cool-gray-lighter-36: #575B61;
381
+ --tui-const-cool-gray-lighter-55: #838B95;
380
382
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
381
383
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
382
384
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -481,7 +483,7 @@
481
483
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
482
484
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
484
- --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
486
+ --tui-status-neutral: var(--tui-const-black-lighter-55); /* Акцентный цвет для нейтральных фонах */
485
487
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
486
488
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
487
489
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
package/palette/scss/mobile/light.scss CHANGED
@@ -372,11 +372,13 @@
372
372
  --tui-const-black-lighter-25: #414141;
373
373
  --tui-const-black-lighter-30: #4D4D4D;
374
374
  --tui-const-black-lighter-32: #525252;
375
+ --tui-const-black-lighter-55: #8C8C8C;
375
376
  --tui-const-black-lighter-60: #999999;
376
377
  --tui-const-black-lighter-79: #C9C9C9;
377
378
  --tui-const-black-lighter-92: #ECECEC;
378
379
  --tui-const-black-lighter-13-alpha-80: #202020CC;
379
380
  --tui-const-cool-gray-lighter-36: #575B61;
381
+ --tui-const-cool-gray-lighter-55: #838B95;
380
382
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
381
383
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
382
384
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -481,7 +483,7 @@
481
483
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
482
484
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
484
- --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); /* Акцентный цвет для нейтральных фонах */
486
+ --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); /* Акцентный цвет для нейтральных фонах */
485
487
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
486
488
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
487
489
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */