@lax-wp/design-system 0.13.18 → 0.13.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,8 @@ import { type ReactNode } from "react";
2
2
  import type { TToggleDirection } from "../../../constants/toggle";
3
3
  import { type LabelType } from "../../data-display/label/Label";
4
4
  export type { LabelType };
5
+ /** Visual emphasis for the toggle container (background + border) */
6
+ export type ToggleEmphasis = "default" | "modified" | "deleted" | "success";
5
7
  /**
6
8
  * Confidence score type
7
9
  */
@@ -98,6 +100,8 @@ export interface ToggleProps {
98
100
  wrapperClassName?: string;
99
101
  /** Help text to display below the label */
100
102
  helpText?: string;
103
+ /** Optional extra content in the label row (e.g. actions, badges) */
104
+ labelExtra?: React.ReactNode;
101
105
  /** Size variant for the toggle */
102
106
  size?: "small" | "medium" | "large";
103
107
  /** Custom render function for GTN add to document button */
@@ -107,6 +111,8 @@ export interface ToggleProps {
107
111
  key: string;
108
112
  value: string;
109
113
  }) => void;
114
+ /** Container surface style: `'modified'` — Warning-50/Warning-200; `'deleted'` — Error-50/Error-200; `'success'` — Success-50/Success-200 */
115
+ inputEmphasis?: ToggleEmphasis;
110
116
  }
111
117
  /**
112
118
  * A highly customizable toggle component with label, validation, and styling support.