@rt-tools/ui-kit-v2 0.23.4 → 0.25.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 (18) hide show
  1. package/fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs +2 -2
  2. package/fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs.map +1 -1
  3. package/fesm2022/rt-tools-ui-kit-v2-core.mjs +12 -0
  4. package/fesm2022/rt-tools-ui-kit-v2-core.mjs.map +1 -1
  5. package/fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs +295 -0
  6. package/fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs.map +1 -0
  7. package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs +2 -2
  8. package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs.map +1 -1
  9. package/package.json +5 -1
  10. package/src/lib/components/bottom-sheet/rt-bottom-sheet.component.scss +2 -1
  11. package/src/lib/components/profile-menu/CONTEXT.md +32 -0
  12. package/src/lib/components/profile-menu/rt-profile-menu.component.scss +104 -0
  13. package/src/rich-editor/lib/components/ai-chat/CONTEXT.md +3 -0
  14. package/src/rich-editor/lib/components/ai-chat/rt-ai-chat.component.scss +7 -3
  15. package/src/styles/_semantic.scss +5 -0
  16. package/styles/tokens.css +40 -0
  17. package/types/rt-tools-ui-kit-v2-core.d.ts +8 -2
  18. package/types/rt-tools-ui-kit-v2-profile-menu.d.ts +103 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rt-tools/ui-kit-v2",
3
- "version": "0.23.4",
3
+ "version": "0.25.0",
4
4
  "license": "Apache-2.0",
5
5
  "author": "Yauheni Krumin",
6
6
  "type": "module",
@@ -321,6 +321,10 @@
321
321
  "types": "./types/rt-tools-ui-kit-v2-popover.d.ts",
322
322
  "default": "./fesm2022/rt-tools-ui-kit-v2-popover.mjs"
323
323
  },
324
+ "./profile-menu": {
325
+ "types": "./types/rt-tools-ui-kit-v2-profile-menu.d.ts",
326
+ "default": "./fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs"
327
+ },
324
328
  "./prompt-suggestion": {
325
329
  "types": "./types/rt-tools-ui-kit-v2-prompt-suggestion.d.ts",
326
330
  "default": "./fesm2022/rt-tools-ui-kit-v2-prompt-suggestion.mjs"
package/src/lib/components/bottom-sheet/rt-bottom-sheet.component.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  --rt-bottom-sheet-handle-radius: var(--rt-radius-xs);
11
11
  --rt-bottom-sheet-shadow: var(--rt-shadow-card-soft);
12
12
  --rt-bottom-sheet-transition-duration: var(--rt-duration-base);
13
+ --rt-bottom-sheet-footer-border-width: var(--rt-border-width-thin);
13
14
 
14
15
  position: fixed;
15
16
  z-index: 1000;
@@ -91,7 +92,7 @@
91
92
  flex-wrap: wrap;
92
93
  align-items: center;
93
94
  padding: var(--rt-space-4) var(--rt-space-5) calc(var(--rt-space-4) + env(safe-area-inset-bottom));
94
- border-top: var(--rt-border-width-thin) solid var(--rt-color-border-default);
95
+ border-top: var(--rt-bottom-sheet-footer-border-width) solid var(--rt-color-border-default);
95
96
  gap: var(--rt-space-2);
96
97
 
97
98
  &:empty {
package/src/lib/components/profile-menu/CONTEXT.md ADDED
@@ -0,0 +1,32 @@
1
+ # `rt-profile-menu`
2
+
3
+ Содержимое попапа профиля в шапке `rt-page-header`: человек, организация, действия, язык и тема.
4
+
5
+ ```html
6
+ <rt-profile-menu organizationChange="allowed" [userName]="name" [organizationName]="org" (signOut)="signOut()" />
7
+ ```
8
+
9
+ | вход | тип | умолчание |
10
+ | -------------------- | -------------------------------------- | ---------- |
11
+ | `userName` | `string` | `''` |
12
+ | `organizationName` | `string` | `''` |
13
+ | `organizationChange` | `'hidden' \| 'denied' \| 'allowed'` | `'hidden'` |
14
+ | `passwordChange` | `boolean` | `false` |
15
+ | `locales` | `ReadonlyArray<IRtProfileMenu.Locale>` | `[]` |
16
+ | `locale` | `string` | `''` |
17
+ | `signOutDisabled` | `boolean` | `false` |
18
+
19
+ Выходы: `changeOrganization`, `changePassword`, `localeChange` (код языка), `signOut`.
20
+
21
+ ## Главное, что нужно знать
22
+
23
+ **Панель рисует само меню.** У поповера кита оформления нет, и голые пункты меню в попапе шапки
24
+ легли бы прямо поверх страницы. Стили без инкапсуляции: попап живёт в перекрытии у конца `<body>`.
25
+
26
+ **Тему переключает `ThemeService`**, как у `rt-theme-toggle`: значок показывает тему, к которой
27
+ переведёт нажатие.
28
+
29
+ ## Края
30
+
31
+ - Пустое название организации убирает её строку, пустой список языков — переключатель языка.
32
+ - Смена организации в режиме `denied` стоит приглушённой и объясняет причину подсказкой.
package/src/lib/components/profile-menu/rt-profile-menu.component.scss ADDED
@@ -0,0 +1,104 @@
1
+ @layer rt-kit.components {
2
+ /* rt-profile-menu — ViewEncapsulation.None: попап рисуется в перекрытии у конца `<body>`, и
3
+ правило по классу блока достаёт до него. Отсюда же красится круг под значком темы: он
4
+ рисуется разметкой `rt-menu-item`, и заскоупленное правило до чужого шаблона не дотянулось бы.
5
+ Подложку блок берёт у панели навигации кита, а тень своя: узкой панели нужен очерченный край. */
6
+
7
+ .rt-profile-menu {
8
+ display: flex;
9
+ min-width: var(--rt-profile-menu-min-width);
10
+ box-sizing: border-box;
11
+ flex-direction: column;
12
+ padding: var(--rt-profile-menu-padding);
13
+ border: var(--rt-profile-menu-border-width) solid var(--rt-nav-panel-color-border);
14
+ border-radius: var(--rt-profile-menu-radius);
15
+ background-color: var(--rt-nav-panel-color-bg);
16
+ box-shadow: var(--rt-profile-menu-shadow);
17
+ gap: var(--rt-space-2);
18
+
19
+ &__user {
20
+ display: flex;
21
+ flex-direction: column;
22
+ padding-bottom: var(--rt-space-2);
23
+ gap: var(--rt-space-2);
24
+ }
25
+
26
+ &__avatar {
27
+ display: inline-flex;
28
+ width: var(--rt-profile-avatar-size);
29
+ height: var(--rt-profile-avatar-size);
30
+ align-items: center;
31
+ justify-content: center;
32
+ border: var(--rt-profile-avatar-border-width) solid var(--rt-nav-header-color-bg);
33
+ border-radius: var(--rt-profile-avatar-radius);
34
+ color: var(--rt-color-text-primary);
35
+ font-size: var(--rt-profile-avatar-font-size);
36
+ font-weight: var(--rt-font-weight-semibold);
37
+ line-height: var(--rt-leading-none);
38
+ }
39
+
40
+ &__name {
41
+ color: var(--rt-color-text-primary);
42
+ font-size: var(--rt-text-md);
43
+ font-weight: var(--rt-font-weight-semibold);
44
+ line-height: var(--rt-leading-tight);
45
+ }
46
+
47
+ // Название заведения и слово-пояснение стоят в одной строке: без него непонятно, что это за
48
+ // вторая строка под именем.
49
+ &__organization {
50
+ color: var(--rt-nav-panel-item-color);
51
+ font-size: var(--rt-text-md);
52
+ font-weight: var(--rt-font-weight-regular);
53
+ line-height: var(--rt-leading-tight);
54
+ }
55
+
56
+ &__organization-label {
57
+ color: var(--rt-nav-panel-group-color);
58
+ }
59
+
60
+ // Строки выступают за содержимое панели на половину её отступа: подсветка на наведении иначе
61
+ // упирается в рамку. Выступ и горизонтальный отступ строки — одно число, поэтому значок
62
+ // стоит на краю содержимого панели.
63
+ &__nav {
64
+ display: flex;
65
+ width: calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));
66
+ flex-direction: column;
67
+ margin-left: calc(-1 * var(--rt-profile-row-inset));
68
+ }
69
+
70
+ // Строки просторнее и крупнее пунктов обычного меню кита: их четыре, и они читаются как
71
+ // список действий, а не как выпадающее меню.
72
+ // Правила строк идут потомком блока: свои умолчания кит объявляет одним классом, и без
73
+ // лишнего веса исход решал бы порядок подключения стилей.
74
+ & &__item,
75
+ & &__theme {
76
+ border-radius: var(--rt-profile-item-radius);
77
+ color: var(--rt-nav-panel-item-color);
78
+ font-size: var(--rt-profile-item-font-size);
79
+ font-weight: var(--rt-profile-item-font-weight);
80
+ gap: var(--rt-profile-item-content-gap);
81
+ }
82
+
83
+ & &__item {
84
+ padding: var(--rt-profile-item-padding-y) var(--rt-profile-row-inset);
85
+ }
86
+
87
+ // Переключатель темы выделен из списка акцентом: значок садится в круг на подложке акцента,
88
+ // подпись красится им же. Круг набирается отступом по content-box — размер самого значка
89
+ // приходит инлайном от `rt-icon`.
90
+ & &__theme {
91
+ width: calc(100% + var(--rt-profile-row-inset) + var(--rt-profile-row-inset));
92
+ padding: var(--rt-profile-row-inset);
93
+ margin-left: calc(-1 * var(--rt-profile-row-inset));
94
+ color: var(--rt-color-action-primary);
95
+
96
+ .rt-menu-item__icon {
97
+ box-sizing: content-box;
98
+ padding: var(--rt-profile-theme-icon-padding);
99
+ border-radius: var(--rt-profile-theme-icon-radius);
100
+ background-color: var(--rt-color-action-primary-subtle);
101
+ }
102
+ }
103
+ }
104
+ }
package/src/rich-editor/lib/components/ai-chat/CONTEXT.md CHANGED
@@ -53,6 +53,9 @@
53
53
  «Delete» — `danger`, отдаёт `deleteThread` без `confirmMessage`, подтверждение на приложении.
54
54
  Подписи — `uiMoreActions`, `aiCopyThreadId`, `uiRemove`. Пока панель открыта, действия строки
55
55
  видны: правило `:has(.rt-menu--open)` в `rt-thread-list`.
56
+ - `--rt-ai-chat-content-max-width` (по умолчанию `100%`) становится боковым отступом `feed`,
57
+ `composer` и `disclaimer`: колонка стоит по центру беседы, полоса прокрутки ленты остаётся у её
58
+ края. `max-inline-size` на самой ленте увёл бы полосу прокрутки внутрь колонки.
56
59
  - Подсветка совпадений поиска по беседам — `splitSideMenuTitle`.
57
60
  - Строки-превью пустого списка бесед — `emptyPreviewIcons`, по умолчанию `sparkle`, `bot`, `sparkle`:
58
61
  беседы идут с ассистентом, а не с людьми. Вход уходит в `rt-thread-list` как есть.
package/src/rich-editor/lib/components/ai-chat/rt-ai-chat.component.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  --rt-ai-chat-bubble-radius: var(--rt-radius-xl);
7
7
  --rt-ai-chat-column-border-width: var(--rt-border-width-thin);
8
8
  --rt-ai-chat-column-width: 280px;
9
+ --rt-ai-chat-content-max-width: 100%;
9
10
  --rt-ai-chat-match-bg: var(--rt-yellow-400);
10
11
  --rt-ai-chat-match-color: var(--rt-neutral-950);
11
12
  --rt-ai-chat-match-radius: var(--rt-radius-xs);
@@ -91,11 +92,12 @@
91
92
  display: flex;
92
93
  flex: 1 1 auto;
93
94
  flex-direction: column;
94
- padding: var(--rt-space-md);
95
95
  font-size: var(--rt-text-sm);
96
96
  gap: var(--rt-space-md);
97
97
  min-block-size: 0;
98
98
  overflow-y: auto;
99
+ padding-block: var(--rt-space-md);
100
+ padding-inline: max(var(--rt-space-md), calc((100% - var(--rt-ai-chat-content-max-width)) / 2));
99
101
  }
100
102
 
101
103
  &__spinner {
@@ -171,16 +173,18 @@
171
173
  &__composer {
172
174
  box-sizing: border-box;
173
175
  flex: none;
174
- padding: var(--rt-space-sm) var(--rt-space-md) 0;
176
+ padding-block: var(--rt-space-sm) 0;
177
+ padding-inline: max(var(--rt-space-md), calc((100% - var(--rt-ai-chat-content-max-width)) / 2));
175
178
  }
176
179
 
177
180
  &__disclaimer {
178
181
  flex: none;
179
- padding: var(--rt-space-xs) var(--rt-space-md) var(--rt-space-sm);
180
182
  margin: 0;
181
183
  color: var(--rt-color-text-muted);
182
184
  font-size: var(--rt-text-xs);
183
185
  line-height: var(--rt-leading-snug);
186
+ padding-block: var(--rt-space-xs) var(--rt-space-sm);
187
+ padding-inline: max(var(--rt-space-md), calc((100% - var(--rt-ai-chat-content-max-width)) / 2));
184
188
  text-align: center;
185
189
  }
186
190
 
package/src/styles/_semantic.scss CHANGED
@@ -399,8 +399,12 @@
399
399
  --rt-profile-menu-min-width: var(--rt-size-60);
400
400
  --rt-profile-menu-padding: var(--rt-space-5);
401
401
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
402
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
403
+ --rt-profile-menu-radius: var(--rt-radius-md);
402
404
  --rt-profile-avatar-size: var(--rt-size-10);
403
405
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
406
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
407
+ --rt-profile-avatar-radius: var(--rt-radius-full);
404
408
  --rt-profile-item-padding-y: var(--rt-space-4);
405
409
  --rt-profile-item-content-gap: var(--rt-space-2);
406
410
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -412,6 +416,7 @@
412
416
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
413
417
  --rt-profile-row-inset: var(--rt-space-2);
414
418
  --rt-profile-theme-icon-padding: var(--rt-space-2);
419
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
415
420
 
416
421
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
417
422
  колонка, промежуток и внутренний отступ — токены, из которых панель
package/styles/tokens.css CHANGED
@@ -794,8 +794,12 @@
794
794
  --rt-profile-menu-min-width: var(--rt-size-60);
795
795
  --rt-profile-menu-padding: var(--rt-space-5);
796
796
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
797
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
798
+ --rt-profile-menu-radius: var(--rt-radius-md);
797
799
  --rt-profile-avatar-size: var(--rt-size-10);
798
800
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
801
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
802
+ --rt-profile-avatar-radius: var(--rt-radius-full);
799
803
  --rt-profile-item-padding-y: var(--rt-space-4);
800
804
  --rt-profile-item-content-gap: var(--rt-space-2);
801
805
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -806,6 +810,7 @@
806
810
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
807
811
  --rt-profile-row-inset: var(--rt-space-2);
808
812
  --rt-profile-theme-icon-padding: var(--rt-space-2);
813
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
809
814
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
810
815
  колонка, промежуток и внутренний отступ — токены, из которых панель
811
816
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -1703,8 +1708,12 @@ html.rt-theme-dark {
1703
1708
  --rt-profile-menu-min-width: var(--rt-size-60);
1704
1709
  --rt-profile-menu-padding: var(--rt-space-5);
1705
1710
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
1711
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
1712
+ --rt-profile-menu-radius: var(--rt-radius-md);
1706
1713
  --rt-profile-avatar-size: var(--rt-size-10);
1707
1714
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
1715
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
1716
+ --rt-profile-avatar-radius: var(--rt-radius-full);
1708
1717
  --rt-profile-item-padding-y: var(--rt-space-4);
1709
1718
  --rt-profile-item-content-gap: var(--rt-space-2);
1710
1719
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -1715,6 +1724,7 @@ html.rt-theme-dark {
1715
1724
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
1716
1725
  --rt-profile-row-inset: var(--rt-space-2);
1717
1726
  --rt-profile-theme-icon-padding: var(--rt-space-2);
1727
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
1718
1728
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
1719
1729
  колонка, промежуток и внутренний отступ — токены, из которых панель
1720
1730
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -2195,8 +2205,12 @@ html.rt-theme-dark {
2195
2205
  --rt-profile-menu-min-width: var(--rt-size-60);
2196
2206
  --rt-profile-menu-padding: var(--rt-space-5);
2197
2207
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
2208
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
2209
+ --rt-profile-menu-radius: var(--rt-radius-md);
2198
2210
  --rt-profile-avatar-size: var(--rt-size-10);
2199
2211
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
2212
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
2213
+ --rt-profile-avatar-radius: var(--rt-radius-full);
2200
2214
  --rt-profile-item-padding-y: var(--rt-space-4);
2201
2215
  --rt-profile-item-content-gap: var(--rt-space-2);
2202
2216
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -2207,6 +2221,7 @@ html.rt-theme-dark {
2207
2221
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
2208
2222
  --rt-profile-row-inset: var(--rt-space-2);
2209
2223
  --rt-profile-theme-icon-padding: var(--rt-space-2);
2224
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
2210
2225
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
2211
2226
  колонка, промежуток и внутренний отступ — токены, из которых панель
2212
2227
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -2828,8 +2843,12 @@ html.rt-theme-dark {
2828
2843
  --rt-profile-menu-min-width: var(--rt-size-60);
2829
2844
  --rt-profile-menu-padding: var(--rt-space-5);
2830
2845
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
2846
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
2847
+ --rt-profile-menu-radius: var(--rt-radius-md);
2831
2848
  --rt-profile-avatar-size: var(--rt-size-10);
2832
2849
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
2850
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
2851
+ --rt-profile-avatar-radius: var(--rt-radius-full);
2833
2852
  --rt-profile-item-padding-y: var(--rt-space-4);
2834
2853
  --rt-profile-item-content-gap: var(--rt-space-2);
2835
2854
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -2840,6 +2859,7 @@ html.rt-theme-dark {
2840
2859
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
2841
2860
  --rt-profile-row-inset: var(--rt-space-2);
2842
2861
  --rt-profile-theme-icon-padding: var(--rt-space-2);
2862
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
2843
2863
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
2844
2864
  колонка, промежуток и внутренний отступ — токены, из которых панель
2845
2865
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -3523,8 +3543,12 @@ html.rt-theme-dark .rt-preset-material {
3523
3543
  --rt-profile-menu-min-width: var(--rt-size-60);
3524
3544
  --rt-profile-menu-padding: var(--rt-space-5);
3525
3545
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
3546
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
3547
+ --rt-profile-menu-radius: var(--rt-radius-md);
3526
3548
  --rt-profile-avatar-size: var(--rt-size-10);
3527
3549
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
3550
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
3551
+ --rt-profile-avatar-radius: var(--rt-radius-full);
3528
3552
  --rt-profile-item-padding-y: var(--rt-space-4);
3529
3553
  --rt-profile-item-content-gap: var(--rt-space-2);
3530
3554
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -3535,6 +3559,7 @@ html.rt-theme-dark .rt-preset-material {
3535
3559
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
3536
3560
  --rt-profile-row-inset: var(--rt-space-2);
3537
3561
  --rt-profile-theme-icon-padding: var(--rt-space-2);
3562
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
3538
3563
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
3539
3564
  колонка, промежуток и внутренний отступ — токены, из которых панель
3540
3565
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -4388,8 +4413,12 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
4388
4413
  --rt-profile-menu-min-width: var(--rt-size-60);
4389
4414
  --rt-profile-menu-padding: var(--rt-space-5);
4390
4415
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
4416
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
4417
+ --rt-profile-menu-radius: var(--rt-radius-md);
4391
4418
  --rt-profile-avatar-size: var(--rt-size-10);
4392
4419
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
4420
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
4421
+ --rt-profile-avatar-radius: var(--rt-radius-full);
4393
4422
  --rt-profile-item-padding-y: var(--rt-space-4);
4394
4423
  --rt-profile-item-content-gap: var(--rt-space-2);
4395
4424
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -4400,6 +4429,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
4400
4429
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
4401
4430
  --rt-profile-row-inset: var(--rt-space-2);
4402
4431
  --rt-profile-theme-icon-padding: var(--rt-space-2);
4432
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
4403
4433
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
4404
4434
  колонка, промежуток и внутренний отступ — токены, из которых панель
4405
4435
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -5082,8 +5112,12 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
5082
5112
  --rt-profile-menu-min-width: var(--rt-size-60);
5083
5113
  --rt-profile-menu-padding: var(--rt-space-5);
5084
5114
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
5115
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
5116
+ --rt-profile-menu-radius: var(--rt-radius-md);
5085
5117
  --rt-profile-avatar-size: var(--rt-size-10);
5086
5118
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
5119
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
5120
+ --rt-profile-avatar-radius: var(--rt-radius-full);
5087
5121
  --rt-profile-item-padding-y: var(--rt-space-4);
5088
5122
  --rt-profile-item-content-gap: var(--rt-space-2);
5089
5123
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -5094,6 +5128,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
5094
5128
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
5095
5129
  --rt-profile-row-inset: var(--rt-space-2);
5096
5130
  --rt-profile-theme-icon-padding: var(--rt-space-2);
5131
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
5097
5132
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
5098
5133
  колонка, промежуток и внутренний отступ — токены, из которых панель
5099
5134
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
@@ -5773,8 +5808,12 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
5773
5808
  --rt-profile-menu-min-width: var(--rt-size-60);
5774
5809
  --rt-profile-menu-padding: var(--rt-space-5);
5775
5810
  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
5811
+ --rt-profile-menu-border-width: var(--rt-border-width-thin);
5812
+ --rt-profile-menu-radius: var(--rt-radius-md);
5776
5813
  --rt-profile-avatar-size: var(--rt-size-10);
5777
5814
  --rt-profile-avatar-font-size: var(--rt-text-2xl);
5815
+ --rt-profile-avatar-border-width: var(--rt-border-width-medium);
5816
+ --rt-profile-avatar-radius: var(--rt-radius-full);
5778
5817
  --rt-profile-item-padding-y: var(--rt-space-4);
5779
5818
  --rt-profile-item-content-gap: var(--rt-space-2);
5780
5819
  --rt-profile-item-font-size: var(--rt-text-md);
@@ -5785,6 +5824,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
5785
5824
  вертикали с содержимым. Это же число — горизонтальный отступ строки. */
5786
5825
  --rt-profile-row-inset: var(--rt-space-2);
5787
5826
  --rt-profile-theme-icon-padding: var(--rt-space-2);
5827
+ --rt-profile-theme-icon-radius: var(--rt-radius-full);
5788
5828
  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
5789
5829
  колонка, промежуток и внутренний отступ — токены, из которых панель
5790
5830
  складывает свою ширину. По вертикали отступ крупнее: у первой группы над
package/types/rt-tools-ui-kit-v2-core.d.ts CHANGED
@@ -542,6 +542,12 @@ export declare const RT_KIT_LABELS_EN: {
542
542
  readonly photoViewerClose: "Close viewer";
543
543
  readonly photoViewerNext: "Next photo";
544
544
  readonly photoViewerPrev: "Previous photo";
545
+ readonly profileMenuChangeOrganization: "Change organization";
546
+ readonly profileMenuChangeOrganizationDenied: "The organization comes from the membership: there is nothing to choose.";
547
+ readonly profileMenuChangePassword: "Change password";
548
+ readonly profileMenuOrganization: "— organization";
549
+ readonly profileMenuSignOut: "Sign out";
550
+ readonly profileMenuSwitchTheme: "Switch theme";
545
551
  readonly sideMenuBack: "Main menu";
546
552
  readonly sideMenuFavoriteAdd: "Add to favourites";
547
553
  readonly sideMenuFavoriteDrag: "Hold button to drag";
@@ -1103,9 +1109,9 @@ export declare class RtInfiniteScrollDirective implements OnDestroy {
1103
1109
  }, never, never, true, never>;
1104
1110
  }
1105
1111
  /** The name of a styling property the kit declares itself. */
1106
- export type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-required-color' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-text' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-opacity' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-mat-yellow-100' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
1112
+ export type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-required-color' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-text' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-opacity' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-mat-yellow-100' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-border-width' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-radius' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-border-width' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-radius' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-profile-theme-icon-radius' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
1107
1113
  /** The name of a consumer's handle — a property the kit deliberately does not declare. */
1108
- export type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-page-header-bg' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
1114
+ export type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-bottom-sheet-max-height' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-page-header-bg' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
1109
1115
  /** All the styling properties declared by the kit. */
1110
1116
  export declare const RT_DESIGN_TOKEN_NAMES: readonly TRtDesignTokenName[];
1111
1117
  /** All the consumer's handles: the value comes from the application, until then the fallback works. */