@rt-tools/ui-kit-v2 0.42.0 → 0.43.0

package/src/lib/components/tabs/rt-tabs.component.scss

@@ -74,6 +74,11 @@
                 justify-content: space-between;
             }
 
+            /* Режим «Ещё»: полоса не прокручивается, лишние вкладки стоят в меню. */
+            &--more {
+                overflow-x: clip;
+            }
+
             /* Полосу рисует общий элемент, и своя полоса выбранной вкладки гаснет. У неверной
                вкладки своя полоса остаётся: она красная и у невыбранной. */
             &--ink .rt-tab-item--selected:not(.rt-tab-item--invalid):after {
@@ -110,67 +115,6 @@
             }
         }
 
-        &__rest {
-            position: absolute;
-            z-index: 1;
-            top: 0;
-            bottom: 0;
-            display: flex;
-            width: var(--rt-control-height-lg);
-            align-items: center;
-            justify-content: center;
-            background-color: var(--rt-color-bg-surface);
-            color: var(--rt-color-text-muted);
-            cursor: pointer;
-            transition: color var(--rt-tabs-transition-duration) linear;
-            visibility: hidden;
-
-            &:hover {
-                color: var(--rt-color-text-primary);
-            }
-
-            &--before {
-                left: 0;
-                border-right: var(--rt-tabs-border-width) solid var(--rt-color-border-default);
-            }
-
-            &--after {
-                right: 0;
-                border-left: var(--rt-tabs-border-width) solid var(--rt-color-border-default);
-            }
-
-            &--visible {
-                visibility: visible;
-            }
-        }
-
-        /* Стрелки в своих местах: при переполнении обе стоят по краям, полоса между ними уже.
-           Стрелка в сторону, куда прокручивать некуда, бледнеет и не нажимается. Черта снизу
-           продолжает черту полосы под стрелками. */
-        &__tab-list-wrapper--inline {
-            align-items: stretch;
-
-            .rt-tabs__rest {
-                position: static;
-                display: none;
-                flex-shrink: 0;
-                border: 0;
-                border-bottom: var(--rt-tabs-border-width) solid var(--rt-color-border-default);
-                background-color: transparent;
-            }
-
-            &.rt-tabs__tab-list-wrapper--overflowing .rt-tabs__rest {
-                display: flex;
-                visibility: visible;
-            }
-
-            .rt-tabs__rest--inactive {
-                color: var(--rt-color-text-disabled);
-                cursor: default;
-                pointer-events: none;
-            }
-        }
-
         &__controls {
             display: flex;
             flex-shrink: 0;
@@ -299,6 +243,14 @@
             translate: 0 var(--rt-tab-item-border-width);
         }
 
+        /* Вкладка меню остаётся в разметке ради замера: ряд читает её ширину при каждом пересчёте. */
+        &--in-more {
+            position: absolute;
+            top: 0;
+            left: 0;
+            visibility: hidden;
+        }
+
         &:hover:not(.rt-tab-item--disabled, .rt-tab-item--selected) {
             background-color: var(--rt-color-bg-hover);
             color: var(--rt-color-text-primary);
@@ -466,5 +418,10 @@
             max-width: 100%;
             flex: 1 1 auto;
         }
+
+        /* Замер ряда «Ещё» берёт ширину по содержимому: растянутая заполнила бы ряд целиком. */
+        .rt-tabs__tab-list--measure > &--stretch {
+            flex-grow: 0;
+        }
     }
 }

package/src/lib/components/workspace/CONTEXT.md

@@ -18,9 +18,12 @@
 | `listMinWidth` / `listMaxWidth` / `listDefaultWidth`    | `number \| string` | 240 / 480 / 320 |
 | `asideMinWidth` / `asideMaxWidth` / `asideDefaultWidth` | `number \| string` | 280 / 560 / 360 |
 | `centerMinWidth`                                        | `number \| string` | 360             |
+| `singleColumnBreakpoint`                                | `number \| null`   | `null`          |
+| `asideOverlayWidth`                                     | `number \| string` | 540             |
 
 Выход: `backClicked`. API панели: `openAside()`, `closeAside()`, `toggleAside()`,
-`toggleAsideCollapsed()`, сигналы `asideOpen()`, `asideCollapsed()`, `listWidth()`, `asideWidth()`.
+`toggleAsideCollapsed()`, сигналы `asideOpen()`, `asideCollapsed()`, `asideOverlay()`, `listWidth()`,
+`asideWidth()`.
 
 ## Главное, что нужно знать
 
@@ -34,6 +37,13 @@
 **Стрелки у правой ручки работают зеркально**: `ArrowLeft` расширяет панель подробностей, потому
 что она растёт влево.
 
+**Порог одной колонки задаёт `singleColumnBreakpoint`.** Без входа порог держат стили: 768. С
+входом одна колонка остаётся только на месте не шире него. Выше порога список и середина стоят
+рядом. Пока место не шире 1080, панель подробностей открывается поверх окна: боковая панель шириной
+`asideOverlayWidth` с затемнением и кнопкой «Закрыть». Её закрывают кнопка, затемнение и Esc, после
+этого `asideOpen()` возвращает `false`. Сигнал `asideOverlay()` говорит, что панель сейчас
+открывается так. Порог выше 1080 не задают: третья колонка появляется на 1080.
+
 ## Края
 
 - Ширина всегда зажимается в границы — и при перетаскивании, и с клавиатуры.

package/src/lib/components/workspace/rt-workspace.component.scss

@@ -123,12 +123,19 @@
             }
         }
 
+        // Порог одной колонки по умолчанию. С порогом из входа вид считает компонент: класс
+        // `--breakpoint` снимает эти правила, а класс `--single` ниже ставит те же по своему числу
         @include bp.place-max(768px) {
-            &__list {
+            &:not(.rt-workspace--breakpoint) .rt-workspace__list {
                 flex-basis: 100%;
             }
         }
 
+        // Панель сведений открыта поверх окна боковой панелью: своей колонки и места она не держит
+        &__aside--overlay {
+            display: none;
+        }
+
         @include bp.place-min(1080px) {
             &__aside {
                 overflow: hidden;
@@ -140,7 +147,25 @@
             }
         }
 
-        &--has-active {
+        &--single {
+            .rt-workspace__list {
+                flex-basis: 100%;
+            }
+
+            &.rt-workspace--has-active .rt-workspace__list {
+                display: none;
+            }
+
+            &.rt-workspace--has-active .rt-workspace__center {
+                flex-basis: 100%;
+            }
+
+            &.rt-workspace--cards {
+                gap: 0;
+            }
+        }
+
+        &--has-active:not(.rt-workspace--breakpoint) {
             @include bp.place-max(768px) {
                 .rt-workspace__list {
                     display: none;
@@ -204,7 +229,9 @@
             }
 
             @include bp.place-max(768px) {
-                gap: 0;
+                &:not(.rt-workspace--breakpoint) {
+                    gap: 0;
+                }
             }
         }
 
@@ -224,4 +251,25 @@
             }
         }
     }
+
+    // Обёртка панели поверх окна боксом не становится: рамка `rt-aside` остаётся ребёнком панели
+    // оверлея. Поля содержимого сняты: шаблон панели сведений писан под колонку без полей
+    .rt-workspace-aside-overlay {
+        display: contents;
+
+        .rt-aside__content {
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+        }
+    }
+
+    // Панель сведений поверх окна держит свою ширину и на узком окне. Общая панель там занимает
+    // окно целиком, и затемнение под ней было бы негде нажать
+    @media (width <= 768px) {
+        .rt-aside-overlay.rt-workspace-aside-pane {
+            width: auto;
+            max-width: 100dvw;
+        }
+    }
 }

package/src/rich-editor/lib/components/chat/CONTEXT.md

@@ -54,6 +54,15 @@ rtChatMessageActions let-message>` рисуется в меню «…» у ре
 статуса. Значки ошибки отправки и недоставки остаются: они предупреждают. Подписи дней считаются от
 `createdAt`.
 
+**Перевод реплики показывает приложение, чат даёт место.** `translationLabel` стоит в строке времени
+перед временем: «Переведено · 12:58». `canShowTranslation` ставит под текстом кнопку «Показать
+перевод», нажатие уходит выходом `showTranslation`. Текст реплики чат не меняет. Пункт «Показать
+оригинал» приложение кладёт в меню реплики через `rtChatMessageActions`.
+
+**Загрузку и ошибку перевода тоже задаёт приложение.** `translationLoading` ставит перед кнопкой
+спиннер, кнопка приглушена и не нажимается. `translationError` выводит текст ошибки строкой над
+кнопкой, кнопка повторяет запрос. Оба поля работают только вместе с `canShowTranslation`.
+
 **Пузырь мессенджера не шире 85% ленты и не шире 320.** Предел стоит на пузыре, а не на строке:
 кнопки у реплики лежат рядом и не отнимают его ширину. Значок статуса 16, подпись и значок на своём
 пузыре без прозрачности, пузырь гостя белый с тенью. Боковой отступ чата 16, на узком месте 12.
@@ -62,7 +71,8 @@ rtChatMessageActions let-message>` рисуется в меню «…» у ре
 занимает, а без поля слота нет.
 
 **Удалённое сообщение остаётся в ленте** отдельной пометкой вместо текста: иначе непонятно, на
-что отвечали соседние реплики.
+что отвечали соседние реплики. Пузырь у него без заливки и без тени, поэтому в виде мессенджера
+своё удалённое сообщение не берёт белый цвет своей реплики: пометка, время и знак статуса приглушённые.
 
 ## Края
 

package/src/rich-editor/lib/components/chat/rt-chat-messenger.scss

@@ -130,12 +130,18 @@
                 line-height: round(1em * var(--rt-leading-snug), 1px);
             }
 
-            .rt-chat__message--own .rt-chat__message-text,
-            .rt-chat__message--own .rt-chat__message-date,
-            .rt-chat__message--own .rt-chat__message-status {
+            // Снятая реплика стоит без заливки: белый цвет заливки ей не даётся, тени под пустым
+            // пузырём тоже нет
+            .rt-chat__message--own:not(.rt-chat__message--deleted) .rt-chat__message-text,
+            .rt-chat__message--own:not(.rt-chat__message--deleted) .rt-chat__message-date,
+            .rt-chat__message--own:not(.rt-chat__message--deleted) .rt-chat__message-status {
                 color: var(--rt-color-action-on-primary);
             }
 
+            .rt-chat__message--deleted {
+                box-shadow: none;
+            }
+
             .rt-chat__message-footer {
                 justify-content: flex-end;
             }

package/src/rich-editor/lib/components/chat/rt-chat-translation.scss

@@ -0,0 +1,92 @@
+// Перевод реплики: кнопка «Показать перевод» под текстом, её загрузка и строка ошибки. Подпись
+// перевода стоит в строке времени и своих правил не имеет. Лежит отдельно от стилей чата, чтобы
+// файлы уместились в предел длины.
+@layer rt-kit.components {
+    .rt-chat {
+        --rt-chat-translate-outline-width: var(--rt-border-width-medium);
+        --rt-chat-translate-radius: var(--rt-radius-xs);
+        --rt-chat-translate-gap: var(--rt-space-2);
+
+        // Кнопка и строка ошибки прижаты к тексту и друг к другу: зазор пузыря между ними снят, как
+        // у строк одного абзаца
+        &__message-translate,
+        &__message-translate-error {
+            align-self: flex-start;
+            font-size: var(--rt-text-xs);
+            line-height: round(1em * var(--rt-leading-snug), 1px);
+            margin-block-start: calc(-1 * var(--rt-chat-translate-gap));
+            text-align: start;
+        }
+
+        &__message-translate-error {
+            color: var(--rt-color-state-error-text);
+
+            // Ошибки нет: пустой узел не держит строку и зазор пузыря
+            &:empty {
+                display: none;
+            }
+        }
+
+        &__message-translate {
+            display: inline-flex;
+            align-items: center;
+            padding: 0;
+            border: 0;
+            border-radius: var(--rt-chat-translate-radius);
+            background: transparent;
+            color: var(--rt-color-action-primary);
+            cursor: pointer;
+            font-family: inherit;
+            font-weight: var(--rt-font-weight-medium);
+            gap: var(--rt-space-1);
+
+            &:hover {
+                text-decoration: underline;
+            }
+
+            &:focus-visible {
+                outline: var(--rt-chat-translate-outline-width) solid var(--rt-color-border-focus);
+            }
+
+            // Перевод загружается: кнопка приглушена и не нажимается
+            &--loading,
+            &--loading:hover {
+                color: var(--rt-chat-bubble-date);
+                cursor: default;
+                text-decoration: none;
+            }
+        }
+
+        // Спиннер виден только при загрузке. Селектор из двух классов: правило самого спиннера
+        // ставит ему показ тем же весом
+        &__message-translate &__message-translate-spinner {
+            display: none;
+        }
+
+        &__message-translate--loading &__message-translate-spinner {
+            display: inline-flex;
+        }
+
+        &--messenger {
+            --rt-chat-translate-gap: var(--rt-space-0-5);
+
+            // На заливке цвета действия синяя кнопка и красная ошибка не читаются: они белые
+            .rt-chat__message--own .rt-chat__message-translate-error {
+                color: var(--rt-color-action-on-primary);
+            }
+
+            .rt-chat__message--own .rt-chat__message-translate {
+                color: var(--rt-color-action-on-primary);
+                text-decoration: underline;
+
+                &:focus-visible {
+                    outline-color: var(--rt-color-action-on-primary);
+                }
+            }
+
+            .rt-chat__message--own .rt-chat__message-translate--loading {
+                text-decoration: none;
+            }
+        }
+    }
+}

package/types/rt-tools-ui-kit-v2-core.d.ts

@@ -540,6 +540,7 @@ export declare const RT_KIT_LABELS_EN: {
   readonly chatRetryTooltip: "Retry";
   readonly chatSendAria: "Send message";
   readonly chatSendLabel: "Send";
+  readonly chatShowTranslation: "Show translation";
   readonly chatStatusFailed: "Not sent";
   readonly chatStatusRead: "Read";
   readonly chatStatusSending: "Sending";
@@ -724,6 +725,8 @@ export declare const RT_KIT_LABELS_EN: {
   readonly uiMainNav: "Main navigation";
   readonly uiMinutes: "Minutes";
   readonly uiMore: "More";
+  readonly uiMoreFilters: "More filters";
+  readonly uiPageFilters: "Filters";
   readonly uiMoreActions: "More actions";
   readonly uiMoveStage: "Move";
   readonly uiMoveStageAria: "Move stage";
@@ -1100,6 +1103,11 @@ export declare function rtNarrowByWidth(placeWidth: number | null, viewportNarro
  */
 export declare class BreakpointsService {
   #private;
+  /**
+   * Ширина места страницы; `null`, пока место не объявлено. Её читает компонент, у которого
+   * порог задан входом: число из входа в стили не подставить.
+   */
+  readonly placeWidth: Signal<number | null>;
   readonly mobile: Signal<boolean>;
   readonly tablet: Signal<boolean>;
   readonly desktop: Signal<boolean>;
@@ -1452,7 +1460,7 @@ export declare class RtInfiniteScrollDirective implements OnDestroy {
 /** The name of a styling property the kit declares itself. */
 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-service-logo-bg' | '--rt-color-service-logo-mark' | '--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-bg' | '--rt-color-table-head-bg' | '--rt-color-table-pinned-shadow' | '--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-label-line-height' | '--rt-field-messages-line-height' | '--rt-field-messages-padding-top' | '--rt-field-required-color' | '--rt-field-required-gap' | '--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-caret-color' | '--rt-input-clear-bg' | '--rt-input-clear-bg-hover' | '--rt-input-clear-color' | '--rt-input-clear-icon-size' | '--rt-input-clear-offset-end' | '--rt-input-clear-offset-start' | '--rt-input-clear-radius' | '--rt-input-clear-size' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-disabled' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-placeholder-disabled' | '--rt-input-color-text' | '--rt-input-color-text-disabled' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-field-opacity' | '--rt-input-disabled-opacity' | '--rt-input-fill-color-bg-disabled' | '--rt-input-fill-edge' | '--rt-input-fill-focus-shadow' | '--rt-input-fill-focus-shadow-error' | '--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-min-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-70' | '--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-mist-50' | '--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-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-64' | '--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-service-logo-lg' | '--rt-shadow-service-logo-md' | '--rt-shadow-service-logo-sm' | '--rt-shadow-service-logo-xs' | '--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-tabs-indicator-duration' | '--rt-tabs-indicator-easing' | '--rt-tabs-panel-duration' | '--rt-tabs-panel-easing' | '--rt-tabs-scroll-duration' | '--rt-tabs-scroll-easing' | '--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-chip-color-bg-selected' | '--rt-toggle-chip-color-border' | '--rt-toggle-chip-color-text' | '--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';
 /** The name of a consumer's handle — a property the kit deliberately does not declare. */
-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-expansion-panel-body-box-sizing' | '--rt-expansion-panel-body-font-size' | '--rt-expansion-panel-body-line-height' | '--rt-fab-small-container-color' | '--rt-field-filled-container-color' | '--rt-field-label-letter-spacing' | '--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-input-density' | '--rt-input-height-app' | '--rt-input-letter-spacing' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-menu-container-color' | '--rt-option-selected-state-layer-color' | '--rt-page-header-bg' | '--rt-pagination-field-font-size' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-sys-error' | '--rt-sys-error-container' | '--rt-sys-inverse-on-surface' | '--rt-sys-inverse-surface' | '--rt-sys-level2' | '--rt-sys-level3' | '--rt-sys-level4' | '--rt-sys-on-primary' | '--rt-sys-on-primary-container' | '--rt-sys-on-secondary-container' | '--rt-sys-on-surface' | '--rt-sys-on-surface-variant' | '--rt-sys-outline' | '--rt-sys-outline-variant' | '--rt-sys-primary' | '--rt-sys-primary-container' | '--rt-sys-primary-fixed-dim' | '--rt-sys-secondary-container' | '--rt-sys-surface' | '--rt-sys-surface-container-lowest' | '--rt-sys-surface-variant' | '--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';
+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-expansion-panel-body-box-sizing' | '--rt-expansion-panel-body-font-size' | '--rt-expansion-panel-body-line-height' | '--rt-fab-small-container-color' | '--rt-field-filled-container-color' | '--rt-field-label-letter-spacing' | '--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-input-density' | '--rt-input-height-app' | '--rt-input-letter-spacing' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-menu-container-color' | '--rt-option-selected-state-layer-color' | '--rt-page-header-bg' | '--rt-pagination-field-font-size' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-stepper-current-color' | '--rt-stepper-description-color' | '--rt-stepper-inset' | '--rt-stepper-label-color' | '--rt-stepper-line-color' | '--rt-stepper-mark-complete-bg' | '--rt-stepper-mark-complete-color' | '--rt-stepper-mark-current-bg' | '--rt-stepper-mark-current-color' | '--rt-stepper-mark-neutral-bg' | '--rt-stepper-mark-neutral-color' | '--rt-stepper-mark-upcoming-bg' | '--rt-stepper-mark-upcoming-color' | '--rt-stepper-point-shadow' | '--rt-stepper-progress-color' | '--rt-stepper-step-description-color' | '--rt-stepper-step-label-color' | '--rt-stepper-track-color' | '--rt-sys-error' | '--rt-sys-error-container' | '--rt-sys-inverse-on-surface' | '--rt-sys-inverse-surface' | '--rt-sys-level2' | '--rt-sys-level3' | '--rt-sys-level4' | '--rt-sys-on-primary' | '--rt-sys-on-primary-container' | '--rt-sys-on-secondary-container' | '--rt-sys-on-surface' | '--rt-sys-on-surface-variant' | '--rt-sys-outline' | '--rt-sys-outline-variant' | '--rt-sys-primary' | '--rt-sys-primary-container' | '--rt-sys-primary-fixed-dim' | '--rt-sys-secondary-container' | '--rt-sys-surface' | '--rt-sys-surface-container-lowest' | '--rt-sys-surface-variant' | '--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';
 /** All the styling properties declared by the kit. */
 export declare const RT_DESIGN_TOKEN_NAMES: readonly TRtDesignTokenName[];
 /** All the consumer's handles: the value comes from the application, until then the fallback works. */