@taiga-ui/design-tokens 0.100.0 → 0.103.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 +6 -0
  2. package/angular/mobile.less +4 -0
  3. package/package.json +1 -1
  4. package/palette/dark.css +3 -0
  5. package/palette/light.css +3 -0
  6. package/palette/mobile/dark.css +2 -0
  7. package/palette/mobile/light.css +2 -0
package/angular/desktop.less CHANGED
@@ -175,6 +175,7 @@
175
175
  --tui-const-yellow-darker-88: #FFF5C2;
176
176
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
177
177
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
178
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
178
179
  --tui-const-yellow-darker-32: #806925; // hsL=32
179
180
  --tui-const-yellow-darker-26: #614F23; // hsL=26
180
181
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -456,6 +457,8 @@
456
457
  --tui-text-positive-hover: var(--tui-const-green); // Только для веба. Текст позитивного лейбла при нажатии
457
458
  --tui-text-negative: var(--tui-const-red-lighter-62); // Текст негативного лейбла, например падение цены акций или ошибка
458
459
  --tui-text-negative-hover: var(--tui-const-red); // Только для веба. Текст негативного лейбла при наведении на вебе
460
+ --tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
461
+ --tui-text-warning-hover: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки при наведении на вебе
459
462
  }
460
463
 
461
464
  &:root,
@@ -630,6 +633,7 @@
630
633
  --tui-const-yellow-darker-88: #FFF5C2;
631
634
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
632
635
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
636
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
633
637
  --tui-const-yellow-darker-32: #806925; // hsL=32
634
638
  --tui-const-yellow-darker-26: #614F23; // hsL=26
635
639
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -911,6 +915,8 @@
911
915
  --tui-text-positive-hover: var(--tui-const-green-darker-21); // Только для веба. Текст позитивного лейбла при нажатии
912
916
  --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
913
917
  --tui-text-negative-hover: var(--tui-const-red-darker-32); // Только для веба. Текст негативного лейбла при наведении на вебе
918
+ --tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки
919
+ --tui-text-warning-hover: var(--tui-const-yellow-darker-26); // Предупреждающие текст и иконки при наведении на вебе
914
920
  --tui-shadow-small: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); // Тень для мелких элементов интерфейса, например Chips
915
921
  --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.14);
916
922
  --tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); // Тень для карточек и других больших объектов, например тултипов
package/angular/mobile.less CHANGED
@@ -162,6 +162,7 @@
162
162
  --tui-const-yellow-darker-88: #FFF5C2;
163
163
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
164
164
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
165
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
165
166
  --tui-const-yellow-darker-32: #806925; // hsL=32
166
167
  --tui-const-yellow-darker-26: #614F23; // hsL=26
167
168
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -430,6 +431,7 @@
430
431
  --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed
431
432
  --tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
432
433
  --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
434
+ --tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
433
435
  }
434
436
 
435
437
 
@@ -592,6 +594,7 @@
592
594
  --tui-const-yellow-darker-88: #FFF5C2;
593
595
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
594
596
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
597
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
595
598
  --tui-const-yellow-darker-32: #806925; // hsL=32
596
599
  --tui-const-yellow-darker-26: #614F23; // hsL=26
597
600
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -860,4 +863,5 @@
860
863
  --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed
861
864
  --tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
862
865
  --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
866
+ --tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки
863
867
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.100.0",
3
+ "version": "0.103.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -175,6 +175,7 @@
175
175
  --tui-const-yellow-darker-88: #FFF5C2;
176
176
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
177
177
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
178
+ --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
178
179
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
179
180
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
180
181
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
@@ -456,4 +457,6 @@
456
457
  --tui-text-positive-hover: var(--tui-const-green); /* Только для веба. Текст позитивного лейбла при нажатии */
457
458
  --tui-text-negative: var(--tui-const-red-lighter-62); /* Текст негативного лейбла, например падение цены акций или ошибка */
458
459
  --tui-text-negative-hover: var(--tui-const-red); /* Только для веба. Текст негативного лейбла при наведении на вебе */
460
+ --tui-text-warning: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки */
461
+ --tui-text-warning-hover: var(--tui-const-yellow-darker-48); /* Предупреждающие текст и иконки при наведении на вебе */
459
462
  }
package/palette/light.css CHANGED
@@ -175,6 +175,7 @@
175
175
  --tui-const-yellow-darker-88: #FFF5C2;
176
176
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
177
177
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
178
+ --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
178
179
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
179
180
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
180
181
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
@@ -456,4 +457,6 @@
456
457
  --tui-text-positive-hover: var(--tui-const-green-darker-21); /* Только для веба. Текст позитивного лейбла при нажатии */
457
458
  --tui-text-negative: var(--tui-const-red); /* Текст негативного лейбла, например падение цены акций или ошибка */
458
459
  --tui-text-negative-hover: var(--tui-const-red-darker-32); /* Только для веба. Текст негативного лейбла при наведении на вебе */
460
+ --tui-text-warning: var(--tui-const-yellow-darker-48); /* Предупреждающие текст и иконки */
461
+ --tui-text-warning-hover: var(--tui-const-yellow-darker-26); /* Предупреждающие текст и иконки при наведении на вебе */
459
462
  }
package/palette/mobile/dark.css CHANGED
@@ -156,6 +156,7 @@
156
156
  --tui-const-yellow-darker-88: #FFF5C2;
157
157
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
158
158
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
159
+ --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
159
160
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
160
161
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
161
162
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
@@ -424,4 +425,5 @@
424
425
  --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет accent-pressed */
425
426
  --tui-text-positive: var(--tui-const-green); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
426
427
  --tui-text-negative: var(--tui-const-red); /* Текст негативного лейбла, например падение цены акций или ошибка */
428
+ --tui-text-warning: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки */
427
429
  }
package/palette/mobile/light.css CHANGED
@@ -156,6 +156,7 @@
156
156
  --tui-const-yellow-darker-88: #FFF5C2;
157
157
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
158
158
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
159
+ --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
159
160
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
160
161
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
161
162
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
@@ -424,4 +425,5 @@
424
425
  --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет accent-pressed */
425
426
  --tui-text-positive: var(--tui-const-green); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
426
427
  --tui-text-negative: var(--tui-const-red); /* Текст негативного лейбла, например падение цены акций или ошибка */
428
+ --tui-text-warning: var(--tui-const-yellow-darker-48); /* Предупреждающие текст и иконки */
427
429
  }