@rededor/cura 1.5.1 → 1.6.0-alpha.1

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

@@ -3,18 +3,19 @@ import { FactoryArg, InputMask } from 'imask';
 import { MaskOptionsMap } from './mask-presets/input-mask-presets';
 export type MaskPreset = keyof MaskOptionsMap;
 export declare class CuraInputText {
+    host: HTMLElement;
     /**
      * Mode of the input: 'default' or 'transparent' (default: 'default')
      */
-    mode: 'default' | 'transparent';
+    mode: 'default' | 'transparent' | string;
     /**
      * Indicates input status(default: default)
      */
-    status: 'error' | 'success' | 'default';
+    status: 'error' | 'success' | 'default' | string;
     /**
      * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
      */
-    size: 'small' | 'medium' | 'large';
+    size: 'small' | 'medium' | 'large' | string;
     /**
      * Type of the input: 'text', 'number' (default: 'text')
      */
@@ -38,7 +39,7 @@ export declare class CuraInputText {
     /**
      * Value of the input field
      */
-    value?: string | number;
+    value: string | number;
     /**
      * Whether to display a cura icon (default: null)
      */
@@ -114,8 +115,14 @@ export declare class CuraInputText {
      * @type {EventEmitter<string | number>}
      */
     valueChange: EventEmitter<string | number>;
+    /**
+     * Emitted when the clear button is clicked
+     * @type {EventEmitter<string | number>}
+     */
+    inputClear: EventEmitter<string | number>;
     internals: ElementInternals;
     inputRef: HTMLInputElement;
+    setFocus(): Promise<void>;
     /**
      * Instance of InputMask is returned when IMask constructor is called.
      */
@@ -123,6 +130,7 @@ export declare class CuraInputText {
     weights: {
         [key: string]: string;
     };
+    breakpoints: any;
     /**
      * Callback to restore the switch state from the form.
      */

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

@@ -49,6 +49,7 @@ export declare class CuraLabel {
         '--margin-block': string;
         '--font-size-base': string;
         '--line-height': string;
+        '--color-body': string;
     };
     render(): any;
 }

package/dist/types/components/text/cura-heading/cura-heading.d.ts

@@ -24,7 +24,6 @@ export declare class CuraHeading {
      * Values: Color from design system scheme. Default to the font color from the theme.
      */
     color: string;
-    handleChangeColor(): void;
     /**
      * CSS margin-block property values.
      * Default to 1.25em
@@ -32,7 +31,7 @@ export declare class CuraHeading {
     marginBlock: string;
     /**
      * CSS line-height property values.
-     * Default to 140%
+     * Default to 130%
      */
     lineHeight: string;
     /**
@@ -54,8 +53,8 @@ export declare class CuraHeading {
         '--font-size-base': string;
         '--line-height': string;
         '--color-body': string;
+        '--color-spot': string;
     };
-    setColors(): void;
     getHeadingTag(): any;
     render(): any;
 }

package/dist/types/components/text/cura-paragraph/cura-paragraph.d.ts

@@ -14,7 +14,6 @@ export declare class CuraParagraph {
      * Values: Color from design system scheme. Default to the font color from the theme.
      */
     color: string;
-    handleChangeColor(): void;
     /**
      * CSS margin-block property values.
      * Default to 1.25em
@@ -39,11 +38,12 @@ export declare class CuraParagraph {
     connectedCallback(): void;
     setsizeClass(): {};
     setFontProperties(): void;
-    setColors(): void;
     hostCSSProperties(): {
         '--margin-block': string;
         '--font-size-base': string;
         '--line-height': string;
+        '--color-body': string;
+        '--color-spot': string;
     };
     render(): any;
 }

package/dist/types/components.d.ts

@@ -415,6 +415,7 @@ export namespace Components {
           * @example // Example usage period = ["2024-08-01", "2024-08-30"];
          */
         "period": null | string[] | string;
+        "selectLabelColorMode": 'dark' | 'light' | string;
         /**
           * Display type of the date picker.
           * @type {'dropdown' | 'static'}
@@ -595,6 +596,68 @@ export namespace Components {
          */
         "value": string;
     }
+    interface CuraDropdownSearchCategory {
+    }
+    interface CuraDropdownSearchNew {
+        /**
+          * Disabled state. Default: false.
+         */
+        "disabled": boolean;
+        /**
+          * Custom icon name. Default: search.
+         */
+        "icon": string;
+        /**
+          * The label.
+         */
+        "label": string;
+        /**
+          * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 400px
+         */
+        "maxheight": string;
+        /**
+          * Name of the field. Required.
+         */
+        "name": string;
+        /**
+          * The placeholder text.
+         */
+        "placeholder": string;
+        /**
+          * Field is required. Default: false.
+         */
+        "required": boolean;
+        /**
+          * Delay in milliseconds to dispatch search events. Default: 400
+         */
+        "searchdelay": number;
+        /**
+          * Min chars to dispatch search events. Default: 3
+         */
+        "searchminchars": number;
+        /**
+          * Select by optionid property of a selectable option component.
+         */
+        "selectOption": (optionid: string) => Promise<void>;
+        /**
+          * Set focus to input field.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Size of the dropdown search component Values: 'small', 'medium' or 'large' (default).
+         */
+        "size": 'small' | 'medium' | 'large' | string;
+        /**
+          * Define component status. Values: 'error' or 'default'.
+         */
+        "status": 'error' | 'default' | string;
+        /**
+          * Readonly property value. Represents the term on the search input field.
+         */
+        "value": string;
+    }
+    interface CuraDropdownSearchNotFound {
+    }
     interface CuraDropdownSearchOption {
         /**
           * Indicates if the dropdown search option is hovered.
@@ -613,6 +676,28 @@ export namespace Components {
          */
         "value": string;
     }
+    interface CuraDropdownSearchOptionNew {
+        /**
+          * Highlighted state. This will be managed by the parent component. Default is false.
+         */
+        "highlighted": boolean;
+        /**
+          * Required. The unique identifier for the option. This will reference the option element for the parent.
+         */
+        "optionid": string;
+        /**
+          * Enable selection for this option. Default is true.
+         */
+        "selectable": boolean;
+        /**
+          * Selected state. This will be managed by the parent component. Default is false.
+         */
+        "selected": boolean;
+        /**
+          * Required. The value for item term reference. This will set the value of the seaarch field when the option is selected.
+         */
+        "value": string;
+    }
     interface CuraDropdownSearchOptionTitle {
     }
     interface CuraHeading {
@@ -625,7 +710,7 @@ export namespace Components {
          */
         "level": 1 | 2 | 3 | 4 | 5 | 6;
         /**
-          * CSS line-height property values. Default to 140%
+          * CSS line-height property values. Default to 130%
          */
         "lineHeight": string;
         /**
@@ -756,7 +841,7 @@ export namespace Components {
         /**
           * Mode of the input: 'default' or 'transparent' (default: 'default')
          */
-        "mode": 'default' | 'transparent';
+        "mode": 'default' | 'transparent' | string;
         /**
           * Name text for the input
          */
@@ -773,14 +858,15 @@ export namespace Components {
           * Whether the input is required (default: false)
          */
         "required"?: boolean;
+        "setFocus": () => Promise<void>;
         /**
           * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
          */
-        "size": 'small' | 'medium' | 'large';
+        "size": 'small' | 'medium' | 'large' | string;
         /**
           * Indicates input status(default: default)
          */
-        "status": 'error' | 'success' | 'default';
+        "status": 'error' | 'success' | 'default' | string;
         /**
           * Type of the input: 'text', 'number' (default: 'text')
          */
@@ -788,7 +874,7 @@ export namespace Components {
         /**
           * Value of the input field
          */
-        "value"?: string | number;
+        "value": string | number;
     }
     interface CuraLabel {
         /**
@@ -1086,6 +1172,10 @@ export namespace Components {
     }
     interface CuraToast {
         "autoCloseDelay": number;
+        /**
+          * Method to close toast component
+         */
+        "close": () => Promise<void>;
         "closeButton": boolean;
         "icon": string;
         "label": string;
@@ -1123,10 +1213,22 @@ export interface CuraDropdownSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraDropdownSearchElement;
 }
+export interface CuraDropdownSearchNewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraDropdownSearchNewElement;
+}
+export interface CuraDropdownSearchNotFoundCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraDropdownSearchNotFoundElement;
+}
 export interface CuraDropdownSearchOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraDropdownSearchOptionElement;
 }
+export interface CuraDropdownSearchOptionNewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraDropdownSearchOptionNewElement;
+}
 export interface CuraInputDateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraInputDateElement;
@@ -1318,6 +1420,47 @@ declare global {
         prototype: HTMLCuraDropdownSearchElement;
         new (): HTMLCuraDropdownSearchElement;
     };
+    interface HTMLCuraDropdownSearchCategoryElement extends Components.CuraDropdownSearchCategory, HTMLStencilElement {
+    }
+    var HTMLCuraDropdownSearchCategoryElement: {
+        prototype: HTMLCuraDropdownSearchCategoryElement;
+        new (): HTMLCuraDropdownSearchCategoryElement;
+    };
+    interface HTMLCuraDropdownSearchNewElementEventMap {
+        "termchange": string;
+        "optionselect": string;
+    }
+    interface HTMLCuraDropdownSearchNewElement extends Components.CuraDropdownSearchNew, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraDropdownSearchNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchNewElement, ev: CuraDropdownSearchNewCustomEvent<HTMLCuraDropdownSearchNewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraDropdownSearchNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchNewElement, ev: CuraDropdownSearchNewCustomEvent<HTMLCuraDropdownSearchNewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraDropdownSearchNewElement: {
+        prototype: HTMLCuraDropdownSearchNewElement;
+        new (): HTMLCuraDropdownSearchNewElement;
+    };
+    interface HTMLCuraDropdownSearchNotFoundElementEventMap {
+        "actionclick": any;
+    }
+    interface HTMLCuraDropdownSearchNotFoundElement extends Components.CuraDropdownSearchNotFound, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraDropdownSearchNotFoundElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchNotFoundElement, ev: CuraDropdownSearchNotFoundCustomEvent<HTMLCuraDropdownSearchNotFoundElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraDropdownSearchNotFoundElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchNotFoundElement, ev: CuraDropdownSearchNotFoundCustomEvent<HTMLCuraDropdownSearchNotFoundElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraDropdownSearchNotFoundElement: {
+        prototype: HTMLCuraDropdownSearchNotFoundElement;
+        new (): HTMLCuraDropdownSearchNotFoundElement;
+    };
     interface HTMLCuraDropdownSearchOptionElementEventMap {
         "optionSelected": string;
     }
@@ -1335,6 +1478,24 @@ declare global {
         prototype: HTMLCuraDropdownSearchOptionElement;
         new (): HTMLCuraDropdownSearchOptionElement;
     };
+    interface HTMLCuraDropdownSearchOptionNewElementEventMap {
+        "actionclick": any;
+        "selectoption": string;
+    }
+    interface HTMLCuraDropdownSearchOptionNewElement extends Components.CuraDropdownSearchOptionNew, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraDropdownSearchOptionNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionNewElement, ev: CuraDropdownSearchOptionNewCustomEvent<HTMLCuraDropdownSearchOptionNewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraDropdownSearchOptionNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionNewElement, ev: CuraDropdownSearchOptionNewCustomEvent<HTMLCuraDropdownSearchOptionNewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraDropdownSearchOptionNewElement: {
+        prototype: HTMLCuraDropdownSearchOptionNewElement;
+        new (): HTMLCuraDropdownSearchOptionNewElement;
+    };
     interface HTMLCuraDropdownSearchOptionTitleElement extends Components.CuraDropdownSearchOptionTitle, HTMLStencilElement {
     }
     var HTMLCuraDropdownSearchOptionTitleElement: {
@@ -1379,6 +1540,7 @@ declare global {
     };
     interface HTMLCuraInputTextElementEventMap {
         "valueChange": string | number;
+        "inputClear": string | number;
     }
     interface HTMLCuraInputTextElement extends Components.CuraInputText, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCuraInputTextElementEventMap>(type: K, listener: (this: HTMLCuraInputTextElement, ev: CuraInputTextCustomEvent<HTMLCuraInputTextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1569,7 +1731,11 @@ declare global {
         "cura-checkbox": HTMLCuraCheckboxElement;
         "cura-display": HTMLCuraDisplayElement;
         "cura-dropdown-search": HTMLCuraDropdownSearchElement;
+        "cura-dropdown-search-category": HTMLCuraDropdownSearchCategoryElement;
+        "cura-dropdown-search-new": HTMLCuraDropdownSearchNewElement;
+        "cura-dropdown-search-not-found": HTMLCuraDropdownSearchNotFoundElement;
         "cura-dropdown-search-option": HTMLCuraDropdownSearchOptionElement;
+        "cura-dropdown-search-option-new": HTMLCuraDropdownSearchOptionNewElement;
         "cura-dropdown-search-option-title": HTMLCuraDropdownSearchOptionTitleElement;
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
@@ -2007,6 +2173,7 @@ declare namespace LocalJSX {
           * @example // Example usage period = ["2024-08-01", "2024-08-30"];
          */
         "period"?: null | string[] | string;
+        "selectLabelColorMode"?: 'dark' | 'light' | string;
         /**
           * Display type of the date picker.
           * @type {'dropdown' | 'static'}
@@ -2193,6 +2360,63 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface CuraDropdownSearchCategory {
+    }
+    interface CuraDropdownSearchNew {
+        /**
+          * Disabled state. Default: false.
+         */
+        "disabled"?: boolean;
+        /**
+          * Custom icon name. Default: search.
+         */
+        "icon"?: string;
+        /**
+          * The label.
+         */
+        "label"?: string;
+        /**
+          * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 400px
+         */
+        "maxheight"?: string;
+        /**
+          * Name of the field. Required.
+         */
+        "name": string;
+        "onOptionselect"?: (event: CuraDropdownSearchNewCustomEvent<string>) => void;
+        "onTermchange"?: (event: CuraDropdownSearchNewCustomEvent<string>) => void;
+        /**
+          * The placeholder text.
+         */
+        "placeholder"?: string;
+        /**
+          * Field is required. Default: false.
+         */
+        "required"?: boolean;
+        /**
+          * Delay in milliseconds to dispatch search events. Default: 400
+         */
+        "searchdelay"?: number;
+        /**
+          * Min chars to dispatch search events. Default: 3
+         */
+        "searchminchars"?: number;
+        /**
+          * Size of the dropdown search component Values: 'small', 'medium' or 'large' (default).
+         */
+        "size"?: 'small' | 'medium' | 'large' | string;
+        /**
+          * Define component status. Values: 'error' or 'default'.
+         */
+        "status"?: 'error' | 'default' | string;
+        /**
+          * Readonly property value. Represents the term on the search input field.
+         */
+        "value"?: string;
+    }
+    interface CuraDropdownSearchNotFound {
+        "onActionclick"?: (event: CuraDropdownSearchNotFoundCustomEvent<any>) => void;
+    }
     interface CuraDropdownSearchOption {
         /**
           * Indicates if the dropdown search option is hovered.
@@ -2215,6 +2439,30 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface CuraDropdownSearchOptionNew {
+        /**
+          * Highlighted state. This will be managed by the parent component. Default is false.
+         */
+        "highlighted"?: boolean;
+        "onActionclick"?: (event: CuraDropdownSearchOptionNewCustomEvent<any>) => void;
+        "onSelectoption"?: (event: CuraDropdownSearchOptionNewCustomEvent<string>) => void;
+        /**
+          * Required. The unique identifier for the option. This will reference the option element for the parent.
+         */
+        "optionid": string;
+        /**
+          * Enable selection for this option. Default is true.
+         */
+        "selectable"?: boolean;
+        /**
+          * Selected state. This will be managed by the parent component. Default is false.
+         */
+        "selected"?: boolean;
+        /**
+          * Required. The value for item term reference. This will set the value of the seaarch field when the option is selected.
+         */
+        "value": string;
+    }
     interface CuraDropdownSearchOptionTitle {
     }
     interface CuraHeading {
@@ -2227,7 +2475,7 @@ declare namespace LocalJSX {
          */
         "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         /**
-          * CSS line-height property values. Default to 140%
+          * CSS line-height property values. Default to 130%
          */
         "lineHeight"?: string;
         /**
@@ -2368,11 +2616,16 @@ declare namespace LocalJSX {
         /**
           * Mode of the input: 'default' or 'transparent' (default: 'default')
          */
-        "mode"?: 'default' | 'transparent';
+        "mode"?: 'default' | 'transparent' | string;
         /**
           * Name text for the input
          */
         "name"?: string;
+        /**
+          * Emitted when the clear button is clicked
+          * @type {EventEmitter<string | number>}
+         */
+        "onInputClear"?: (event: CuraInputTextCustomEvent<string | number>) => void;
         /**
           * Emitted when the value of the input changes
           * @type {EventEmitter<string | number>}
@@ -2393,11 +2646,11 @@ declare namespace LocalJSX {
         /**
           * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
          */
-        "size"?: 'small' | 'medium' | 'large';
+        "size"?: 'small' | 'medium' | 'large' | string;
         /**
           * Indicates input status(default: default)
          */
-        "status"?: 'error' | 'success' | 'default';
+        "status"?: 'error' | 'success' | 'default' | string;
         /**
           * Type of the input: 'text', 'number' (default: 'text')
          */
@@ -2753,7 +3006,11 @@ declare namespace LocalJSX {
         "cura-checkbox": CuraCheckbox;
         "cura-display": CuraDisplay;
         "cura-dropdown-search": CuraDropdownSearch;
+        "cura-dropdown-search-category": CuraDropdownSearchCategory;
+        "cura-dropdown-search-new": CuraDropdownSearchNew;
+        "cura-dropdown-search-not-found": CuraDropdownSearchNotFound;
         "cura-dropdown-search-option": CuraDropdownSearchOption;
+        "cura-dropdown-search-option-new": CuraDropdownSearchOptionNew;
         "cura-dropdown-search-option-title": CuraDropdownSearchOptionTitle;
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
@@ -2798,7 +3055,11 @@ declare module "@stencil/core" {
             "cura-checkbox": LocalJSX.CuraCheckbox & JSXBase.HTMLAttributes<HTMLCuraCheckboxElement>;
             "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
             "cura-dropdown-search": LocalJSX.CuraDropdownSearch & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchElement>;
+            "cura-dropdown-search-category": LocalJSX.CuraDropdownSearchCategory & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchCategoryElement>;
+            "cura-dropdown-search-new": LocalJSX.CuraDropdownSearchNew & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchNewElement>;
+            "cura-dropdown-search-not-found": LocalJSX.CuraDropdownSearchNotFound & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchNotFoundElement>;
             "cura-dropdown-search-option": LocalJSX.CuraDropdownSearchOption & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionElement>;
+            "cura-dropdown-search-option-new": LocalJSX.CuraDropdownSearchOptionNew & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionNewElement>;
             "cura-dropdown-search-option-title": LocalJSX.CuraDropdownSearchOptionTitle & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionTitleElement>;
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;

package/dist/types/utils/FixedElementScrollBehavior.d.ts

@@ -0,0 +1,12 @@
+export declare class FixedElementScrollBehavior {
+    hostElement: any;
+    scrollableElement: any;
+    scrollPosition: number;
+    constructor(hostElement: any, scrollableElement: any);
+    disableScroll(): void;
+    enableScroll(): void;
+    _addEvents(): void;
+    _removeEvents(): void;
+    _stopPropagationEvent: (e: Event) => void;
+    _preventEvent: (ev: Event) => void;
+}

package/dist/types/utils/utils.d.ts

@@ -1,3 +1,8 @@
 export declare function format(first: string, middle: string, last: string): string;
 export declare const baseColors: string[];
 export declare function getColorsWithDepths(): string[];
+export declare function checkMobile(): boolean;
+export declare function checkIOS(): boolean;
+export declare function fakeInputIOSHack(targetElement: any): HTMLInputElement;
+export declare function addBodyScrollLockClass(): void;
+export declare function removeBodyScrollLockClass(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.5.1",
+  "version": "1.6.0-alpha.1",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -51,5 +51,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "f07a25d1617503c3d80dbc2a2d97cf29817ed646"
+  "gitHead": "75f569c2f30d05e6b2445f309007b072f9083ad3"
 }

package/dist/cjs/app-globals-57c5b283.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-57c5b283.js","mappings":";;;;MAGqB,OAAO;IAK1B,YAAa,MAAmB;QAC9B,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,GAAG,SAAS,CAAC;QAC7F,MAAM,WAAW,GAAG,IAAIA,+BAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,UAAS,QAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE;YAChE,SAAS,EAAE,UAAS,sBAAuC,IAAI,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,EAAE;YAC/G,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAS,cAAuB,EAAE,OAAgB,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA,EAAE;aAC9H;YACD,KAAK,EAAE;gBACL,SAAS,EAAE,UAAS,IAAa,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,EAAE;gBAC/E,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA,EAAE;gBAChE,OAAO,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA,EAAE;gBAC1D,QAAQ,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA,EAAE;aAC7D;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE;aACpE;YACD,WAAW,EAAE;gBACX,GAAG,EAAE,UAAS,IAAyD,EAAE,QAAwB,IAAI,OAAO,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE;aAC3J;SACH,CAAC;QACD,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SAC1C;aAAM;YACL,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;YAChE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACxB;KACF;;;;ICvBD,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC/B,MAAM,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,OAAO,EAAE,CAAC;IAC9D,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;IAC3B,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC,CAAC;IACzE,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,UAAU;QAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAC1E;;ACjBY,MAAC,aAAa,GAAG;;;;","names":["CuraThemeModule"],"sources":["src/api/cura-api.ts","src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n   };\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n  interface Window {\n    CuraAPI?: CuraAPI,\n    CuraInit?: CuraConfig\n  }\n}\n\nexport default function() {\n  const config = window.CuraInit;\n  window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n  const api = window.CuraAPI;\n  window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n  if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}