@taiga-ui/design-tokens 0.208.0 → 0.209.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 +3 -1
  2. package/angular/mobile.less +3 -1
  3. package/package.json +1 -1
  4. package/palette/dark.css +2 -1
  5. package/palette/light.css +1 -0
  6. package/palette/mobile/dark.css +2 -1
  7. package/palette/mobile/light.css +1 -0
  8. package/palette/scss/dark.scss +2 -1
  9. package/palette/scss/light.scss +1 -0
  10. package/palette/scss/mobile/dark.scss +2 -1
  11. package/palette/scss/mobile/light.scss +1 -0
package/angular/desktop.less CHANGED
@@ -199,6 +199,7 @@
199
199
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
200
200
  --tui-const-yellow-darker-32: #806925; // hsL=32
201
201
  --tui-const-yellow-darker-26: #614F23; // hsL=26
202
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
202
203
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
203
204
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
204
205
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -763,6 +764,7 @@
763
764
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
764
765
  --tui-const-yellow-darker-32: #806925; // hsL=32
765
766
  --tui-const-yellow-darker-26: #614F23; // hsL=26
767
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
766
768
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
767
769
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
768
770
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -1023,7 +1025,7 @@
1023
1025
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
1024
1026
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
1025
1027
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
1026
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
1028
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
1027
1029
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
1028
1030
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
1029
1031
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
package/angular/mobile.less CHANGED
@@ -179,6 +179,7 @@
179
179
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
180
180
  --tui-const-yellow-darker-32: #806925; // hsL=32
181
181
  --tui-const-yellow-darker-26: #614F23; // hsL=26
182
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
182
183
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
183
184
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
184
185
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -437,7 +438,7 @@
437
438
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
438
439
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
439
440
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
440
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
441
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
441
442
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
442
443
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
443
444
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -702,6 +703,7 @@
702
703
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
703
704
  --tui-const-yellow-darker-32: #806925; // hsL=32
704
705
  --tui-const-yellow-darker-26: #614F23; // hsL=26
706
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
705
707
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
706
708
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
707
709
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.208.0",
3
+ "version": "0.209.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -458,7 +459,7 @@
458
459
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
459
460
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
460
461
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
461
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
462
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
462
463
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
463
464
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
464
465
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/light.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
package/palette/mobile/dark.css CHANGED
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -431,7 +432,7 @@
431
432
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
432
433
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
433
434
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
434
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
435
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
435
436
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
436
437
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
437
438
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/mobile/light.css CHANGED
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
package/palette/scss/dark.scss CHANGED
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -458,7 +459,7 @@
458
459
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
459
460
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
460
461
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
461
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
462
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
462
463
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
463
464
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
464
465
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/scss/light.scss CHANGED
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
package/palette/scss/mobile/dark.scss CHANGED
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -431,7 +432,7 @@
431
432
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
432
433
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
433
434
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
434
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
435
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
435
436
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
436
437
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
437
438
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/scss/mobile/light.scss CHANGED
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */