@rt-tools/ui-kit-v2 0.39.0 → 0.39.1

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

@@ -31,22 +31,24 @@
 
 ## `[rtTab]`
 
-| вход                              | тип                                           | умолчание             |
-| --------------------------------- | --------------------------------------------- | --------------------- |
-| `rtTab`                           | `IRtTabs.Id` — идентификатор вкладки          | `''`                  |
-| `label`                           | `string`                                      | `''`                  |
-| `titleTemplate`                   | `TemplateRef \| null`                         | `null`                |
-| `icon` / `iconColor`              | `IRtIcon.Name \| null` / `IRtTabs.TitleColor` | `null` / `'current'`  |
-| `badge`                           | `string \| number \| null`                    | `null`                |
-| `badgeTitle`                      | `string` — подсказка при наведении на метку   | `''`                  |
-| `badgeAriaLabel`                  | `string` — подпись метки для чтения с экрана  | `''`                  |
-| `disabled` / `hidden` / `invalid` | `boolean`                                     | `false`               |
-| `invalidMessage`                  | `string`                                      | `''` → `uiTabInvalid` |
-| `glyph`                           | `string \| null` — значок Material            | `null`                |
-| `tooltip`                         | `string` — подсказка, и у отключённой         | `''`                  |
-| `closable`                        | `boolean`                                     | `false`               |
-| `closeTooltip`                    | `string` — подсказка крестика                 | `''`                  |
-| `closeTooltipPlacement`           | `IRtTooltip.Placement \| null`                | `null`                |
+| вход                              | тип                                               | умолчание             |
+| --------------------------------- | ------------------------------------------------- | --------------------- |
+| `rtTab`                           | `IRtTabs.Id` — идентификатор вкладки              | `''`                  |
+| `label`                           | `string`                                          | `''`                  |
+| `titleTemplate`                   | `TemplateRef \| null`                             | `null`                |
+| `icon` / `iconColor`              | `IRtIcon.Name \| null` / `IRtTabs.TitleColor`     | `null` / `'current'`  |
+| `badge`                           | `string \| number \| null`                        | `null`                |
+| `badgeTitle`                      | `string` — подсказка при наведении на метку       | `''`                  |
+| `badgeAriaLabel`                  | `string` — подпись метки для чтения с экрана      | `''`                  |
+| `badgePosition`                   | `IRtTabs.BadgePosition` — `'overlay'` над иконкой | `'inline'`            |
+| `iconFill`                        | `boolean` — иконка залита                         | `false`               |
+| `disabled` / `hidden` / `invalid` | `boolean`                                         | `false`               |
+| `invalidMessage`                  | `string`                                          | `''` → `uiTabInvalid` |
+| `glyph`                           | `string \| null` — значок Material                | `null`                |
+| `tooltip`                         | `string` — подсказка, и у отключённой             | `''`                  |
+| `closable`                        | `boolean`                                         | `false`               |
+| `closeTooltip`                    | `string` — подсказка крестика                     | `''`                  |
+| `closeTooltipPlacement`           | `IRtTooltip.Placement \| null`                    | `null`                |
 
 ## Главное, что нужно знать
 

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

@@ -351,6 +351,13 @@
             flex-shrink: 0;
         }
 
+        /* Опора бейджа над иконкой: вкладка не знает, где иконка, и кружок ставится от её коробки. */
+        &__icon-box {
+            position: relative;
+            display: inline-flex;
+            flex-shrink: 0;
+        }
+
         &__badge {
             display: inline-flex;
             min-width: 18px;
@@ -364,6 +371,23 @@
             font-size: var(--rt-text-xs);
             font-weight: var(--rt-font-weight-medium);
             line-height: var(--rt-leading-none);
+
+            /* Кружок над правым верхним углом иконки, как `matBadge` у Material: из потока вынут, и
+               вкладка той же ширины, что без бейджа. Привязан правым краем — длинное число растёт
+               на иконку, а не на подпись. Сторона кружка — его полная ширина: поля внутри неё, иначе
+               однозначное число шире 16 px. */
+            &--overlay {
+                position: absolute;
+                top: calc(-1 * var(--rt-space-2));
+                right: calc(-1 * (var(--rt-space-1) + var(--rt-space-0-5)));
+                min-width: var(--rt-size-4);
+                height: var(--rt-size-4);
+                box-sizing: border-box;
+                padding: 0 var(--rt-space-1);
+                background-color: var(--rt-color-action-primary);
+                color: var(--rt-color-action-on-primary);
+                font-size: var(--rt-text-2xs);
+            }
         }
 
         /* Крестик закрываемой вкладки: подложка при наведении отделяет его от самой вкладки,
@@ -419,7 +443,7 @@
                 background-color: var(--rt-color-action-primary);
             }
 
-            .rt-tab-item__badge {
+            .rt-tab-item__badge:not(.rt-tab-item__badge--overlay) {
                 background-color: var(--rt-color-action-primary-soft);
                 color: var(--rt-color-action-primary);
             }

package/src/styles/_form.scss

@@ -231,6 +231,16 @@
         }
     }
 
+    /* Блок службы, стоящий прямо в форме, отбивается от следующего раздела шагом строк: на
+       макете панели подключения поле под чертой блока стоит на 16 при любой ширине. Источник
+       промежутка остаётся один, зазор формы, а блок снимает с него разницу между шагом разделов
+       и шагом строк. Разница есть только шире порога панели: на узком экране зазор формы и так 16. */
+    @media (width > #{bp.$rt-bp-md}) {
+        .rt-form > .rt-service-block {
+            margin-bottom: calc(var(--rt-space-md) - var(--rt-space-xl));
+        }
+    }
+
     /* На узком экране панель занимает весь экран, и ритм разделов сжимается вдвое. Порог тот же,
        что у самой панели. Ритм строк не трогается: строки и на узком идут тем же шагом. */
     @media (width <= #{bp.$rt-bp-md}) {

package/src/styles/_semantic.scss

@@ -398,6 +398,7 @@
     --rt-field-gap: var(--rt-space-xs);
     --rt-field-label-font-size: var(--rt-text-sm);
     --rt-field-label-font-weight: var(--rt-font-weight-medium);
+    --rt-field-label-line-height: var(--rt-leading-none);
     --rt-field-label-color: var(--rt-color-text-muted);
     --rt-field-label-help-gap: var(--rt-space-xs);
     --rt-field-hint-font-size: var(--rt-text-xs);
@@ -407,7 +408,7 @@
     --rt-field-messages-padding-top: 0px;
     --rt-field-error-color: var(--rt-color-state-danger);
     --rt-field-required-color: var(--rt-color-state-danger);
-    --rt-field-required-gap: var(--rt-space-1);
+    --rt-field-required-gap: var(--rt-space-0-5);
     --rt-field-value-font-size: var(--rt-text-sm);
     --rt-field-value-color: var(--rt-color-text-primary);
     --rt-field-value-empty-color: var(--rt-color-text-muted);

package/styles/tokens.css

@@ -808,6 +808,7 @@
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -817,7 +818,7 @@
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -1842,6 +1843,7 @@ html.rt-theme-dark {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -1851,7 +1853,7 @@ html.rt-theme-dark {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -2379,6 +2381,7 @@ html.rt-theme-dark {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -2388,7 +2391,7 @@ html.rt-theme-dark {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -3065,6 +3068,7 @@ html.rt-theme-dark {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -3074,7 +3078,7 @@ html.rt-theme-dark {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -3877,6 +3881,7 @@ html.rt-theme-dark .rt-preset-material {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -3886,7 +3891,7 @@ html.rt-theme-dark .rt-preset-material {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -4874,6 +4879,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -4883,7 +4889,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -5685,6 +5691,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -5694,7 +5701,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -6493,6 +6500,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-gap: var(--rt-space-xs);
   --rt-field-label-font-size: var(--rt-text-sm);
   --rt-field-label-font-weight: var(--rt-font-weight-medium);
+  --rt-field-label-line-height: var(--rt-leading-none);
   --rt-field-label-color: var(--rt-color-text-muted);
   --rt-field-label-help-gap: var(--rt-space-xs);
   --rt-field-hint-font-size: var(--rt-text-xs);
@@ -6502,7 +6510,7 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
-  --rt-field-required-gap: var(--rt-space-1);
+  --rt-field-required-gap: var(--rt-space-0-5);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -7638,6 +7646,15 @@ html.rt-theme-dark.rt-preset-material {
   .rt-form .rt-tabs__content {
     gap: var(--rt-space-xl);
   }
+  /* Блок службы, стоящий прямо в форме, отбивается от следующего раздела шагом строк: на
+     макете панели подключения поле под чертой блока стоит на 16 при любой ширине. Источник
+     промежутка остаётся один, зазор формы, а блок снимает с него разницу между шагом разделов
+     и шагом строк. Разница есть только шире порога панели: на узком экране зазор формы и так 16. */
+  @media (width > 768px) {
+    .rt-form > .rt-service-block {
+      margin-bottom: calc(var(--rt-space-md) - var(--rt-space-xl));
+    }
+  }
   /* На узком экране панель занимает весь экран, и ритм разделов сжимается вдвое. Порог тот же,
      что у самой панели. Ритм строк не трогается: строки и на узком идут тем же шагом. */
   @media (width <= 768px) {
@@ -7665,7 +7682,9 @@ html.rt-theme-dark.rt-preset-material {
     --rt-btn-padding: 0 1.25rem;
     --rt-btn-gap: 0.5rem;
     --rt-btn-radius: var(--rt-radius-control);
-    --rt-btn-border-width: var(--rt-border-width-thin);
+    /* Рамка есть только у кнопки в рамке, как в макете кнопок: у залитой и текстовой
+       её нет, и подпись стоит на отступе от края, а не на отступе плюс рамка. */
+    --rt-btn-border-width: 0px;
     --rt-btn-transition-duration: var(--rt-duration-fast);
     --rt-btn-focus-shadow: var(--rt-shadow-focus-ring);
     --rt-btn-font-size: 0.95rem;
@@ -7818,6 +7837,7 @@ html.rt-theme-dark.rt-preset-material {
        свойствами — на графите слабый оттенок не виден, и тёмная тема их поднимает. */
   }
   .rt-button--outlined {
+    --rt-btn-border-width: var(--rt-border-width-thin);
     --rt-btn-bg: transparent;
     --rt-btn-bg-hover: color-mix(in srgb, var(--rt-btn-color) var(--rt-btn-tint-hover), transparent);
     --rt-btn-bg-active: color-mix(in srgb, var(--rt-btn-color) var(--rt-btn-tint-active), transparent);

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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, PipeTransform, Signal, Type, WritableSignal } from "@angular/core";
-import { FormControl } from "@angular/forms";
+import { FormControl as FormControl$1 } from "@angular/forms";
 import { IFilterModel, ISortModel, TFilterOperatorType } from "@rt-tools/utils";
 import { MonoTypeOperatorFunction, Observable } from "rxjs";
 /**
@@ -152,9 +152,9 @@ export declare namespace IRtDataTable {
       columns: Array<IRtDataTable.Column<T>>;
     }
     interface Form<T> {
-      isVerticalScrollbarShown: FormControl<boolean>;
-      isHorizontalScrollbarShown: FormControl<boolean>;
-      columns: FormControl<(keyof T)[]>;
+      isVerticalScrollbarShown: FormControl$1<boolean>;
+      isHorizontalScrollbarShown: FormControl$1<boolean>;
+      columns: FormControl$1<(keyof T)[]>;
     }
   }
 }
@@ -400,9 +400,18 @@ export declare namespace IRtKitConfig {
     /** Задержка показа при наведении, мс. Умолчание кита — 300. */
     showDelay?: number;
   }
+  /**
+   * Умолчания полей общей базы: ввода, автокомплита, числа, дат, выбора и прочих. Вход на поле
+   * перебивает их.
+   */
+  interface FormControl {
+    /** Доходит ли крестик очистки по Tab. Умолчание кита — не доходит. */
+    clearTabbable?: boolean;
+  }
   /** Умолчания по узлам: каждое действует на одну семью и перебивает общее. */
   interface Components {
     button?: Button;
+    formControl?: FormControl;
     aside?: Aside;
     dataTable?: DataTable;
     dataList?: DataList;
@@ -1331,6 +1340,12 @@ export declare enum ERtStorageKeys {
   Theme = "rt.theme",
   /** Префикс, а не полный ключ: итоговый вид — `rt.table.columns.<tableId>`. */
   TableColumnsPrefix = "rt.table.columns.",
+  /**
+   * Префикс настроек `rt-data-table`: итоговый вид — `rt.data-table.config.<ключ приложения>`.
+   * Свой, а не `TableColumnsPrefix`: форма записи другая, и один ключ на обе таблицы дал бы
+   * одной прочитать чужое.
+   */
+  DataTableConfigPrefix = "rt.data-table.config.",
   /** Настройки боковых меню: один объект, в нём каждое меню под своим номером. */
   SideMenu = "rt.side-menu"
 }
@@ -1420,7 +1435,7 @@ export declare class RtInfiniteScrollDirective implements OnDestroy {
   }, never, never, true, never>;
 }
 /** 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-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-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-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-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';
+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-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-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-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-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';
 /** All the styling properties declared by the kit. */

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

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 import { AfterViewChecked, ElementRef, InjectionToken, InputSignal, InputSignalWithTransform, OnInit, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
 import { BooleanInput } from "@angular/cdk/coercion";
 import { SafeStyle } from "@angular/platform-browser";
+import { TRtAriaSort, TRtFilterValue } from "@rt-tools/ui-kit-v2/table-core";
 import { IFilterModel, ISortModel, TFilterOperatorType, TListSortOrderType, TNullable } from "@rt-tools/utils";
 import { IRtSelect } from "@rt-tools/ui-kit-v2/select";
 /** Значение ячейки: как его отдала запись или как его переделала колонка. */
@@ -21,6 +22,11 @@ export declare function dataTableCopyButtonSide(column: IRtDataTable.Column<unkn
  * перечнем молча, и одно имя рисовалось бы в двух местах двумя рисунками.
  */
 export declare function dataTableIconName(glyph: string): IRtIcon.Name | null;
+/**
+ * Ключ, под которым таблица держит настройки: префикс кита и ключ, данный приложением.
+ * Запись под одним ключом приложения — старая: её оставил первый кит или прежняя версия этого.
+ */
+export declare function dataTableConfigKeyOf(storageKey: string): string;
 /**
  * Порядок имён колонок для сверки двух наборов.
  *
@@ -32,8 +38,9 @@ export declare function comparePropNames(a: PropertyKey | undefined, b: Property
 /**
  * Настройки таблицы в хранилище браузера: порядок и видимость столбцов, полосы прокрутки.
  *
- * Перенесено из первого кита как есть: ключ — тот, что дало приложение, форма записи — та же.
- * Поэтому настройки, сохранённые таблицей первого кита, читаются здесь без переделки.
+ * Форма записи — первого кита. Ключ — кита: `dataTableConfigKeyOf`. Старая запись под одним
+ * ключом приложения читается, когда под ключом кита пусто, и копируется под него; сама она остаётся,
+ * потому что её может читать таблица первого кита в том же приложении.
  */
 export declare class RtDataTableConfigService<ENTITY_TYPE> {
   #private;
@@ -50,6 +57,10 @@ export declare class RtDataTableConfigService<ENTITY_TYPE> {
   constructor();
   initConfig(storageKey: string, config: Array<IRtDataTable.Column<ENTITY_TYPE>>): void;
   updateConfig(storageKey: string, config: IRtDataTable.Config.Data<ENTITY_TYPE>): void;
+  /**
+   * Снимает обе записи: оставленная старая скопировалась бы обратно при следующем открытии.
+   * Начатое чтение гасится первым: его поздняя копия встала бы за снятием и вернула сброшенное.
+   */
   deleteConfig(storageKey: string): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RtDataTableConfigService<any>, never>;
   static ɵprov: i0.ɵɵInjectableDeclaration<any>;
@@ -211,14 +222,17 @@ export declare class RtDataTableCellComponent<T = Record<string, unknown>> {
   }, {}, never, never, true, never>;
 }
 /**
- * Какой порядок просит нажатие на шапку — как в первом ките: по возрастанию, а после возрастания
- * по убыванию. Снятия порядка нет: после убывания снова возрастание.
+ * Какой порядок просит нажатие на шапку — как в первом ките, круг `repeats` ядра таблиц: по
+ * возрастанию, а после возрастания по убыванию. Снятия порядка нет: после убывания снова возрастание.
+ *
+ * `propertyName` — нажатая колонка: порядок по другой колонке, даже возрастающий, просит у неё
+ * возрастание. Без неё колонкой считается та, по которой порядок уже стоит, — так звали раньше.
  */
-export declare function dataTableNextSortOrder(current: TNullable<ISortModel<string>>): TListSortOrderType;
+export declare function dataTableNextSortOrder(current: TNullable<ISortModel<string>>, propertyName?: string): TListSortOrderType;
 /** Порядок таблицы сейчас стоит по этой колонке. */
 export declare function dataTableSortActive(sort: TNullable<ISortModel<string>>, current: TNullable<ISortModel<string>>): boolean;
 /** Значение `aria-sort` шапки: скринридер называет порядок колонки, а не только её имя. */
-export type TRtDataTableAriaSort = 'ascending' | 'descending' | 'none';
+export type TRtDataTableAriaSort = TRtAriaSort;
 /**
  * `aria-sort` сортируемой колонки: порядок по ней, если он стоит по ней, иначе `none`. Колонке
  * без сортировки атрибут не положен вовсе — `null` снимает его.
@@ -290,7 +304,7 @@ export declare class RtDataTableHeaderCellComponent<T = Record<string, unknown>>
   }, never, never, true, never>;
 }
 /** Значение отбора в том виде, в каком его отдаёт приложению первый кит. */
-export type TRtDataTableFilterValue = string | number | boolean;
+export type TRtDataTableFilterValue = TRtFilterValue;
 /**
  * Значок вида сравнения — имя первого кита; набор кита рисует его по перечню соответствий.
  * «Начинается с» и «заканчивается на» первый кит объявлял, но значка и пункта меню им не давал.
@@ -303,8 +317,8 @@ export declare function dataTableDefaultOperator(operator: TFilterOperatorType |
 /** Условие колонки из набора приложения, а без него — пустое условие с видом по умолчанию. */
 export declare function dataTableColumnFilter<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, propertyName: KEY, defaultOperator: TFilterOperatorType): IFilterModel<KEY>;
 /**
- * Набор условий после смены значения колонки; `null` — приложению сообщать нечего.
- * Пустое значение снимает условие колонки, значение на колонке без условия добавляет его.
+ * Набор условий после смены значения колонки — по ядру таблиц в режиме `falsy`; `null` — приложению
+ * сообщать нечего. Любое ложное значение снимает условие колонки, как в первом ките.
  */
 export declare function dataTableFiltersWithValue<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, current: IFilterModel<KEY>, value: TRtDataTableFilterValue): IFilterModel<KEY>[] | null;
 /** Набор условий после смены вида сравнения; `null` — ни условия, ни значения, спрашивать нечего. */

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

@@ -27,8 +27,8 @@ export declare abstract class RtFormControlBase<TValue> implements ControlValueA
   readonly ariaLabel: InputSignal<string | null>;
   readonly clearable: InputSignalWithTransform<boolean, BooleanInput>;
   /**
-   * Ставит крестик очистки в порядок обхода по Tab. По умолчанию `false`: крестик достаётся мышью,
-   * а Tab идёт от поля к полю, как прежде. Учитывают его поле ввода и выбор из списка.
+   * Ставит крестик очистки в порядок обхода по Tab. Умолчание — `formControl.clearTabbable` из
+   * настроек кита, без него `false`: крестик достаётся мышью, а Tab идёт от поля к полю.
    */
   readonly clearTabbable: InputSignalWithTransform<boolean, BooleanInput>;
   /**

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

@@ -18,7 +18,7 @@ import * as i1 from "@rt-tools/ui-kit-v2/radius";
  * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.
  *
  * Default icon по severity:
- * - `info` → `ico-info`
+ * - `info` → `info-circle`
  * - `success` → `check`
  * - `warning` → `ico-warning`
  * - `danger` → `ico-error`