@rededor/cura 1.1.0 → 1.2.0-alpha.0

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-1ad98520.js';
-export { s as setNonce } from './index-1ad98520.js';
+import { b as bootstrapLazy } from './index-747aad85.js';
+export { s as setNonce } from './index-747aad85.js';
 import { g as globalScripts } from './app-globals-6ca7103d.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["cura-accordion_12",[[65,"cura-button",{"type":[513],"size":[513],"disabled":[516],"isLoading":[516,"is-loading"],"iconName":[513,"icon-name"],"iconset":[513],"iconPosition":[513,"icon-position"],"iconOnly":[516,"icon-only"],"href":[513],"target":[513],"color":[1],"background":[513],"fontColor":[513,"font-color"],"textAlign":[513,"text-align"],"justify":[516],"styles":[32],"hovered":[32]},null,{"background":["setColors"],"color":["setColors"]}],[1,"cura-accordion-item",{"label":[513],"iconSize":[514,"icon-size"],"openIcon":[513,"open-icon"],"closeIcon":[513,"close-icon"],"iconColor":[513,"icon-color"],"iconActiveColor":[513,"icon-active-color"],"colorMode":[1,"color-mode"],"opened":[1540],"styles":[32]}],[1,"cura-accordion",{"color":[513],"activeColor":[513,"active-color"],"colorMode":[513,"color-mode"],"iconSize":[514,"icon-size"],"openIcon":[513,"open-icon"],"closeIcon":[513,"close-icon"],"iconColor":[513,"icon-color"],"iconActiveColor":[513,"icon-active-color"],"behavior":[513],"styles":[32]},null,{"color":["handleChangeColor"],"activeColor":["handleChangeColor"]}],[1,"cura-page-template",{"contentwidth":[513]}],[65,"cura-input-text",{"mode":[1537],"status":[1537],"size":[1537],"type":[513],"inputMode":[513,"input-mode"],"label":[513],"name":[513],"placeholder":[513],"value":[1032],"iconName":[1537,"icon-name"],"helperText":[1537,"helper-text"],"disabled":[516],"required":[516],"maskPreset":[8,"mask-preset"],"maskRegex":[1537,"mask-regex"],"maskAdvanced":[1544,"mask-advanced"],"maxlength":[1538],"readOnly":[516,"read-only"],"isLoading":[1540,"is-loading"],"clearIcon":[1540,"clear-icon"],"hideErrorIcon":[4,"hide-error-icon"],"isHovered":[32],"isFocused":[32],"styles":[32]},null,{"styles":["connectedCallback"],"size":["getClasses"],"status":["renderIcon"],"mode":["renderIcon"],"maskPreset":["initializeMask"],"maskRegex":["initializeMask"],"maskAdvanced":["initializeMask"]}],[65,"cura-select",{"label":[513],"placeholder":[513],"value":[1537],"mode":[513],"size":[513],"status":[1537],"disabled":[516],"required":[516],"searchBehavior":[516,"search-behavior"],"isHovered":[32],"isFocused":[32],"isOpen":[32],"options":[32],"activeIndex":[32],"textInput":[32]},null,{"activeIndex":["updateOptionHighlights"],"textInput":["filterOptions"],"value":["handleValueChange"]}],[1,"cura-select-option",{"value":[513],"selected":[516],"active":[516],"size":[1],"styles":[32]},null,{"size":["getSize"]}],[1,"cura-heading",{"level":[514],"size":[513],"weight":[513],"spotColor":[513,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}],[1,"cura-paragraph",{"size":[513],"spotColor":[513,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}],[1,"cura-loader-circle",{"size":[513],"color":[513]}],[1,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]},null,{"size":["sizeHandler"],"color":["colorHandler"],"disabled":["colorHandler"]}],[1,"cura-label",{"size":[513],"weight":[513],"spotColor":[513,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}]]],["cura-calendar",[[1,"cura-calendar",{"period":[513],"width":[513],"mode":[513],"dateFormat":[1537,"date-format"],"locale":[513],"type":[513],"disable":[16],"enable":[16],"defaultDate":[16],"limitRange":[514,"limit-range"],"disablePassDates":[1540,"disable-pass-dates"],"disableFutureDates":[1540,"disable-future-dates"],"collapsed":[1540],"floating":[1540],"embedded":[1540],"currentDate":[32],"selectedDates":[32],"rangeStart":[32],"defaultDates":[32],"selectMonth":[32],"selectYear":[32],"styles":[32]}]]],["cura-dropdown-search",[[1,"cura-dropdown-search",{"size":[1537],"status":[513],"disabled":[516],"name":[513],"required":[1540],"selected":[1540],"value":[1537],"placeholder":[1537],"label":[1537],"iconName":[513,"icon-name"],"dropdownMaxHeight":[513,"dropdown-max-height"],"overlayVisible":[32],"isDropdownOpen":[32],"styles":[32],"isMobile":[32],"mode":[32],"inputTextRef":[32],"isOnBlurInput":[32],"hoveredIndex":[32],"options":[32]},null,{"value":["onValueChange"]}]]],["cura-icons-view",[[1,"cura-icons-view",{"selected":[32]}]]],["cura-toast",[[1,"cura-toast",{"type":[1],"position":[1],"icon":[513],"label":[513],"closeButton":[516,"close-button"],"loader":[516],"autoCloseDelay":[514,"auto-close-delay"],"styles":[32],"progress":[32]},null,{"type":["handleChangeType"],"position":["handleChangeType"]}]]],["cura-alert",[[1,"cura-alert",{"type":[1],"floating":[516],"label":[513],"closeable":[516],"icon":[513],"styles":[32]},null,{"type":["setColors"]}]]],["cura-button-outline",[[65,"cura-button-outline",{"type":[513],"size":[513],"disabled":[516],"isLoading":[516,"is-loading"],"iconName":[513,"icon-name"],"iconset":[513],"iconPosition":[513,"icon-position"],"iconOnly":[516,"icon-only"],"href":[513],"target":[513],"color":[1],"background":[1],"fontColor":[1,"font-color"],"textAlign":[513,"text-align"],"justify":[516],"styles":[32],"hovered":[32]},null,{"background":["setColors"],"color":["setColors","getSymbolColor"],"fontColor":["getSymbolColor"]}]]],["cura-checkbox",[[65,"cura-checkbox",{"checked":[1540],"indeterminate":[1540],"status":[1537],"disabled":[516],"required":[516],"label":[513],"ontabindex":[514],"position":[513],"value":[513],"name":[513],"size":[513],"background":[1],"iconColor":[1,"icon-color"],"color":[1],"styles":[32]},null,{"size":["sizeHandler"],"color":["setColors"],"background":["setColors","assignColor"],"iconColor":["assignColor"]}]]],["cura-button-select",[[1,"cura-button-select",{"size":[513],"disabled":[516],"selected":[516],"iconPosition":[513,"icon-position"],"color":[1],"background":[1],"fontcolor":[1],"hovered":[32],"styles":[32]},null,{"background":["setColors","assignColor"],"color":["setColors"],"fontcolor":["setColors","assignColor"]}]]],["cura-radio",[[65,"cura-radio",{"checked":[1540],"status":[1537],"disabled":[516],"required":[516],"label":[513],"ontabindex":[514],"position":[513],"value":[513],"name":[513],"background":[1],"size":[1],"color":[1],"styles":[32]},null,{"size":["sizeHandler"],"color":["setColors"],"background":["setColors","assignColor"]}]]],["cura-badge-distance",[[1,"cura-badge-distance",{"distance":[2],"label":[513],"styles":[32],"displayDistance":[32]},null,{"distance":["formatDistance"]}]]],["cura-dropdown-search-option",[[1,"cura-dropdown-search-option",{"value":[513],"selected":[1540],"selectable":[516],"hovered":[1540],"styles":[32]},null,{"selected":["updateIconColor"]}]]],["cura-dropdown-search-option-title",[[1,"cura-dropdown-search-option-title"]]],["cura-switch",[[65,"cura-switch",{"checked":[1540],"disabled":[516],"label":[513],"ontabindex":[514],"position":[513],"size":[513],"background":[1],"color":[1],"styles":[32]},null,{"size":["sizeHandler"],"color":["setColors"],"background":["setColors"]}]]],["cura-avatar",[[1,"cura-avatar",{"size":[1],"backgroundColor":[513,"background-color"],"borderColor":[513,"border-color"],"borderRadius":[513,"border-radius"],"border":[516],"type":[513],"imageSrc":[1537,"image-src"],"imageSrcDefault":[513,"image-src-default"],"floating":[516],"styles":[32]},null,{"size":["sizeHandler"]}]]],["cura-card",[[1,"cura-card",{"hasPadding":[1028,"has-padding"],"hasShadow":[1028,"has-shadow"],"type":[1025],"colorMode":[1025,"color-mode"],"href":[1537],"target":[513],"styles":[32]}]]],["cura-display",[[1,"cura-display",{"level":[514],"size":[513],"spotColor":[1,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}]]],["cura-loader-bar",[[1,"cura-loader-bar",{"color":[1],"progress":[2],"styles":[32]},null,{"color":["handleChangeColor"],"progress":["handleProgress"]}]]],["cura-button-transparent",[[65,"cura-button-transparent",{"type":[513],"size":[513],"disabled":[516],"isLoading":[516,"is-loading"],"iconName":[513,"icon-name"],"iconset":[513],"iconPosition":[513,"icon-position"],"iconOnly":[516,"icon-only"],"href":[513],"target":[513],"color":[513],"fontColor":[513,"font-color"],"textAlign":[513,"text-align"],"justify":[516],"hovered":[32],"styles":[32]},null,{"fontColor":["getSymbolColor"],"color":["getSymbolColor"]}]]]], options);
+  return bootstrapLazy([["cura-accordion_12",[[65,"cura-button",{"type":[513],"size":[513],"disabled":[516],"isLoading":[516,"is-loading"],"iconName":[513,"icon-name"],"iconset":[513],"iconPosition":[513,"icon-position"],"iconOnly":[516,"icon-only"],"href":[513],"target":[513],"color":[1],"background":[513],"fontColor":[513,"font-color"],"textAlign":[513,"text-align"],"justify":[516],"styles":[32],"hovered":[32]},null,{"background":["setColors"],"color":["setColors"]}],[1,"cura-accordion-item",{"label":[513],"iconSize":[514,"icon-size"],"openIcon":[513,"open-icon"],"closeIcon":[513,"close-icon"],"iconColor":[513,"icon-color"],"iconActiveColor":[513,"icon-active-color"],"colorMode":[1,"color-mode"],"opened":[1540],"styles":[32]}],[1,"cura-accordion",{"color":[513],"activeColor":[513,"active-color"],"colorMode":[513,"color-mode"],"iconSize":[514,"icon-size"],"openIcon":[513,"open-icon"],"closeIcon":[513,"close-icon"],"iconColor":[513,"icon-color"],"iconActiveColor":[513,"icon-active-color"],"behavior":[513],"styles":[32]},null,{"color":["handleChangeColor"],"activeColor":["handleChangeColor"]}],[1,"cura-page-template",{"contentwidth":[513]}],[65,"cura-input-text",{"mode":[1537],"status":[1537],"size":[1537],"type":[513],"inputMode":[513,"input-mode"],"label":[513],"name":[513],"placeholder":[513],"value":[1032],"iconName":[1537,"icon-name"],"helperText":[1537,"helper-text"],"disabled":[516],"required":[516],"maskPreset":[8,"mask-preset"],"enableSelectionMode":[1540,"enable-selection-mode"],"maskRegex":[1537,"mask-regex"],"maskAdvanced":[1544,"mask-advanced"],"maxlength":[1538],"readOnly":[516,"read-only"],"isLoading":[1540,"is-loading"],"clearIcon":[1540,"clear-icon"],"hideErrorIcon":[4,"hide-error-icon"],"autocomplete":[513],"isHovered":[32],"isFocused":[32],"styles":[32]},null,{"styles":["connectedCallback"],"size":["getClasses"],"status":["renderIcon"],"mode":["renderIcon"],"maskPreset":["initializeMask"],"maskRegex":["initializeMask"],"maskAdvanced":["initializeMask"]}],[65,"cura-select",{"label":[513],"placeholder":[513],"value":[1537],"mode":[513],"size":[513],"status":[1537],"disabled":[516],"required":[516],"searchBehavior":[516,"search-behavior"],"isHovered":[32],"isFocused":[32],"isOpen":[32],"options":[32],"activeIndex":[32],"textInput":[32]},null,{"activeIndex":["updateOptionHighlights"],"textInput":["filterOptions"],"value":["handleValueChange"]}],[1,"cura-select-option",{"value":[513],"selected":[516],"active":[516],"size":[1],"styles":[32]},null,{"size":["getSize"]}],[1,"cura-heading",{"level":[514],"size":[513],"weight":[513],"spotColor":[513,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}],[1,"cura-paragraph",{"size":[513],"spotColor":[513,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}],[1,"cura-loader-circle",{"size":[513],"color":[513]}],[1,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]},null,{"size":["sizeHandler"],"color":["colorHandler"],"disabled":["colorHandler"]}],[1,"cura-label",{"size":[513],"weight":[513],"spotColor":[513,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}]]],["cura-input-date",[[65,"cura-input-date",{"label":[513],"status":[1537],"size":[1537],"name":[513],"helperText":[1537,"helper-text"],"enableRangeDates":[1540,"enable-range-dates"],"disableFutureDates":[1540,"disable-future-dates"],"disablePassDates":[1540,"disable-pass-dates"],"iconName":[1537,"icon-name"],"placeholder":[513],"styles":[32],"isCalendarVisible":[32],"dates":[32],"value":[32]},[[8,"click","handleClick"]],{"enableRangeDates":["setPlaceholder","setMask","setMode"],"disableFutureDates":["isDateValid","renderCalendarOrHelperText"],"disablePassDates":["isDateValid"],"dates":["renderCalendarOrHelperText"],"isCalendarVisible":["renderCalendarOrHelperText"]}]]],["cura-dropdown-search",[[1,"cura-dropdown-search",{"size":[1537],"status":[513],"disabled":[516],"name":[513],"required":[1540],"selected":[1540],"value":[1537],"placeholder":[1537],"label":[1537],"iconName":[513,"icon-name"],"dropdownMaxHeight":[513,"dropdown-max-height"],"overlayVisible":[32],"isDropdownOpen":[32],"styles":[32],"isMobile":[32],"mode":[32],"inputTextRef":[32],"isOnBlurInput":[32],"hoveredIndex":[32],"options":[32]},null,{"value":["onValueChange"]}]]],["cura-icons-view",[[1,"cura-icons-view",{"selected":[32]}]]],["cura-toast",[[1,"cura-toast",{"type":[1],"position":[1],"icon":[513],"label":[513],"closeButton":[516,"close-button"],"loader":[516],"autoCloseDelay":[514,"auto-close-delay"],"styles":[32],"progress":[32]},null,{"type":["handleChangeType"],"position":["handleChangeType"]}]]],["cura-alert",[[1,"cura-alert",{"type":[1],"floating":[516],"label":[513],"closeable":[516],"icon":[513],"styles":[32]},null,{"type":["setColors"]}]]],["cura-button-outline",[[65,"cura-button-outline",{"type":[513],"size":[513],"disabled":[516],"isLoading":[516,"is-loading"],"iconName":[513,"icon-name"],"iconset":[513],"iconPosition":[513,"icon-position"],"iconOnly":[516,"icon-only"],"href":[513],"target":[513],"color":[1],"background":[1],"fontColor":[1,"font-color"],"textAlign":[513,"text-align"],"justify":[516],"styles":[32],"hovered":[32]},null,{"background":["setColors"],"color":["setColors","getSymbolColor"],"fontColor":["getSymbolColor"]}]]],["cura-button-select",[[1,"cura-button-select",{"selected":[1540],"iconName":[1537,"icon-name"],"size":[513],"counter":[1544],"disabled":[516],"background":[1],"color":[1],"hovered":[32],"styles":[32]},null,{"background":["setColors"],"color":["setColors"]}]]],["cura-checkbox",[[65,"cura-checkbox",{"checked":[1540],"indeterminate":[1540],"status":[1537],"disabled":[516],"required":[516],"label":[513],"ontabindex":[514],"position":[513],"value":[513],"name":[513],"size":[513],"background":[1],"iconColor":[1,"icon-color"],"color":[1],"styles":[32]},null,{"size":["sizeHandler"],"color":["setColors"],"background":["setColors","assignColor"],"iconColor":["assignColor"]}]]],["cura-radio",[[65,"cura-radio",{"checked":[1540],"status":[1537],"disabled":[516],"required":[516],"label":[513],"ontabindex":[514],"position":[513],"value":[513],"name":[513],"background":[1],"size":[1],"color":[1],"styles":[32]},null,{"size":["sizeHandler"],"color":["setColors"],"background":["setColors","assignColor"]}]]],["cura-badge-distance",[[1,"cura-badge-distance",{"distance":[2],"label":[513],"styles":[32],"displayDistance":[32]},null,{"distance":["formatDistance"]}]]],["cura-dropdown-search-option",[[1,"cura-dropdown-search-option",{"value":[513],"selected":[1540],"selectable":[516],"hovered":[1540],"styles":[32]},null,{"selected":["updateIconColor"]}]]],["cura-dropdown-search-option-title",[[1,"cura-dropdown-search-option-title"]]],["cura-switch",[[65,"cura-switch",{"checked":[1540],"disabled":[516],"label":[513],"ontabindex":[514],"position":[513],"size":[513],"background":[1],"color":[1],"styles":[32]},null,{"size":["sizeHandler"],"color":["setColors"],"background":["setColors"]}]]],["cura-avatar",[[1,"cura-avatar",{"size":[1],"backgroundColor":[513,"background-color"],"borderColor":[513,"border-color"],"borderRadius":[513,"border-radius"],"border":[516],"type":[513],"imageSrc":[1537,"image-src"],"imageSrcDefault":[513,"image-src-default"],"floating":[516],"styles":[32]},null,{"size":["sizeHandler"]}]]],["cura-card",[[1,"cura-card",{"hasPadding":[1028,"has-padding"],"hasShadow":[1028,"has-shadow"],"type":[1025],"colorMode":[1025,"color-mode"],"href":[1537],"target":[513],"styles":[32]}]]],["cura-display",[[1,"cura-display",{"level":[514],"size":[513],"spotColor":[1,"spot-color"],"color":[1],"marginBlock":[513,"margin-block"],"lineHeight":[513,"line-height"],"styles":[32]},null,{"color":["handleChangeColor"],"spotColor":["handleChangeColor"]}]]],["cura-calendar",[[1,"cura-calendar",{"period":[513],"width":[513],"mode":[513],"dateFormat":[1537,"date-format"],"locale":[513],"type":[513],"disable":[16],"enable":[16],"defaultDate":[16],"customDates":[16],"limitRange":[514,"limit-range"],"disablePassDates":[1540,"disable-pass-dates"],"disableFutureDates":[1540,"disable-future-dates"],"collapsed":[1540],"floating":[1540],"embedded":[1540],"currentDate":[32],"selectedDates":[32],"rangeStart":[32],"defaultDates":[32],"selectMonth":[32],"selectYear":[32],"styles":[32]},null,{"customDates":["watchDefaultDatesArray"]}]]],["cura-badge-number",[[1,"cura-badge-number",{"number":[514],"color":[513]}]]],["cura-loader-bar",[[1,"cura-loader-bar",{"color":[1],"progress":[2],"styles":[32]},null,{"color":["handleChangeColor"],"progress":["handleProgress"]}]]],["cura-button-transparent",[[65,"cura-button-transparent",{"type":[513],"size":[513],"disabled":[516],"isLoading":[516,"is-loading"],"iconName":[513,"icon-name"],"iconset":[513],"iconPosition":[513,"icon-position"],"iconOnly":[516,"icon-only"],"href":[513],"target":[513],"color":[513],"fontColor":[513,"font-color"],"textAlign":[513,"text-align"],"justify":[516],"hovered":[32],"styles":[32]},null,{"fontColor":["getSymbolColor"],"color":["getSymbolColor"]}]]]], options);
 };
 
 export { defineCustomElements };

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

@@ -0,0 +1,8 @@
+export declare class CuraBadgeNumber {
+    number: number | null;
+    color: string;
+    styles: {};
+    theme: import("../../../api/cura-api.type").APIThemeFunctions;
+    connectedCallback(): void;
+    render(): any;
+}

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

@@ -0,0 +1,39 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        number: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraBadgeNumber: {
+    args: {
+        number: number;
+        color: string;
+    };
+};

package/dist/types/components/buttons/cura-button-select/cura-button-select.d.ts

@@ -1,37 +1,13 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class CuraButtonOutline {
-    /**
-    * Button size: small | medium (default) | large  = medium
-    */
+export declare class CuraButtonSelect {
+    host: HTMLElement;
+    selected: boolean;
+    iconName: string;
     size: 'small' | 'medium' | 'large';
-    /**
-    * Disabled state. Boolean.
-    */
+    counter: string | number | null;
     disabled: boolean;
-    /**
-    * selected state. Boolean.
-    */
-    selected: boolean;
-    /**
-    * Icon position: left (default) | right.
-    */
-    iconPosition: 'left' | 'right';
-    /**
-    * Color base from color scheme. Default: accent.
-    */
-    color: string;
-    /**
-    * Set the font color to dark or light.
-    */
     background: 'dark' | 'light';
-    /**
-    * fontcolor theme of the checkbox.
-    * Can be 'dark' or 'light'.
-    */
-    fontcolor: 'dark' | 'light';
-    /**
-    * hovered state. Boolean.
-    */
+    color: string;
     hovered: boolean;
     styles: {};
     onclick: EventEmitter<{
@@ -40,13 +16,15 @@ export declare class CuraButtonOutline {
     theme: import("../../../api/cura-api.type").APIThemeFunctions;
     weights: any;
     setColors(): void;
-    setStyles(): void;
+    getClasses(): {};
     connectedCallback(): void;
+    getLabelFontColor(): "neutral-white" | "neutral-black" | "neutral-dark";
+    getColorCounter(): string;
+    getColorBagdeNumber(): string;
+    getIcon(): any;
+    getCounter(): any;
     handleMouseEnter(): void;
     handleMouseLeave(): void;
-    assignColor(): "primary-base" | "neutral-purewhite" | "neutral-black" | "neutral-medium";
-    getIcon(): any;
     handleClick(e: Event): void;
-    getClasses(): {};
     render(): any;
 }

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

@@ -0,0 +1,105 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ label, ...args }: {
+        [x: string]: any;
+        label: any;
+    }) => string;
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+            name: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        selected: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
+        background: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        counter: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Button: {
+    args: {
+        selected: boolean;
+        iconName: string;
+        size: string;
+        counter: number;
+        disabled: boolean;
+        background: string;
+        color: string;
+        label: string;
+    };
+};

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

@@ -66,6 +66,13 @@ export declare class CuraCalendar {
      * @default []
      */
     defaultDate: string[];
+    /**
+     * Array of dates chosen by the user, can be updated dynamically.
+     *
+     * @type {Date[]}
+     * @default []
+     */
+    customDates: Date[];
     /**
      * Limits the selectable date range.
      *
@@ -107,18 +114,18 @@ export declare class CuraCalendar {
      */
     defaultDates: Date[];
     /**
-   * Selected months on dropdown.
-   *
-   * @type {string}
-   * @default ''
-   */
+     * Selected months on dropdown.
+     *
+     * @type {string}
+     * @default ''
+     */
     selectMonth: string;
     /**
-    * Selected year on dropdown.
-    *
-    * @type {string}
-    * @default ''
-    */
+     * Selected year on dropdown.
+     *
+     * @type {string}
+     * @default ''
+     */
     selectYear: string;
     /**
      * CSS styles applied to the component.
@@ -129,10 +136,10 @@ export declare class CuraCalendar {
     styles: {};
     /**
      * Event emitted when a day is changed.
-    *
-    * @event
-    * @type {EventEmitter<{ days: Date[] }>}
-    */
+     *
+     * @event
+     * @type {EventEmitter<{ days: Date[] }>}
+     */
     onchangeday: EventEmitter<{
         days: Date[];
     }>;
@@ -151,17 +158,17 @@ export declare class CuraCalendar {
      */
     initializeDefaultDates(): void;
     /**
-   * Get the locale for the calendar.
-   *
-   * @returns {Locale} The locale object.
-   */
+     * Get the locale for the calendar.
+     *
+     * @returns {Locale} The locale object.
+     */
     determineLocale(): any;
     /**
-   * Check if a date is within the valid period.
-   *
-   * @param {Date} date - The date to check.
-   * @returns {boolean} Whether the date is valid.
-   */
+     * Check if a date is within the valid period.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is valid.
+     */
     isDateInValidPeriod(date: Date | null): boolean;
     /**
      * Check if a date is selected.
@@ -192,12 +199,12 @@ export declare class CuraCalendar {
      */
     isDateInEnabledPeriod(date: Date | null): boolean;
     /**
-   * Checks if a date is in the provided list of dates.
-   *
-   * @param {Date[]} dates - The list of dates to check against.
-   * @param {Date} date - The date to check.
-   * @returns {boolean} Whether the date is in the list.
-   */
+     * Checks if a date is in the provided list of dates.
+     *
+     * @param {Date[]} dates - The list of dates to check against.
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is in the list.
+     */
     isDateInList(dates: Date[], date: Date): boolean;
     /**
      * Removes a specific date from a list of dates.
@@ -260,10 +267,10 @@ export declare class CuraCalendar {
      */
     onDateClick(date: Date): void;
     /**
-    * Get the days of the week.
-    *
-    * @returns {string[]} An array of abbreviated day names.
-    */
+     * Get the days of the week.
+     *
+     * @returns {string[]} An array of abbreviated day names.
+     */
     fetchWeekDays(): string[];
     /**
      * Get the days of the current month, including leading nulls for alignment.
@@ -290,17 +297,17 @@ export declare class CuraCalendar {
      */
     fetchYearList(): number[];
     /**
-    * Get the color for the previous button.
-    *
-    * @returns {string} The color name for the previous button.
-    */
+     * Get the color for the previous button.
+     *
+     * @returns {string} The color name for the previous button.
+     */
     determinePrevButtonColor(): string;
     /**
-    * Get the status of a given date, determining its position and interval status.
-    *
-    * @param {Date | null} date - The date to evaluate.
-    * @returns {Object} An object containing the status flags for the date.
-    */
+     * Get the status of a given date, determining its position and interval status.
+     *
+     * @param {Date | null} date - The date to evaluate.
+     * @returns {Object} An object containing the status flags for the date.
+     */
     getDateStatus(date: Date): {
         isStart: boolean;
         isEnd: boolean;
@@ -328,5 +335,6 @@ export declare class CuraCalendar {
     getHostCSSProperties(): {
         '--width': string;
     };
+    watchDefaultDatesArray(): void;
     render(): any;
 }

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

@@ -92,6 +92,7 @@ export declare class CuraDropdownSearch {
     weights: any;
     private overlayElement;
     options: HTMLCuraDropdownSearchOptionElement[];
+    private adjustInputPosition;
     connectedCallback(): void;
     onValueChange(newValue: string): void;
     componentWillLoad(): void;
@@ -125,5 +126,6 @@ export declare class CuraDropdownSearch {
     hostCSSProperties(): {
         '--dropdown-max-height': string;
     };
+    handleOnFocus(): void;
     render(): any;
 }

package/dist/types/components/forms/cura-input-date/cura-input-date.d.ts

@@ -0,0 +1,92 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { CuraInputTextCustomEvent } from '../../../components';
+export declare class CuraInputDate {
+    el: HTMLElement;
+    /**
+     * Label text for the input date
+     */
+    label?: string;
+    /**
+     * Indicates input status (default: default)
+     */
+    status: 'error' | 'success' | 'default';
+    /**
+     * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Name text for the input date
+     */
+    name?: string;
+    /**
+     * Helper text displayed below the input
+     */
+    helperText?: string;
+    /**
+     * Enables the date range selection mode, allowing users to select a period of dates
+     */
+    enableRangeDates: boolean;
+    /**
+     * Controls whether future dates (dates before the current date) should be disabled
+     */
+    disableFutureDates: boolean;
+    /**
+     * Controls whether past dates (dates before the current date) should be disabled
+     */
+    disablePassDates: boolean;
+    /**
+     * Whether to display a cura icon (default: null)
+     */
+    iconName?: string;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string | null;
+    /**
+     * Emitted when the value of the input changes
+     * @type {EventEmitter<string>}
+     */
+    dateChange: EventEmitter<string>;
+    styles: {};
+    isCalendarVisible: boolean;
+    dates: Date[];
+    value?: string;
+    connectedCallback(): void;
+    /**
+     * Callback for form association
+     */
+    formAssociatedCallback(form: {
+        ariaLabel: string;
+    }): void;
+    /**
+     * Formats the placeholder based on the enableRangeDates flag
+     *
+     * @returns {string} A string representing the placeholder format,
+     * either for a date range ('dd/mm/yyyy - dd/mm/yyyy') or a single date ('dd/mm/yyyy')
+     */
+    setPlaceholder(): string;
+    /**
+     * Sets the mask type based on the enableRangeDates flag
+     *
+     * @returns {string} The mask type, either 'dateRange' or 'date'
+     */
+    setMask(): string;
+    /**
+     * Sets the mode type based on the enableRangeDates flag
+     *
+     * @returns {'range' | 'single'}
+     */
+    setMode(): 'range' | 'single';
+    handleClick(ev: {
+        target: Node;
+    }): void;
+    hideCalendar(): void;
+    showCalendar(): void;
+    handleInputDates(event: any): void;
+    handleChangeDates(event: CuraInputTextCustomEvent<string | number>): void;
+    isDateValid(date: Date): boolean;
+    parseStringToDate(dateString: string): Date;
+    parseDateToString(date: Date): string;
+    renderCalendarOrHelperText(): any;
+    render(): any;
+}

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

@@ -0,0 +1,125 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        name: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        status: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        helperText: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        disableFutureDates: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        enableRangeDates: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disablePassDates: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const InputDate: {
+    args: {
+        label: string;
+        helperText: string;
+        size: string;
+        name: string;
+        enableRangeDates: boolean;
+        disableFutureDates: boolean;
+        disablePassDates: boolean;
+        status: string;
+        iconName: string;
+        placeholder: string;
+    };
+};