@rededor/cura 1.1.0 → 1.2.0-alpha.0

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

@@ -60,6 +60,7 @@ export declare class CuraInputText {
      * @see: https://imask.js.org/
      */
     maskPreset?: MaskPreset;
+    enableSelectionMode: boolean;
     /**
      * Regular expression for custom input masking. Uses IMask library.
      *  @see: https://imask.js.org/
@@ -104,6 +105,10 @@ export declare class CuraInputText {
      * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
      */
     hideErrorIcon: boolean;
+    /**
+     * Defines whether the input should have autocomplete
+     */
+    autocomplete?: string;
     /**
      * Emitted when the value of the input changes
      * @type {EventEmitter<string | number>}
@@ -146,6 +151,7 @@ export declare class CuraInputText {
         isFocused: boolean;
         isHovered: boolean;
         transparent: boolean;
+        selection: boolean;
     };
     getLabelColor(): "neutral-black" | "neutral-medium" | "neutral-dark";
     renderIcon(): any;

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

@@ -218,6 +218,20 @@ declare const _default: {
                 };
             };
         };
+        autocomplete: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -243,5 +257,6 @@ export declare const InputText: {
         isLoading: boolean;
         readOnly: boolean;
         maxlength: any;
+        autocomplete: string;
     };
 };

package/dist/types/components.d.ts

@@ -78,6 +78,10 @@ export namespace Components {
         "distance": number;
         "label": string;
     }
+    interface CuraBadgeNumber {
+        "color": string;
+        "number": number | null;
+    }
     interface CuraButton {
         /**
           * Set the background color to dark or light.
@@ -203,33 +207,12 @@ export namespace Components {
         "type": 'button' | 'reset' | 'submit';
     }
     interface CuraButtonSelect {
-        /**
-          * Set the font color to dark or light.
-         */
         "background": 'dark' | 'light';
-        /**
-          * Color base from color scheme. Default: accent.
-         */
         "color": string;
-        /**
-          * Disabled state. Boolean.
-         */
+        "counter": string | number | null;
         "disabled": boolean;
-        /**
-          * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
-         */
-        "fontcolor": 'dark' | 'light';
-        /**
-          * Icon position: left (default) | right.
-         */
-        "iconPosition": 'left' | 'right';
-        /**
-          * selected state. Boolean.
-         */
+        "iconName": string;
         "selected": boolean;
-        /**
-          * Button size: small | medium (default) | large  = medium
-         */
         "size": 'small' | 'medium' | 'large';
     }
     interface CuraButtonTransparent {
@@ -292,6 +275,12 @@ export namespace Components {
     }
     interface CuraCalendar {
         "collapsed": boolean | null;
+        /**
+          * Array of dates chosen by the user, can be updated dynamically.
+          * @type {Date[]}
+          * @default []
+         */
+        "customDates": Date[];
         /**
           * Date format used for display and parsing.
           * @type {string}
@@ -584,7 +573,53 @@ export namespace Components {
     }
     interface CuraIconsView {
     }
+    interface CuraInputDate {
+        /**
+          * 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;
+        /**
+          * Enables the date range selection mode, allowing users to select a period of dates
+         */
+        "enableRangeDates": boolean;
+        /**
+          * Helper text displayed below the input
+         */
+        "helperText"?: string;
+        /**
+          * Whether to display a cura icon (default: null)
+         */
+        "iconName"?: string;
+        /**
+          * Label text for the input date
+         */
+        "label"?: string;
+        /**
+          * Name text for the input date
+         */
+        "name"?: string;
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string | null;
+        /**
+          * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Indicates input status (default: default)
+         */
+        "status": 'error' | 'success' | 'default';
+    }
     interface CuraInputText {
+        /**
+          * Defines whether the input should have autocomplete
+         */
+        "autocomplete"?: string;
         /**
           * Icon button name for the clear button (default: 'closeCircle')
          */
@@ -593,6 +628,7 @@ export namespace Components {
           * Whether the input is disabled (default: false)
          */
         "disabled"?: boolean;
+        "enableSelectionMode": boolean;
         /**
           * Helper text displayed below the input
          */
@@ -900,6 +936,10 @@ export interface CuraDropdownSearchOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraDropdownSearchOptionElement;
 }
+export interface CuraInputDateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraInputDateElement;
+}
 export interface CuraInputTextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraInputTextElement;
@@ -962,6 +1002,12 @@ declare global {
         prototype: HTMLCuraBadgeDistanceElement;
         new (): HTMLCuraBadgeDistanceElement;
     };
+    interface HTMLCuraBadgeNumberElement extends Components.CuraBadgeNumber, HTMLStencilElement {
+    }
+    var HTMLCuraBadgeNumberElement: {
+        prototype: HTMLCuraBadgeNumberElement;
+        new (): HTMLCuraBadgeNumberElement;
+    };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
     var HTMLCuraButtonElement: {
@@ -975,7 +1021,7 @@ declare global {
         new (): HTMLCuraButtonOutlineElement;
     };
     interface HTMLCuraButtonSelectElementEventMap {
-        "onclick": { selected: boolean; };
+        "onclick": { selected: boolean };
     }
     interface HTMLCuraButtonSelectElement extends Components.CuraButtonSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCuraButtonSelectElementEventMap>(type: K, listener: (this: HTMLCuraButtonSelectElement, ev: CuraButtonSelectCustomEvent<HTMLCuraButtonSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1102,6 +1148,23 @@ declare global {
         prototype: HTMLCuraIconsViewElement;
         new (): HTMLCuraIconsViewElement;
     };
+    interface HTMLCuraInputDateElementEventMap {
+        "dateChange": string;
+    }
+    interface HTMLCuraInputDateElement extends Components.CuraInputDate, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraInputDateElementEventMap>(type: K, listener: (this: HTMLCuraInputDateElement, ev: CuraInputDateCustomEvent<HTMLCuraInputDateElementEventMap[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 HTMLCuraInputDateElementEventMap>(type: K, listener: (this: HTMLCuraInputDateElement, ev: CuraInputDateCustomEvent<HTMLCuraInputDateElementEventMap[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 HTMLCuraInputDateElement: {
+        prototype: HTMLCuraInputDateElement;
+        new (): HTMLCuraInputDateElement;
+    };
     interface HTMLCuraInputTextElementEventMap {
         "valueChange": string | number;
     }
@@ -1229,6 +1292,7 @@ declare global {
         "cura-alert": HTMLCuraAlertElement;
         "cura-avatar": HTMLCuraAvatarElement;
         "cura-badge-distance": HTMLCuraBadgeDistanceElement;
+        "cura-badge-number": HTMLCuraBadgeNumberElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
         "cura-button-select": HTMLCuraButtonSelectElement;
@@ -1243,6 +1307,7 @@ declare global {
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
         "cura-icons-view": HTMLCuraIconsViewElement;
+        "cura-input-date": HTMLCuraInputDateElement;
         "cura-input-text": HTMLCuraInputTextElement;
         "cura-label": HTMLCuraLabelElement;
         "cura-loader-bar": HTMLCuraLoaderBarElement;
@@ -1328,6 +1393,10 @@ declare namespace LocalJSX {
         "distance"?: number;
         "label"?: string;
     }
+    interface CuraBadgeNumber {
+        "color"?: string;
+        "number"?: number | null;
+    }
     interface CuraButton {
         /**
           * Set the background color to dark or light.
@@ -1453,34 +1522,13 @@ declare namespace LocalJSX {
         "type"?: 'button' | 'reset' | 'submit';
     }
     interface CuraButtonSelect {
-        /**
-          * Set the font color to dark or light.
-         */
         "background"?: 'dark' | 'light';
-        /**
-          * Color base from color scheme. Default: accent.
-         */
         "color"?: string;
-        /**
-          * Disabled state. Boolean.
-         */
+        "counter"?: string | number | null;
         "disabled"?: boolean;
-        /**
-          * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
-         */
-        "fontcolor"?: 'dark' | 'light';
-        /**
-          * Icon position: left (default) | right.
-         */
-        "iconPosition"?: 'left' | 'right';
-        "onOnclick"?: (event: CuraButtonSelectCustomEvent<{ selected: boolean; }>) => void;
-        /**
-          * selected state. Boolean.
-         */
+        "iconName"?: string;
+        "onOnclick"?: (event: CuraButtonSelectCustomEvent<{ selected: boolean }>) => void;
         "selected"?: boolean;
-        /**
-          * Button size: small | medium (default) | large  = medium
-         */
         "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraButtonTransparent {
@@ -1543,6 +1591,12 @@ declare namespace LocalJSX {
     }
     interface CuraCalendar {
         "collapsed"?: boolean | null;
+        /**
+          * Array of dates chosen by the user, can be updated dynamically.
+          * @type {Date[]}
+          * @default []
+         */
+        "customDates"?: Date[];
         /**
           * Date format used for display and parsing.
           * @type {string}
@@ -1851,7 +1905,58 @@ declare namespace LocalJSX {
     }
     interface CuraIconsView {
     }
+    interface CuraInputDate {
+        /**
+          * 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;
+        /**
+          * Enables the date range selection mode, allowing users to select a period of dates
+         */
+        "enableRangeDates"?: boolean;
+        /**
+          * Helper text displayed below the input
+         */
+        "helperText"?: string;
+        /**
+          * Whether to display a cura icon (default: null)
+         */
+        "iconName"?: string;
+        /**
+          * Label text for the input date
+         */
+        "label"?: string;
+        /**
+          * Name text for the input date
+         */
+        "name"?: string;
+        /**
+          * Emitted when the value of the input changes
+          * @type {EventEmitter<string>}
+         */
+        "onDateChange"?: (event: CuraInputDateCustomEvent<string>) => void;
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string | null;
+        /**
+          * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Indicates input status (default: default)
+         */
+        "status"?: 'error' | 'success' | 'default';
+    }
     interface CuraInputText {
+        /**
+          * Defines whether the input should have autocomplete
+         */
+        "autocomplete"?: string;
         /**
           * Icon button name for the clear button (default: 'closeCircle')
          */
@@ -1860,6 +1965,7 @@ declare namespace LocalJSX {
           * Whether the input is disabled (default: false)
          */
         "disabled"?: boolean;
+        "enableSelectionMode"?: boolean;
         /**
           * Helper text displayed below the input
          */
@@ -2160,6 +2266,7 @@ declare namespace LocalJSX {
         "cura-alert": CuraAlert;
         "cura-avatar": CuraAvatar;
         "cura-badge-distance": CuraBadgeDistance;
+        "cura-badge-number": CuraBadgeNumber;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
         "cura-button-select": CuraButtonSelect;
@@ -2174,6 +2281,7 @@ declare namespace LocalJSX {
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
         "cura-icons-view": CuraIconsView;
+        "cura-input-date": CuraInputDate;
         "cura-input-text": CuraInputText;
         "cura-label": CuraLabel;
         "cura-loader-bar": CuraLoaderBar;
@@ -2196,6 +2304,7 @@ declare module "@stencil/core" {
             "cura-alert": LocalJSX.CuraAlert & JSXBase.HTMLAttributes<HTMLCuraAlertElement>;
             "cura-avatar": LocalJSX.CuraAvatar & JSXBase.HTMLAttributes<HTMLCuraAvatarElement>;
             "cura-badge-distance": LocalJSX.CuraBadgeDistance & JSXBase.HTMLAttributes<HTMLCuraBadgeDistanceElement>;
+            "cura-badge-number": LocalJSX.CuraBadgeNumber & JSXBase.HTMLAttributes<HTMLCuraBadgeNumberElement>;
             "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-button-outline": LocalJSX.CuraButtonOutline & JSXBase.HTMLAttributes<HTMLCuraButtonOutlineElement>;
             "cura-button-select": LocalJSX.CuraButtonSelect & JSXBase.HTMLAttributes<HTMLCuraButtonSelectElement>;
@@ -2210,6 +2319,7 @@ declare module "@stencil/core" {
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
+            "cura-input-date": LocalJSX.CuraInputDate & JSXBase.HTMLAttributes<HTMLCuraInputDateElement>;
             "cura-input-text": LocalJSX.CuraInputText & JSXBase.HTMLAttributes<HTMLCuraInputTextElement>;
             "cura-label": LocalJSX.CuraLabel & JSXBase.HTMLAttributes<HTMLCuraLabelElement>;
             "cura-loader-bar": LocalJSX.CuraLoaderBar & JSXBase.HTMLAttributes<HTMLCuraLoaderBarElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.1.0",
+  "version": "1.2.0-alpha.0",
   "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": "f32672fb57aecdb32b2e424381e810673edb6be8"
+  "gitHead": "2bbdc349bb9ab92642e0fc91cac2863af0141602"
 }