@tedi-design-system/react 19.0.0-rc.16 → 19.0.0-rc.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.0.0-rc.16",
+  "version": "19.0.0-rc.18",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

package/src/tedi/components/content/text-group/text-group-list/text-group-list.d.ts

@@ -8,13 +8,13 @@ type TextGroupListBreakpointProps = {
     type?: 'horizontal';
     /**
      * Alignment for the label text.
-     * @default 'left'
+     * @default left
      */
     labelAlign?: TextAlign;
     /**
      * Width for the label column (e.g., `'200px'`, `'30%'`, or a `number`
      * interpreted as a percent).
-     * @default 'auto'
+     * @default auto
      */
     labelWidth?: string | number;
 } | {
@@ -25,13 +25,13 @@ type TextGroupListBreakpointProps = {
     /**
      * Alignment for the label text. Vertical layout only supports left
      * alignment — pass `'right'` only with `type: 'horizontal'`.
-     * @default 'left'
+     * @default left
      */
     labelAlign?: 'left';
     /**
      * Width for the label column (e.g., `'200px'`, `'30%'`, or a `number`
      * interpreted as a percent).
-     * @default 'auto'
+     * @default auto
      */
     labelWidth?: string | number;
 };
@@ -42,7 +42,8 @@ export interface TextGroupListItem {
      */
     label: React.ReactNode;
     /**
-     * Value rendered as the `<dd>` for this row.
+     * Value rendered as the `<dd>` for this row. Accepts multiple nodes — a trailing
+     * `StatusBadge`, `Tag`, or info tooltip renders inline beside the text.
      */
     value: React.ReactNode | React.ReactNode[];
     /**

package/src/tedi/components/content/text-group/text-group.d.ts

@@ -8,12 +8,12 @@ type TextGroupBreakpointProps = {
     type?: 'horizontal';
     /**
      * Alignment for the label text
-     *  @default 'left'
+     *  @default left
      */
     labelAlign?: TextAlign;
     /**
      * Width for the label (e.g., '200px', '30%', etc.)
-     * @default 'auto'
+     * @default auto
      */
     labelWidth?: string | number;
 } | {
@@ -23,12 +23,12 @@ type TextGroupBreakpointProps = {
     type: 'vertical';
     /**
      * Alignment for the label text
-     *  @default 'left'
+     *  @default left
      */
     labelAlign?: 'left';
     /**
      * Width for the label (e.g., '200px', '30%', etc.)
-     * @default 'auto'
+     * @default auto
      */
     labelWidth?: string | number;
 };
@@ -38,7 +38,9 @@ export type TextGroupProps = BreakpointSupport<TextGroupBreakpointProps> & {
      */
     label: React.ReactNode;
     /**
-     * Value displayed alongside the label
+     * Value displayed alongside the label. Accepts multiple nodes — a trailing
+     * `StatusBadge`, `Tag`, or info tooltip renders inline beside the text (the
+     * value row is a flex container with a small gap).
      */
     value: React.ReactNode | React.ReactNode[];
     /**