npm - @cmgfi/clear-ds - Versions diffs - 1.1.0 → 1.1.2 - Mend

@cmgfi/clear-ds 1.1.0 → 1.1.2

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.

Files changed (9) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -203,7 +203,7 @@ export declare interface BannerTabStatus {
 /**
  * Button — Clear Design System
  *
- * A versatile action button with five visual variants, two sizes, optional
+ * A versatile action button with five visual variants, three sizes, optional
  * leading/trailing icons, and an optional notification badge.
  *
  * @example
@@ -223,7 +223,12 @@ export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttribut
 export declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Visual style. Defaults to `'primary'`. */
     variant?: ButtonVariant;
-    /** Size. `md` = 40px height / 15px font (default). `sm` = 24px height / 10px font. */
+    /**
+     * Size variant. Sizes match the Figma spec:
+     * - `sm` = 24px height / 10px font
+     * - `md` = 36px height / 13px font (default)
+     * - `lg` = 40px height / 15px font
+     */
     size?: ButtonSize;
     /** Icon rendered before the label. Pass any React node (e.g. a PrimeIcon). */
     leadingIcon?: React.ReactNode;
@@ -236,7 +241,7 @@ export declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButt
     badge?: string | number;
 }
-export declare type ButtonSize = 'md' | 'sm';
+export declare type ButtonSize = 'sm' | 'md' | 'lg';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'link';
@@ -350,6 +355,11 @@ export declare interface CloseButtonProps extends React.ButtonHTMLAttributes<HTM
 export declare interface ColumnFilter {
     /** Determines which filter UI to render. */
     type: FilterType;
+    /**
+     * For `'rule'` type — selects the operator set and value editor.
+     * @default 'text'
+     */
+    dataType?: FilterDataType;
     /** Options for `'checklist'` type. */
     options?: FilterOption[];
     /** Grouped options for `'grouped-checklist'` type. */
@@ -703,6 +713,13 @@ export declare interface FileUploadResult {
     docType: string;
 }
+/**
+ * Drives which operator set the rule filter shows and which value editor it
+ * renders. `'text'` (default) uses text operators with a text input. `'date'`
+ * uses date operators with a native date picker.
+ */
+export declare type FilterDataType = 'text' | 'date';
 export declare interface FilterGroup {
     label: string;
     options: FilterOption[];
@@ -764,7 +781,12 @@ export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTML
     icon: React.ReactNode;
     /** Visual style. Defaults to `'primary'`. */
     variant?: ButtonVariant;
-    /** Size. `md` = 40×40px (default). `sm` = 24×24px. */
+    /**
+     * Size variant. Sizes match the Figma spec and share Button's sizing ramp:
+     * - `sm` = 24×24px
+     * - `md` = 36×36px (default)
+     * - `lg` = 40×40px
+     */
     size?: ButtonSize;
     /**
      * Accessible label describing the button's action. Required for screen-reader support
@@ -1917,9 +1939,15 @@ export declare interface TabItem {
  * Tabs — Clear Design System
  *
  * Standard underline-style tab strip. Fully controlled — the parent owns
- * which tab is active. Renders the active tab's `content` below the strip.
+ * which tab is active. Two variants:
+ * - `'panel'` (default): renders the active tab's `content` below the strip.
+ *   Use for sub-section switching inside a page.
+ * - `'nav'`: page-level navigation with larger padding/font; the active
+ *   tab's `content` is not rendered (each tab is a route/page). Renders
+ *   as `<nav>` for the right semantics.
  *
  * @example
+ * // Panel variant (default) — sub-section switcher with content below.
  * const [active, setActive] = useState('tab1');
  * <Tabs
  *   tabs={[
@@ -1929,6 +1957,19 @@ export declare interface TabItem {
  *   activeTab={active}
  *   onChange={setActive}
  * />
+ *
+ * @example
+ * // Nav variant — top-level page navigation, no content panel.
+ * <Tabs
+ *   variant="nav"
+ *   tabs={[
+ *     { id: 'pricing', label: 'Run Pricing' },
+ *     { id: 'scenarios', label: 'Lead Scenarios' },
+ *     { id: 'templates', label: 'Scenario Templates' },
+ *   ]}
+ *   activeTab={page}
+ *   onChange={setPage}
+ * />
  */
 export declare const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>;
@@ -1939,6 +1980,14 @@ export declare interface TabsProps {
     activeTab: string;
     /** Called with the id of the tab the user selected. */
     onChange: (id: string) => void;
+    /**
+     * Visual + structural variant.
+     * - `'panel'` (default): tab strip + content panel for the active tab.
+     * - `'nav'`: navigation-only strip with larger padding/font; the active
+     *   tab's `content` is **not** rendered (each tab represents a page or
+     *   route). Renders as `<nav>` for the right semantics.
+     */
+    variant?: 'panel' | 'nav';
     className?: string;
     style?: React.CSSProperties;
 }