@cmgfi/clear-ds 1.1.3 → 1.1.5

package/dist/index.d.ts

@@ -226,7 +226,7 @@ export declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButt
     /**
      * Size variant. Sizes match the Figma spec:
      * - `sm` = 24px height / 10px font
-     * - `md` = 36px height / 13px font (default)
+     * - `md` = 36px height / 12px font (default)
      * - `lg` = 40px height / 15px font
      */
     size?: ButtonSize;
@@ -348,8 +348,8 @@ export declare interface CloseButtonProps extends React.ButtonHTMLAttributes<HTM
      * closes something specific, e.g. `aria-label="Close dialog"`.
      */
     'aria-label'?: string;
-    /** Size variant. `sm` = 24×24px (default). `md` = 40×40px. */
-    size?: 'sm' | 'md';
+    /** Size variant. `sm` = 24×24px (default). `md` = 36×36px. `lg` = 40×40px. */
+    size?: 'sm' | 'md' | 'lg';
 }
 
 export declare interface ColumnFilter {
@@ -886,7 +886,7 @@ export declare interface InputTextProps extends Omit<React.InputHTMLAttributes<H
  *
  * @example
  * <LightningButton
- *   variant="outline"
+ *   variant="basic"
  *   items={[{ label: 'Copy Loan', value: 'copy' }]}
  *   onSelect={(v) => console.log(v)}
  *   aria-label="Quick actions"
@@ -911,10 +911,11 @@ export declare interface LightningButtonProps {
     variant?: 'basic' | 'filled';
     /**
      * Button size. Only meaningful for the `filled` variant.
-     * - `'md'` — 36px tall (default)
      * - `'sm'` — 24px tall
+     * - `'md'` — 36px tall (default)
+     * - `'lg'` — 40px tall
      */
-    size?: 'md' | 'sm';
+    size?: 'sm' | 'md' | 'lg';
     /** Dropdown items. */
     items: LightningButtonItem[];
     /** Called when the user selects a dropdown item. */
@@ -1672,6 +1673,8 @@ export declare interface SelectButtonOption {
     count?: number;
     /** Colored circular badge (e.g., teal for info, red for alerts). */
     badge?: SelectButtonBadge;
+    /** Optional icon rendered before the label. Pass any React node (e.g. a PrimeIcon). */
+    icon?: React.ReactNode;
 }
 
 export declare interface SelectButtonProps {
@@ -1688,6 +1691,8 @@ export declare interface SelectButtonProps {
      *   clicking opens a dropdown to pick a different option.
      */
     variant?: 'group' | 'options';
+    /** Size variant. Matches the standard button ramp: `sm` = 24px, `md` = 36px (default), `lg` = 40px. */
+    size?: 'sm' | 'md' | 'lg';
     /** Optional field label rendered above the button. */
     label?: string;
     /** Adds a red asterisk next to the label. */
@@ -1891,8 +1896,8 @@ export declare interface SplitButtonProps {
      * Defaults to `'primary'`.
      */
     variant?: 'primary' | 'secondary';
-    /** Size. `'md'` = 36px height (default). `'sm'` = 24px height. */
-    size?: 'md' | 'sm';
+    /** Size. `'md'` = 36px height (default). `'sm'` = 24px height. `'lg'` = 40px height. */
+    size?: 'sm' | 'md' | 'lg';
     /** Optional icon rendered before the label in the main action area. */
     leadingIcon?: React.ReactNode;
     /** Disables the entire component. */