@taiga-ui/design-tokens 0.209.0 → 0.210.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
@@ -367,6 +367,7 @@
367
367
  --tui-const-black-lighter-22: #383838;
368
368
  --tui-const-black-lighter-25: #414141;
369
369
  --tui-const-black-lighter-30: #4D4D4D;
370
+ --tui-const-black-lighter-32: #525252;
370
371
  --tui-const-black-lighter-60: #999999;
371
372
  --tui-const-black-lighter-79: #C9C9C9;
372
373
  --tui-const-black-lighter-92: #ECECEC;
@@ -569,7 +570,7 @@
569
570
  --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме в вебе равен base
570
571
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
571
572
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на фоне elevation-1
572
- --tui-background-elevation-3: var(--tui-const-black-lighter-22); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
573
+ --tui-background-elevation-3: var(--tui-const-black-lighter-32); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
573
574
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
574
575
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
575
576
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы
@@ -932,6 +933,7 @@
932
933
  --tui-const-black-lighter-22: #383838;
933
934
  --tui-const-black-lighter-25: #414141;
934
935
  --tui-const-black-lighter-30: #4D4D4D;
936
+ --tui-const-black-lighter-32: #525252;
935
937
  --tui-const-black-lighter-60: #999999;
936
938
  --tui-const-black-lighter-79: #C9C9C9;
937
939
  --tui-const-black-lighter-92: #ECECEC;
package/angular/mobile.less CHANGED
@@ -9,7 +9,7 @@
9
9
  --tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон, в тёмной теме в вебе равен base
10
10
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
11
11
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); // Фон карточек, лежащих на фоне elevation-1
12
- --tui-background-elevation-3: var(--tui-const-black-lighter-20); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
12
+ --tui-background-elevation-3: var(--tui-const-black-lighter-30); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
13
13
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
14
14
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
15
15
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы
@@ -347,6 +347,7 @@
347
347
  --tui-const-black-lighter-22: #383838;
348
348
  --tui-const-black-lighter-25: #414141;
349
349
  --tui-const-black-lighter-30: #4D4D4D;
350
+ --tui-const-black-lighter-32: #525252;
350
351
  --tui-const-black-lighter-60: #999999;
351
352
  --tui-const-black-lighter-79: #C9C9C9;
352
353
  --tui-const-black-lighter-92: #ECECEC;
@@ -871,6 +872,7 @@
871
872
  --tui-const-black-lighter-22: #383838;
872
873
  --tui-const-black-lighter-25: #414141;
873
874
  --tui-const-black-lighter-30: #4D4D4D;
875
+ --tui-const-black-lighter-32: #525252;
874
876
  --tui-const-black-lighter-60: #999999;
875
877
  --tui-const-black-lighter-79: #C9C9C9;
876
878
  --tui-const-black-lighter-92: #ECECEC;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.209.0",
3
+ "version": "0.210.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-13); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-22); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-32); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -366,6 +366,7 @@
366
366
  --tui-const-black-lighter-22: #383838;
367
367
  --tui-const-black-lighter-25: #414141;
368
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
369
370
  --tui-const-black-lighter-60: #999999;
370
371
  --tui-const-black-lighter-79: #C9C9C9;
371
372
  --tui-const-black-lighter-92: #ECECEC;
package/palette/light.css CHANGED
@@ -366,6 +366,7 @@
366
366
  --tui-const-black-lighter-22: #383838;
367
367
  --tui-const-black-lighter-25: #414141;
368
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
369
370
  --tui-const-black-lighter-60: #999999;
370
371
  --tui-const-black-lighter-79: #C9C9C9;
371
372
  --tui-const-black-lighter-92: #ECECEC;
package/palette/mobile/dark.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-20); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-20); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-30); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -341,6 +341,7 @@
341
341
  --tui-const-black-lighter-22: #383838;
342
342
  --tui-const-black-lighter-25: #414141;
343
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
344
345
  --tui-const-black-lighter-60: #999999;
345
346
  --tui-const-black-lighter-79: #C9C9C9;
346
347
  --tui-const-black-lighter-92: #ECECEC;
package/palette/mobile/light.css CHANGED
@@ -341,6 +341,7 @@
341
341
  --tui-const-black-lighter-22: #383838;
342
342
  --tui-const-black-lighter-25: #414141;
343
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
344
345
  --tui-const-black-lighter-60: #999999;
345
346
  --tui-const-black-lighter-79: #C9C9C9;
346
347
  --tui-const-black-lighter-92: #ECECEC;
package/palette/scss/dark.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-13); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-22); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-32); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -366,6 +366,7 @@
366
366
  --tui-const-black-lighter-22: #383838;
367
367
  --tui-const-black-lighter-25: #414141;
368
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
369
370
  --tui-const-black-lighter-60: #999999;
370
371
  --tui-const-black-lighter-79: #C9C9C9;
371
372
  --tui-const-black-lighter-92: #ECECEC;
package/palette/scss/light.scss CHANGED
@@ -366,6 +366,7 @@
366
366
  --tui-const-black-lighter-22: #383838;
367
367
  --tui-const-black-lighter-25: #414141;
368
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
369
370
  --tui-const-black-lighter-60: #999999;
370
371
  --tui-const-black-lighter-79: #C9C9C9;
371
372
  --tui-const-black-lighter-92: #ECECEC;
package/palette/scss/mobile/dark.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-20); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-20); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-30); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -341,6 +341,7 @@
341
341
  --tui-const-black-lighter-22: #383838;
342
342
  --tui-const-black-lighter-25: #414141;
343
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
344
345
  --tui-const-black-lighter-60: #999999;
345
346
  --tui-const-black-lighter-79: #C9C9C9;
346
347
  --tui-const-black-lighter-92: #ECECEC;
package/palette/scss/mobile/light.scss CHANGED
@@ -341,6 +341,7 @@
341
341
  --tui-const-black-lighter-22: #383838;
342
342
  --tui-const-black-lighter-25: #414141;
343
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
344
345
  --tui-const-black-lighter-60: #999999;
345
346
  --tui-const-black-lighter-79: #C9C9C9;
346
347
  --tui-const-black-lighter-92: #ECECEC;