@rededor/cura 1.6.1-alpha.0 → 1.6.1-alpha.10

package/dist/esm/{static-061aa850.js → static-090f0088.js}

@@ -18,10 +18,17 @@ const Static = {
             '700': '66,100,153',
             '900': '37,56,85',
         },
+        /* error: {
+          '100': '251,221,221',
+          '300': '242,143,143',
+          '500': '235,87,87',
+          '700': '157,58,58',
+          '900': '47,17,17',
+        }, */
         error: {
             '100': '251,221,221',
             '300': '242,143,143',
-            '500': '235,87,87',
+            '500': '206,42,42',
             '700': '157,58,58',
             '900': '47,17,17',
         },
@@ -32,6 +39,13 @@ const Static = {
             '700': '108,106,32',
             '900': '49,48,16',
         },
+        whatsapp: {
+            '100': '182,240,204',
+            '300': '110,226,153',
+            '500': '37,211,102',
+            '700': '25,141,68',
+            '900': '7,42,20',
+        },
         neutral: {
             '0': '255,255,255',
             '100': '246,246,246',
@@ -71,4 +85,4 @@ const Static = {
 
 export { Static as S };
 
-//# sourceMappingURL=static-061aa850.js.map
+//# sourceMappingURL=static-090f0088.js.map

package/dist/esm/static-090f0088.js.map

@@ -0,0 +1 @@
+{"file":"static-090f0088.js","mappings":"AAAA;;;MAGa,MAAM,GAAG;;IAEpB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,UAAU;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,UAAU;SAClB;;;;;;;;QAQD,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,UAAU;SAClB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACP,GAAG,EAAE,aAAa;YAClB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;IACD,WAAW,EAAE;QACX,MAAM,EAAE;YACN,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;QACD,KAAK,EAAE;YACL,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,GAAG;SACT;QACD,MAAM,EAAE;YACN,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,GAAG;SACT;QACD,KAAK,EAAE;YACL,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,IAAI;SACV;QACD,MAAM,EAAE;YACN,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,IAAI;SACV;KACF;;;;;","names":[],"sources":["src/api/theme-presets/static.ts"],"sourcesContent":["/**\n * Static\n */\nexport const Static = {\n  /* Colors */\n  color: {\n    success: {\n      '100': '223,246,233',\n      '300': '148,225,181',\n      '500': '95,210,144',\n      '700': '49,115,77',\n      '900': '19,42,29',\n    },\n    info: {\n      '100': '207,226,255',\n      '300': '149,191,255',\n      '500': '110,168,255',\n      '700': '66,100,153',\n      '900': '37,56,85',\n    },\n    /* error: {\n      '100': '251,221,221',\n      '300': '242,143,143',\n      '500': '235,87,87',\n      '700': '157,58,58',\n      '900': '47,17,17',\n    }, */\n    error: {\n      '100': '251,221,221',\n      '300': '242,143,143',\n      '500': '206,42,42',\n      '700': '157,58,58',\n      '900': '47,17,17',\n    },\n    warning: {\n      '100': '252,250,196',\n      '300': '248,244,137',\n      '500': '245,239,78',\n      '700': '108,106,32',\n      '900': '49,48,16',\n    },\n    whatsapp: {\n      '100': '182,240,204',\n      '300': '110,226,153',\n      '500': '37,211,102',\n      '700': '25,141,68',\n      '900': '7,42,20',\n    },\n    neutral: {\n      '0': '255,255,255',\n      '100': '246,246,246',\n      '200': '233,233,233',\n      '300': '226,226,226',\n      '400': '212,212,212',\n      '500': '183,183,183',\n      '600': '146,146,146',\n      '700': '110,110,110',\n      '800': '74,74,74',\n      '900': '38,38,38',\n    },\n  },\n  breakpoints: {\n    xsmall: {\n      min: 0,\n      max: 480\n    },\n    small: {\n      min: 481,\n      max: 768\n    },\n    medium: {\n      min: 769,\n      max: 992\n    },\n    large: {\n      min: 993,\n      max: 1920\n    },\n    xlarge: {\n      min: 1921,\n      max: 4096\n    }\n  }\n};\n"],"version":3}

package/dist/types/api/theme-presets/static.d.ts

@@ -31,6 +31,13 @@ export declare const Static: {
             '700': string;
             '900': string;
         };
+        whatsapp: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
         neutral: {
             '0': string;
             '100': string;

package/dist/types/components/badges/cura-badge-pill/cura-badge-pill.d.ts

@@ -7,7 +7,7 @@ export declare class CuraBadgePill {
     /**
      * Color base from color scheme. Default: primary
      */
-    color: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+    color: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'whatsapp';
     /**
      * Name of the icon to be used from iconset
      */

package/dist/types/components/cura-avatar/cura-avatar.d.ts

@@ -1,13 +1,50 @@
 export declare class CuraAvatar {
     host: HTMLElement;
+    /**
+     * Size of the avatar. Values: 80, 40, 32, 24.
+     * @default 80
+     */
     size: '80' | '40' | '32' | '24';
+    /**
+     * Background color of the avatar.
+     * Accepts any color from the theme.
+     * @default neutral-purewhite
+     */
     backgroundColor: string;
+    /**
+     * Border color of the avatar.
+     * Accepts any color from the theme.
+     */
     borderColor: string;
+    /**
+     * Border radius of the avatar.
+     * @default 50%
+     */
     borderRadius: string;
+    /**
+     * Show border of the avatar.
+     * @default false
+     */
     border: boolean;
+    /**
+     * Type of the avatar.
+     * @default default
+     */
     type: 'default' | 'branding';
+    /**
+     * Image source of the avatar.
+     * Accepts any image source. If not provided, the default image will be used.
+     */
     imageSrc: string;
+    /**
+     * Default image source of the avatar.
+     * Some predefined images are available in the design system assets folder.
+     */
     imageSrcDefault: string;
+    /**
+     * Floating state of the avatar.
+     * @default false
+     */
     floating: boolean;
     styles: {};
     sizeHandler(size: string): void;

package/dist/types/components/cura-calendar/cura-calendar.d.ts

@@ -84,6 +84,13 @@ export declare class CuraCalendar {
      * defaultDate = '["2024-08-01", "2024-08-30"]'
      */
     defaultDate: string[] | string;
+    /**
+     * Hide today mark.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    showToday: boolean;
     /**
      * Array of dates chosen by the user, can be updated dynamically.
      *

package/dist/types/components/cura-calendar/cura-calendar.stories.d.ts

@@ -1,9 +1,6 @@
 declare const _default: {
     title: string;
     tags: string[];
-    parameters: {
-        layout: string;
-    };
     render: (args: any) => string;
     argTypes: {
         period: {
@@ -129,6 +126,16 @@ declare const _default: {
                 };
             };
         };
+        showToday: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
         disablePassDates: {
             control: string;
             description: string;
@@ -203,6 +210,7 @@ export declare const Calendar: {
         minWidth: string;
         mode: string;
         type: string;
+        showToday: boolean;
         locale: string;
         dateFormat: string;
         defaultDate: string[];

package/dist/types/components/cura-card/cura-card.stories.d.ts

@@ -1,98 +1,7 @@
-declare const _default: {
-    title: string;
-    tags: string[];
-    render: ({ slot, ...args }: {
-        [x: string]: any;
-        slot: any;
-    }) => string;
-    argTypes: {
-        hasPadding: {
-            name: string;
-            control: string;
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        hasShadow: {
-            name: string;
-            control: string;
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        type: {
-            control: {
-                type: string;
-            };
-            options: string[];
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        href: {
-            control: string;
-            description: string;
-            name: string;
-            table: {
-                category: string;
-            };
-        };
-        target: {
-            control: string;
-            description: string;
-            name: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        colorMode: {
-            control: {
-                type: string;
-            };
-            options: string[];
-            description: string;
-            table: {
-                category: string;
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            name: string;
-        };
-        slot: {
-            name: string;
-            control: string;
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const CuraCard: {
-    args: {
-        hasPadding: boolean;
-        hasShadow: boolean;
-        type: string;
-        colorMode: string;
-        target: string;
-        href: string;
-        slot: string;
-    };
-};
+import type { Meta, StoryObj } from '@storybook/html';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithLink: Story;
+export declare const Transparent: Story;

package/dist/types/components/cura-dropdown-search/cura-dropdown-search.d.ts

@@ -91,6 +91,7 @@ export declare class CuraDropdownSearch {
     connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    removeAllListeners(): void;
     handleSlotChange: () => void;
     handleWindowResize: () => void;
     handleFocus: () => void;

package/dist/types/components/cura-modal/cura-modal.d.ts

@@ -51,7 +51,10 @@ export declare class CuraModal {
     setBottom(): void;
     setLeft(): void;
     setRight(): void;
+    handleCloseOnEsc: (evt: KeyboardEvent) => void;
     connectedCallback(): void;
     private handleClose;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/forms/cura-checkbox/cura-checkbox.d.ts

@@ -63,6 +63,24 @@ export declare class CuraCheckbox {
      * Color theme of the checkbox.
      */
     color: string;
+    /**
+     * Controls how the label text should handle overflow.
+     * - `'none'`: No overflow handling; the label displays normally.
+     * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+     * - `string`: Custom overflow handling mode.
+     *
+     * @default 'none'
+     */
+    overflowLabel: 'none' | 'single' | string;
+    /**
+     * Controls how the helper text should handle overflow.
+     * - `'none'`: No overflow handling; the label displays normally.
+     * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+     * - `string`: Custom overflow handling mode.
+     *
+     * @default 'none'
+     */
+    overflowHelper: 'none' | 'single' | string;
     styles: {};
     host: HTMLElement;
     onchange: EventEmitter<{

package/dist/types/components/forms/cura-checkbox/cura-checkbox.stories.d.ts

@@ -175,6 +175,20 @@ declare const _default: {
                 };
             };
         };
+        textOverflow: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            name: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -195,5 +209,6 @@ export declare const Checkbox: {
         required: boolean;
         indeterminate: boolean;
         disabled: boolean;
+        textOverflow: string;
     };
 };

package/dist/types/components/forms/cura-radio/cura-radio.d.ts

@@ -8,15 +8,15 @@ export declare class CuraRadio {
     /**
      * Status of the radio button.
      * Can be 'error', 'success', or 'default'.
-    */
+     */
     status: 'error' | 'success' | 'default';
     /**
      * Reflects the disabled state of the radio button.
      */
     disabled: boolean;
     /**
-   * Reflects the required state of the radio button.
-   */
+     * Reflects the required state of the radio button.
+     */
     required: boolean;
     /**
      * Text label associated with the radio button.
@@ -30,7 +30,7 @@ export declare class CuraRadio {
      * Position of the label relative to the radio button.
      * Can be 'left' or 'right'.
      */
-    position: "left" | "right";
+    position: 'left' | 'right';
     /**
      * Value associated with the radio button.
      */
@@ -53,6 +53,24 @@ export declare class CuraRadio {
      * Color theme of the radio button.
      */
     color: string;
+    /**
+     * Controls how the label text should handle overflow.
+     * - `'none'`: No overflow handling; the label displays normally.
+     * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+     * - `string`: Custom overflow handling mode.
+     *
+     * @default 'none'
+     */
+    overflowLabel: 'none' | 'single' | string;
+    /**
+     * Controls how the helper text should handle overflow.
+     * - `'none'`: No overflow handling; the label displays normally.
+     * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+     * - `string`: Custom overflow handling mode.
+     *
+     * @default 'none'
+     */
+    overflowHelper: 'none' | 'single' | string;
     styles: {};
     host: HTMLElement;
     onchange: EventEmitter<{
@@ -75,25 +93,25 @@ export declare class CuraRadio {
     sizeHandler(): void;
     setColors(): void;
     /**
-   * Callback for form association.
-   */
+     * Callback for form association.
+     */
     formAssociatedCallback(form: {
         ariaLabel: string;
     }): void;
     /**
-   * Callback to restore the switch state from the form.
-   */
+     * Callback to restore the switch state from the form.
+     */
     formStateRestoreCallback(state: {
         value: string;
         checked: boolean;
     }): void;
     /**
-   * Callback to reset the switch state when the form is reset.
-   */
+     * Callback to reset the switch state when the form is reset.
+     */
     formResetCallback(): void;
     /**
-    * Callback to update the switch's disabled state when the form's disabled state changes.
-    */
+     * Callback to update the switch's disabled state when the form's disabled state changes.
+     */
     formDisabledCallback(disabled: boolean): void;
     connectedCallback(): void;
     handleClick: () => void;

package/dist/types/components/forms/cura-radio/cura-radio.stories.d.ts

@@ -158,6 +158,20 @@ declare const _default: {
                 };
             };
         };
+        textOverflow: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            name: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -176,5 +190,6 @@ export declare const CuraRadioStory: {
         value: string;
         name: string;
         ontabindex: number;
+        textOverflow: string;
     };
 };

package/dist/types/components/forms/cura-select/cura-select.d.ts

@@ -51,6 +51,12 @@ export declare class CuraSelect {
      * Default: true
      */
     caseSensitive: boolean;
+    /**
+     * CSS max-height property for dropdown item.
+     * Can also be used by css property --max-height.
+     * Default: 285px
+     */
+    maxHeight: string;
     /**
      * Internal state: Whether the input is hovered.
      * Default: false
@@ -185,5 +191,8 @@ export declare class CuraSelect {
      */
     renderIcon(): any;
     handleClick: (event: MouseEvent) => void;
+    handleClickOutside: (event: MouseEvent) => void;
+    private addOutsideClickListener;
+    private removeOutsideClickListener;
     render(): any;
 }

package/dist/types/components/forms/cura-select/cura-select.stories.d.ts

@@ -167,6 +167,16 @@ declare const _default: {
                 };
             };
         };
+        maxHeight: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -188,5 +198,6 @@ export declare const CuraSelect: {
         searchBehavior: boolean;
         helperText: string;
         caseSensitive: boolean;
+        maxHeight: string;
     };
 };

package/dist/types/components/forms/cura-switch/cura-switch.d.ts

@@ -36,6 +36,24 @@ export declare class CuraSwitch {
      * Accent color of the switch.
      */
     color: string;
+    /**
+     * Controls how the label text should handle overflow.
+     * - `'none'`: No overflow handling; the label displays normally.
+     * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+     * - `string`: Custom overflow handling mode.
+     *
+     * @default 'none'
+     */
+    overflowLabel: 'none' | 'single' | string;
+    /**
+     * Controls how the helper text should handle overflow.
+     * - `'none'`: No overflow handling; the label displays normally.
+     * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+     * - `string`: Custom overflow handling mode.
+     *
+     * @default 'none'
+     */
+    overflowHelper: 'none' | 'single' | string;
     styles: {};
     onchange: EventEmitter<{
         checked: boolean;

package/dist/types/components/forms/cura-switch/cura-switch.stories.d.ts

@@ -117,6 +117,20 @@ declare const _default: {
                 };
             };
         };
+        textOverflow: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            name: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -131,5 +145,6 @@ export declare const CuraSwitchStory: {
         position: string;
         background: string;
         ontabindex: number;
+        textOverflow: string;
     };
 };