@taiga-ui/design-tokens 0.84.0 → 0.86.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 +10 -2
  2. package/angular/mobile.less +24 -16
  3. package/package.json +1 -1
  4. package/palette/dark.css +5 -1
  5. package/palette/light.css +5 -1
  6. package/palette/mobile/dark.css +5 -1
  7. package/palette/mobile/light.css +5 -1
package/angular/desktop.less CHANGED
@@ -170,7 +170,9 @@
170
170
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
171
171
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
172
172
  --tui-component-tab-bar-background-ios: #1A1A1DB3; // Цвет фона для имитации системного таббара iOS
173
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
173
174
  --tui-const-yellow: #FFDD2D; // N9
175
+ --tui-const-yellow-darker-88: #FFF5C2;
174
176
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
175
177
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
176
178
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -373,9 +375,11 @@
373
375
  --tui-icon-action-hover: var(--tui-const-blue); // @Deprecated: Для иконок используем цвета из группы text
374
376
  --tui-icon-action-pressed: var(--tui-const-blue-darker-52); // @Deprecated: Для иконок используем цвета из группы text
375
377
  --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text
378
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-26); // Цвет фона при автозаполнении форм
376
379
  --tui-service-skeleton: var(--tui-const-white-alpha-10); // Цвет для шиммеров, отображаемых при загрузке экрана
377
380
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы
378
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); // Фон под выделенным пользователем текстом
381
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
382
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
379
383
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
380
384
  --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
381
385
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
@@ -621,7 +625,9 @@
621
625
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
622
626
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
623
627
  --tui-component-tab-bar-background-ios: #F6F7F8CC; // Цвет фона для имитации системного таббара iOS
628
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
624
629
  --tui-const-yellow: #FFDD2D; // N9
630
+ --tui-const-yellow-darker-88: #FFF5C2;
625
631
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
626
632
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
627
633
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -824,9 +830,11 @@
824
830
  --tui-icon-action-hover: var(--tui-const-blue-darker-40); // @Deprecated: Для иконок используем цвета из группы text
825
831
  --tui-icon-action-pressed: var(--tui-const-blue-darker-32); // @Deprecated: Для иконок используем цвета из группы text
826
832
  --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text
833
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-88); // Цвет фона при автозаполнении форм
827
834
  --tui-service-skeleton: var(--tui-const-black-alpha-6); // Цвет для шиммеров, отображаемых при загрузке экрана
828
835
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы
829
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); // Фон под выделенным пользователем текстом
836
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
837
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
830
838
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
831
839
  --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
832
840
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // Подчеркивание для монохромных ссылок
package/angular/mobile.less CHANGED
@@ -5,12 +5,12 @@
5
5
  * DO NOT CHANGE THIS FILE. AUTOGENERATED.
6
6
  */
7
7
 
8
- [tuiPlatform='ios'][tuiTheme='dark'],
9
- [tuiPlatform='android'][tuiTheme='dark'],
10
- [tuiPlatform='ios'] [tuiTheme='dark'],
11
- [tuiPlatform='android'] [tuiTheme='dark'],
12
- [tuiTheme='dark'] [tuiPlatform='ios'],
13
- [tuiTheme='dark'] [tuiPlatform='android'] {
8
+ [data-platform='ios'][tuiTheme='dark'],
9
+ [data-platform='android'][tuiTheme='dark'],
10
+ [data-platform='ios'] [tuiTheme='dark'],
11
+ [data-platform='android'] [tuiTheme='dark'],
12
+ [tuiTheme='dark'] [data-platform='ios'],
13
+ [tuiTheme='dark'] [data-platform='android'] {
14
14
  --tui-background-base: var(--tui-const-black); // Основной фон приложений. Отличается на iOS, Android и Desktop
15
15
  --tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон
16
16
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на фонe base
@@ -157,7 +157,9 @@
157
157
  --tui-chart-categorical-25: var(--tui-const-green-lighter-64);
158
158
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
159
159
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
160
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
160
161
  --tui-const-yellow: #FFDD2D; // N9
162
+ --tui-const-yellow-darker-88: #FFF5C2;
161
163
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
162
164
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
163
165
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -358,9 +360,11 @@
358
360
  --tui-icon-action: var(--tui-const-blue); // @Deprecated: Для иконок используем цвета из группы text
359
361
  --tui-icon-action-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Для иконок используем цвета из группы text
360
362
  --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text
363
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-26); // Цвет фона при автозаполнении форм
361
364
  --tui-service-skeleton: var(--tui-const-white-alpha-10); // Цвет для шиммеров, отображаемых при загрузке экрана
362
365
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-10); // Скелетон на темном фоне, не меняется при переключении темы
363
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); // Фон под выделенным пользователем текстом
366
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
367
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
364
368
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
365
369
  --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
366
370
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
@@ -429,14 +433,14 @@
429
433
  }
430
434
 
431
435
 
432
- [tuiPlatform='ios'],
433
- [tuiPlatform='android'],
434
- [tuiPlatform='ios'][tuiTheme='light'],
435
- [tuiPlatform='android'][tuiTheme='light'],
436
- [tuiPlatform='ios'] [tuiTheme='light'],
437
- [tuiPlatform='android'] [tuiTheme='light'],
438
- [tuiTheme='light'] [tuiPlatform='ios'],
439
- [tuiTheme='light'] [tuiPlatform='android'] {
436
+ [data-platform='ios'],
437
+ [data-platform='android'],
438
+ [data-platform='ios'][tuiTheme='light'],
439
+ [data-platform='android'][tuiTheme='light'],
440
+ [data-platform='ios'] [tuiTheme='light'],
441
+ [data-platform='android'] [tuiTheme='light'],
442
+ [tuiTheme='light'] [data-platform='ios'],
443
+ [tuiTheme='light'] [data-platform='android'] {
440
444
  --tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
441
445
  --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон
442
446
  --tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фонe base
@@ -583,7 +587,9 @@
583
587
  --tui-chart-categorical-25: var(--tui-const-green-lighter-64);
584
588
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
585
589
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
590
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
586
591
  --tui-const-yellow: #FFDD2D; // N9
592
+ --tui-const-yellow-darker-88: #FFF5C2;
587
593
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
588
594
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
589
595
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -784,9 +790,11 @@
784
790
  --tui-icon-action: var(--tui-const-blue); // @Deprecated: Для иконок используем цвета из группы text
785
791
  --tui-icon-action-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Для иконок используем цвета из группы text
786
792
  --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text
793
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-88); // Цвет фона при автозаполнении форм
787
794
  --tui-service-skeleton: var(--tui-const-black-alpha-3); // Цвет для шиммеров, отображаемых при загрузке экрана
788
795
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-10); // Скелетон на темном фоне, не меняется при переключении темы
789
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); // Фон под выделенным пользователем текстом
796
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
797
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
790
798
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
791
799
  --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
792
800
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // Подчеркивание для монохромных ссылок
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.84.0",
3
+ "version": "0.86.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -170,7 +170,9 @@
170
170
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
171
171
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
172
172
  --tui-component-tab-bar-background-ios: #1A1A1DB3; /* Цвет фона для имитации системного таббара iOS */
173
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); /* @Deprecated: Заменён на service.autofill-background */
173
174
  --tui-const-yellow: #FFDD2D; /* N9 */
175
+ --tui-const-yellow-darker-88: #FFF5C2;
174
176
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
175
177
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
176
178
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
@@ -373,9 +375,11 @@
373
375
  --tui-icon-action-hover: var(--tui-const-blue); /* @Deprecated: Для иконок используем цвета из группы text */
374
376
  --tui-icon-action-pressed: var(--tui-const-blue-darker-52); /* @Deprecated: Для иконок используем цвета из группы text */
375
377
  --tui-icon-on-dark: var(--tui-const-white); /* @Deprecated: Для иконок используем цвета из группы text */
378
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-26); /* Цвет фона при автозаполнении форм */
376
379
  --tui-service-skeleton: var(--tui-const-white-alpha-10); /* Цвет для шиммеров, отображаемых при загрузке экрана */
377
380
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); /* Скелетон на темном фоне, не меняется при переключении темы */
378
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* Фон под выделенным пользователем текстом */
381
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
382
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
379
383
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
380
384
  --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
381
385
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
package/palette/light.css CHANGED
@@ -170,7 +170,9 @@
170
170
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
171
171
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
172
172
  --tui-component-tab-bar-background-ios: #F6F7F8CC; /* Цвет фона для имитации системного таббара iOS */
173
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); /* @Deprecated: Заменён на service.autofill-background */
173
174
  --tui-const-yellow: #FFDD2D; /* N9 */
175
+ --tui-const-yellow-darker-88: #FFF5C2;
174
176
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
175
177
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
176
178
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
@@ -373,9 +375,11 @@
373
375
  --tui-icon-action-hover: var(--tui-const-blue-darker-40); /* @Deprecated: Для иконок используем цвета из группы text */
374
376
  --tui-icon-action-pressed: var(--tui-const-blue-darker-32); /* @Deprecated: Для иконок используем цвета из группы text */
375
377
  --tui-icon-on-dark: var(--tui-const-white); /* @Deprecated: Для иконок используем цвета из группы text */
378
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-88); /* Цвет фона при автозаполнении форм */
376
379
  --tui-service-skeleton: var(--tui-const-black-alpha-6); /* Цвет для шиммеров, отображаемых при загрузке экрана */
377
380
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); /* Скелетон на темном фоне, не меняется при переключении темы */
378
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* Фон под выделенным пользователем текстом */
381
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
382
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
379
383
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
380
384
  --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
381
385
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* Подчеркивание для монохромных ссылок */
package/palette/mobile/dark.css CHANGED
@@ -151,7 +151,9 @@
151
151
  --tui-chart-categorical-25: var(--tui-const-green-lighter-64);
152
152
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
153
153
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
154
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); /* @Deprecated: Заменён на service.autofill-background */
154
155
  --tui-const-yellow: #FFDD2D; /* N9 */
156
+ --tui-const-yellow-darker-88: #FFF5C2;
155
157
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
156
158
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
157
159
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
@@ -352,9 +354,11 @@
352
354
  --tui-icon-action: var(--tui-const-blue); /* @Deprecated: Для иконок используем цвета из группы text */
353
355
  --tui-icon-action-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Для иконок используем цвета из группы text */
354
356
  --tui-icon-on-dark: var(--tui-const-white); /* @Deprecated: Для иконок используем цвета из группы text */
357
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-26); /* Цвет фона при автозаполнении форм */
355
358
  --tui-service-skeleton: var(--tui-const-white-alpha-10); /* Цвет для шиммеров, отображаемых при загрузке экрана */
356
359
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-10); /* Скелетон на темном фоне, не меняется при переключении темы */
357
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* Фон под выделенным пользователем текстом */
360
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
361
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
358
362
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
359
363
  --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
360
364
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
package/palette/mobile/light.css CHANGED
@@ -151,7 +151,9 @@
151
151
  --tui-chart-categorical-25: var(--tui-const-green-lighter-64);
152
152
  --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
153
153
  --tui-chart-categorical-27: var(--tui-const-green-lighter-57);
154
+ --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); /* @Deprecated: Заменён на service.autofill-background */
154
155
  --tui-const-yellow: #FFDD2D; /* N9 */
156
+ --tui-const-yellow-darker-88: #FFF5C2;
155
157
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
156
158
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
157
159
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
@@ -352,9 +354,11 @@
352
354
  --tui-icon-action: var(--tui-const-blue); /* @Deprecated: Для иконок используем цвета из группы text */
353
355
  --tui-icon-action-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Для иконок используем цвета из группы text */
354
356
  --tui-icon-on-dark: var(--tui-const-white); /* @Deprecated: Для иконок используем цвета из группы text */
357
+ --tui-service-autofill-background: var(--tui-const-yellow-darker-88); /* Цвет фона при автозаполнении форм */
355
358
  --tui-service-skeleton: var(--tui-const-black-alpha-3); /* Цвет для шиммеров, отображаемых при загрузке экрана */
356
359
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-10); /* Скелетон на темном фоне, не меняется при переключении темы */
357
- --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* Фон под выделенным пользователем текстом */
360
+ --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
361
+ --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
358
362
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
359
363
  --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
360
364
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* Подчеркивание для монохромных ссылок */