@ds-mo/ui 14.25.0 → 14.27.0

package/dist/types/components/Table/table-types.d.ts

@@ -1,5 +1,6 @@
 import type { TagContrast, TagIntent } from '../Tag/Tag';
 import type { IconColor } from '../Icon/Icon';
+import type { SafetyScoreLevel } from '../Score/score-types';
 import type { TextColor } from '../Text/text-types';
 import type { PaginationState } from '../Pagination/pagination-types';
 export type TableSortDirection = 'asc' | 'desc';
@@ -43,12 +44,16 @@ export interface TableSortState {
 export interface TableGroupingState {
     columnId: string;
     direction: TableSortDirection;
+    /** Optional application-owned data point used to order the group sections. */
+    orderBy?: string;
 }
 /** One independently colored run inside a secondary or tertiary track. */
 export interface TableCellTextRun {
     text: string;
     /** Defaults to the track’s standard color. */
     color?: TextColor;
+    /** Optional supplementary copy shown from a dotted-underlined tooltip trigger. */
+    help?: string;
 }
 /** A secondary or tertiary track: one string, or up to three colorable runs. */
 export type TableCellTextTrack = string | TableCellTextRun[];
@@ -128,6 +133,30 @@ export interface TableCellIconText {
     maxLines?: TableCellMaxLines;
     fontFeature?: 'normal' | 'tabular-nums';
 }
+/**
+ * Compact safety-score fill at the top-right of a text copy stack. The score
+ * occupies one 24px track while the copy keeps the standard text-cell anatomy.
+ */
+export interface TableCellScoreText {
+    kind: 'score-text';
+    /** Display-ready safety score. Numeric values infer their semantic level. */
+    score: string | number;
+    scoreLevel?: SafetyScoreLevel;
+    /** Accessible name prefix. Defaults to “Safety score”. */
+    scoreLabel?: string;
+    /** Replace the score figure with its matching sm skeleton. */
+    scoreLoading?: boolean;
+    primary: string | number;
+    secondary?: TableCellTextTrack;
+    tertiary?: TableCellTextTrack;
+    secondaryColor?: TextColor;
+    tertiaryColor?: TextColor;
+    href?: string;
+    target?: TableCellLinkTarget;
+    wrap?: boolean;
+    maxLines?: TableCellMaxLines;
+    fontFeature?: 'normal' | 'tabular-nums';
+}
 /** Body-row track stack an image preview occupies. */
 export type TableCellImageTracks = 1 | 2 | 3;
 /** Declarative 16:9 image preview rendered by the table's standard cell primitive. */
@@ -221,7 +250,7 @@ export interface TableCellTags {
     /** Expected positive wrapped-line count used for row geometry and virtual estimates. */
     tracks: number;
 }
-export type TableCellValue = string | number | null | undefined | TableCellText | TableCellPrimaryText | TableCellTag | TableCellTags | TableCellIcon | TableCellIconText | TableCellImage | TableCellAction | TableCellEmpty | TableCellBlank;
+export type TableCellValue = string | number | null | undefined | TableCellText | TableCellPrimaryText | TableCellTag | TableCellTags | TableCellIcon | TableCellIconText | TableCellScoreText | TableCellImage | TableCellAction | TableCellEmpty | TableCellBlank;
 export type TableSkeletonWidth = string | number;
 /** Representative loading geometry for one table column. */
 export type TableCellSkeleton = {
@@ -247,6 +276,12 @@ export type TableCellSkeleton = {
     primaryWidth?: TableSkeletonWidth;
     secondaryWidth?: TableSkeletonWidth;
     tertiaryWidth?: TableSkeletonWidth;
+} | {
+    kind: 'score-text';
+    lines?: 1 | 2 | 3;
+    primaryWidth?: TableSkeletonWidth;
+    secondaryWidth?: TableSkeletonWidth;
+    tertiaryWidth?: TableSkeletonWidth;
 } | {
     kind: 'action';
     /** Icon actions use a square control canvas; labeled actions may provide a wider width. */
@@ -307,6 +342,22 @@ export interface TableRow {
     /** Make the complete row a keyboard- and pointer-activatable application target. */
     interactive?: boolean;
 }
+/** Supporting copy on a group section header's second track. */
+export interface TableGroupAccessory {
+    text: string;
+    /** Optional tooltip. Uses the shared dotted underline when present. */
+    help?: string;
+}
+/** Leading group-header accessory. Score is the first supported hero. */
+export interface TableGroupHeroScore {
+    kind: 'score';
+    value: string | number;
+    level?: SafetyScoreLevel;
+    /** Accessible name prefix, for example “Safety score”. */
+    label?: string;
+    isLoading?: boolean;
+}
+export type TableGroupHero = TableGroupHeroScore;
 export interface TableGroup {
     /** Stable group identity. */
     id: string;
@@ -321,6 +372,16 @@ export interface TableGroup {
      * intent background and bold intent title color.
      */
     intent?: TableGroupIntent;
+    /**
+     * Optional accessory copy on a second 24px track under the label and count.
+     * Middle-dot separated. At most four items are shown.
+     */
+    accessories?: TableGroupAccessory[];
+    /**
+     * Optional leading hero before the label and count. A score uses sm on both
+     * single-track and two-track headers and sits at the start of the copy stack.
+     */
+    hero?: TableGroupHero;
     /** Whether this group has more member rows available to load. */
     hasMore?: boolean;
     /** Controlled incremental loading state for this group's member rows. */

package/dist/types/components/Table/table-virtual-model.d.ts

@@ -1,13 +1,14 @@
 import type { TableColumn, TableGroup, TableRow } from './table-types';
 /**
- * Token-aligned body-row track contracts: 40 / 62 / 84, plus wrapping-secondary
- * 106. Estimates only; measured heights replace these after paint.
+ * Token-aligned body-row track contracts: 40 / 64 / 88, plus wrapping-secondary
+ * 112. Every track is 24px with no stack gap. Estimates only; measured heights
+ * replace these after paint.
  */
 export declare const TABLE_VIRTUAL_ROW_TRACK_SIZE: {
     readonly 1: 40;
-    readonly 2: 62;
-    readonly 3: 84;
-    readonly 4: 106;
+    readonly 2: 64;
+    readonly 3: 88;
+    readonly 4: 112;
 };
 /** Estimated row height for any positive named track count. */
 export declare function tableVirtualRowTrackSize(tracks: number): number;

package/dist/types/components/TableGroup/TableGroup.d.ts

@@ -1,10 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TableGroupingState } from '../Table/table-types';
+import type { TableGroupingState, TableSortDirection } from '../Table/table-types';
+export interface TableGroupOrderOption {
+    label: string;
+    direction: TableSortDirection;
+    /** Optional application-owned data point used to order the group sections. */
+    orderBy?: string;
+}
 export interface TableGroupOption {
     label: string;
     value: string;
     description?: string;
     isInactive?: boolean;
+    /** Product-owned order choices for this grouping data point. */
+    orderOptions?: TableGroupOrderOption[];
 }
 export declare class TableGroup {
     private el;
@@ -51,10 +59,12 @@ export declare class TableGroup {
     private finishClose;
     private focusInitialDataPoint;
     private selectData;
-    private selectDirection;
+    private get activeOrderOptions();
+    private get selectedOrderIndex();
+    private selectOrder;
     private moveFocus;
     private renderDataOption;
-    private renderDirection;
+    private renderOrder;
     render(): any;
 }
 //# sourceMappingURL=TableGroup.d.ts.map

package/dist/types/components/Textarea/Textarea.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlWidth } from '../../utils';
+export type TextareaSize = 'lg' | 'md' | 'sm' | 'xs';
+export type TextareaWidth = ControlWidth;
+export type TextareaResize = 'vertical' | 'none';
+export declare class Textarea {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private generatedId;
+    private errorId;
+    value: string;
+    name: string | undefined;
+    form: string | undefined;
+    disabled: boolean;
+    /** Keeps the value focusable and submittable while preventing edits. */
+    readOnly: boolean;
+    required: boolean;
+    requiredMessage: string;
+    placeholder: string | undefined;
+    /** Visible text rows before the field scrolls. */
+    rows: number;
+    /** Whether the user can resize the field vertically. */
+    resize: TextareaResize;
+    /** Native browser autofill hint. */
+    autoComplete: string | undefined;
+    /** Preferred virtual keyboard without changing the value semantics. */
+    inputMode: string;
+    /** Preferred virtual-keyboard action label. */
+    enterKeyHint: string;
+    /** Whether the browser should check spelling and grammar. */
+    spellCheck: boolean;
+    /** Control density for typography and inset spacing. */
+    size: TextareaSize;
+    /** Width fit — fill the parent (default) or hug the available content. */
+    width: TextareaWidth;
+    /** Show the standard inset border, including focused and invalid strokes. */
+    hasBorder: boolean;
+    /** Show the standard hover and pressed fill when the field is not embedded in interactive chrome. */
+    hasInteractionFill: boolean;
+    isInactive: boolean;
+    autoFocus: boolean;
+    error: boolean;
+    errorMessage: string | undefined;
+    /** Associates the internal textarea with an external <label>. */
+    inputId: string | undefined;
+    ariaLabel: string | null;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private initialValue;
+    private textareaEl?;
+    private formDisabled;
+    private focused;
+    private touched;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    render(): any;
+}
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/types/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextareaResize, TextareaSize, TextareaWidth } from './Textarea';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -40,7 +40,7 @@ export declare class Tooltip {
      * the label is already in the DOM, such as a truncated table cell.
      */
     describedBy: boolean;
-    /** Allow the label to wrap at a panel-xs max width instead of a single line. */
+    /** Allow wrapping at a panel-xs max width and preserve explicit line breaks. */
     wrapLabel: boolean;
     private tooltipId;
     private delayTimer;