@rededor/cura 1.4.0-alpha.1 → 1.5.0-alpha.0

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

@@ -98,6 +98,7 @@ export declare class CuraDropdownSearch {
      * before blocking the scroll.
      */
     originalOverflow: string;
+    screenDefaultHeight: number;
     private adjustInputPosition;
     connectedCallback(): void;
     onValueChange(newValue: string): void;
@@ -116,7 +117,7 @@ export declare class CuraDropdownSearch {
     private moveHighlight;
     private updateOptionAttribute;
     private updateHoveredIndex;
-    private scrollIntoView;
+    private scrollHoveredOptionIntoView;
     private handleResize;
     handleOnBlur(): void;
     getClasses(): {
@@ -136,5 +137,6 @@ export declare class CuraDropdownSearch {
     getDropdownSearchListHeight(): void;
     handleGoBack(): void;
     resetDropdownStyles(): void;
+    setUp: () => void;
     render(): any;
 }

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

@@ -124,7 +124,7 @@ declare const _default: {
                 };
             };
         };
-        onselect: {
+        selected: {
             description: string;
             table: {
                 category: string;

package/dist/types/components.d.ts

@@ -6,7 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
+import { Step } from "./components/cura-stepper/stepper.type";
 export { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
+export { Step } from "./components/cura-stepper/stepper.type";
 export namespace Components {
     interface CuraAccordion {
         /**
@@ -81,13 +83,71 @@ export namespace Components {
         "size": '80' | '40' | '32' | '24';
         "type": 'default' | 'branding';
     }
+    interface CuraBadgeCounter {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
+        "color": string;
+        /**
+          * Define o estado do badge como desabilitado ou habilitado.
+         */
+        "disabled": boolean;
+        /**
+          * Número a ser representado no badge. Apresentará 99+ para números acima desse valor.
+         */
+        "number": number | null;
+        /**
+          * Define o estilo visual entre solid (default), outline ou transparent.
+         */
+        "type": 'solid' | 'outline' | 'transparent' | string;
+    }
     interface CuraBadgeDistance {
         "distance": number;
         "label": string;
     }
-    interface CuraBadgeNumber {
+    interface CuraBadgeDot {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
         "color": string;
-        "number": number | null;
+        /**
+          * Define o estado do badge como desabilitado ou habilitado.
+         */
+        "disabled": boolean;
+        /**
+          * Define o estilo visual entre solid (default), outline ou transparent.
+         */
+        "type": 'solid' | 'outline' | 'transparent' | string;
+    }
+    interface CuraBadgePill {
+        /**
+          * Set border-radius.
+         */
+        "borderRadius": string;
+        /**
+          * Color base from color scheme. Default: primary
+         */
+        "color": 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+        /**
+          * Disabled state. Boolean
+         */
+        "disabled": boolean;
+        /**
+          * Name of the icon to be used from iconset
+         */
+        "iconName": string;
+        /**
+          * Set badge to icon only. Boolean
+         */
+        "iconOnly": boolean;
+        /**
+          * Custom iconset if needed
+         */
+        "iconset": string;
+        /**
+          * Badge type: solid | outline | transparent
+         */
+        "type": 'solid' | 'outline' | 'transparent';
     }
     interface CuraButton {
         /**
@@ -216,7 +276,7 @@ export namespace Components {
     interface CuraButtonSelect {
         "background": 'dark' | 'light';
         "color": string;
-        "counter": string | number | null;
+        "counter": number | null;
         "disabled": boolean;
         "iconName": string;
         "iconPosition": 'left' | 'right';
@@ -775,14 +835,34 @@ export namespace Components {
           * Property background to control modal backdrop color. Default: light
          */
         "background"?: 'dark' | 'light';
+        /**
+          * Property bottom to control modal bottom position. Default: 0px
+         */
+        "bottom"?: number;
+        /**
+          * Property left to control modal left position. Default: 0px
+         */
+        "left"?: number;
+        /**
+          * Defines the label for the close button when the modal is viewed on mobile. Default: Fechar
+         */
+        "mobileCloseLabel": string;
         /**
           * Property open to control modal visibility. Default: false
          */
         "open"?: boolean;
         /**
-          * Property offsetTop to control modal top position. Default: 0px
+          * Property right to control modal right position. Default: 0px
+         */
+        "right"?: number;
+        /**
+          * Property top to control modal top position. Default: 0px
          */
-        "topOffset"?: number;
+        "top"?: number;
+        /**
+          * Property zindex to control the z-index value of the component. Default: 100
+         */
+        "zindex": string;
     }
     interface CuraPageTemplate {
         "contentwidth": 'default' | 'centered';
@@ -809,6 +889,28 @@ export namespace Components {
          */
         "spotColor": string;
     }
+    interface CuraProgressBar {
+        /**
+          * Defines whether the progress bar is active
+         */
+        "active": boolean;
+        /**
+          * Defines the percentage of progress
+         */
+        "progress": number;
+        /**
+          * Defines the color of the progress bar
+         */
+        "progressColor": string;
+        /**
+          * Defines the size of the progress bar
+         */
+        "size": number;
+        /**
+          * Defines the width of the stroke (outline) of the progress circle
+         */
+        "strokeWidth": number;
+    }
     interface CuraRadio {
         /**
           * Background theme of the radio button. Can be 'dark' or 'light'.
@@ -903,6 +1005,46 @@ export namespace Components {
         "size": 'xsmall' | 'small' | 'medium' | 'large';
         "value": string;
     }
+    interface CuraStepper {
+        /**
+          * The current active step index
+         */
+        "activeStepIndex": number;
+        /**
+          * Whether to display the title (default: false)
+         */
+        "displayHeading": boolean;
+        /**
+          * Indicates if a step has encountered an error If `true`, the current step will be marked as 'stop'
+         */
+        "errorInCurrentStep": boolean;
+        /**
+          * List of steps in the stepper.
+         */
+        "steps": Step[] | string;
+        /**
+          * Allows you to set the appearance of the component (default: default)
+         */
+        "variant": 'compact' | 'default';
+    }
+    interface CuraStepperItem {
+        /**
+          * Determines if the step title is displayed (default: false)
+         */
+        "displayHeading": boolean;
+        /**
+          * The title of the step (displayed if `displayHeading` is true)
+         */
+        "heading": string;
+        /**
+          * The label displayed inside the badge
+         */
+        "label": string;
+        /**
+          * The current status of the step Can be:    - 'done' for completed steps    - 'stop' for failed steps    - 'active' for the current active step    - 'default' for steps that are neither done, active nor stopped.
+         */
+        "status": 'done' | 'stop' | 'active' | 'default';
+    }
     interface CuraSwitch {
         /**
           * Background style of the switch. Can be 'dark' or 'light'.
@@ -1048,17 +1190,29 @@ declare global {
         prototype: HTMLCuraAvatarElement;
         new (): HTMLCuraAvatarElement;
     };
+    interface HTMLCuraBadgeCounterElement extends Components.CuraBadgeCounter, HTMLStencilElement {
+    }
+    var HTMLCuraBadgeCounterElement: {
+        prototype: HTMLCuraBadgeCounterElement;
+        new (): HTMLCuraBadgeCounterElement;
+    };
     interface HTMLCuraBadgeDistanceElement extends Components.CuraBadgeDistance, HTMLStencilElement {
     }
     var HTMLCuraBadgeDistanceElement: {
         prototype: HTMLCuraBadgeDistanceElement;
         new (): HTMLCuraBadgeDistanceElement;
     };
-    interface HTMLCuraBadgeNumberElement extends Components.CuraBadgeNumber, HTMLStencilElement {
+    interface HTMLCuraBadgeDotElement extends Components.CuraBadgeDot, HTMLStencilElement {
     }
-    var HTMLCuraBadgeNumberElement: {
-        prototype: HTMLCuraBadgeNumberElement;
-        new (): HTMLCuraBadgeNumberElement;
+    var HTMLCuraBadgeDotElement: {
+        prototype: HTMLCuraBadgeDotElement;
+        new (): HTMLCuraBadgeDotElement;
+    };
+    interface HTMLCuraBadgePillElement extends Components.CuraBadgePill, HTMLStencilElement {
+    }
+    var HTMLCuraBadgePillElement: {
+        prototype: HTMLCuraBadgePillElement;
+        new (): HTMLCuraBadgePillElement;
     };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
@@ -1282,6 +1436,12 @@ declare global {
         prototype: HTMLCuraParagraphElement;
         new (): HTMLCuraParagraphElement;
     };
+    interface HTMLCuraProgressBarElement extends Components.CuraProgressBar, HTMLStencilElement {
+    }
+    var HTMLCuraProgressBarElement: {
+        prototype: HTMLCuraProgressBarElement;
+        new (): HTMLCuraProgressBarElement;
+    };
     interface HTMLCuraRadioElementEventMap {
         "onchange": { value: string, checked: boolean };
     }
@@ -1322,6 +1482,18 @@ declare global {
         prototype: HTMLCuraSelectOptionElement;
         new (): HTMLCuraSelectOptionElement;
     };
+    interface HTMLCuraStepperElement extends Components.CuraStepper, HTMLStencilElement {
+    }
+    var HTMLCuraStepperElement: {
+        prototype: HTMLCuraStepperElement;
+        new (): HTMLCuraStepperElement;
+    };
+    interface HTMLCuraStepperItemElement extends Components.CuraStepperItem, HTMLStencilElement {
+    }
+    var HTMLCuraStepperItemElement: {
+        prototype: HTMLCuraStepperItemElement;
+        new (): HTMLCuraStepperItemElement;
+    };
     interface HTMLCuraSwitchElementEventMap {
         "onchange": { checked: boolean };
     }
@@ -1378,8 +1550,10 @@ declare global {
         "cura-accordion-item": HTMLCuraAccordionItemElement;
         "cura-alert": HTMLCuraAlertElement;
         "cura-avatar": HTMLCuraAvatarElement;
+        "cura-badge-counter": HTMLCuraBadgeCounterElement;
         "cura-badge-distance": HTMLCuraBadgeDistanceElement;
-        "cura-badge-number": HTMLCuraBadgeNumberElement;
+        "cura-badge-dot": HTMLCuraBadgeDotElement;
+        "cura-badge-pill": HTMLCuraBadgePillElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
         "cura-button-select": HTMLCuraButtonSelectElement;
@@ -1402,9 +1576,12 @@ declare global {
         "cura-modal": HTMLCuraModalElement;
         "cura-page-template": HTMLCuraPageTemplateElement;
         "cura-paragraph": HTMLCuraParagraphElement;
+        "cura-progress-bar": HTMLCuraProgressBarElement;
         "cura-radio": HTMLCuraRadioElement;
         "cura-select": HTMLCuraSelectElement;
         "cura-select-option": HTMLCuraSelectOptionElement;
+        "cura-stepper": HTMLCuraStepperElement;
+        "cura-stepper-item": HTMLCuraStepperItemElement;
         "cura-switch": HTMLCuraSwitchElement;
         "cura-toast": HTMLCuraToastElement;
         "cura-tooltip": HTMLCuraTooltipElement;
@@ -1485,13 +1662,71 @@ declare namespace LocalJSX {
         "size"?: '80' | '40' | '32' | '24';
         "type"?: 'default' | 'branding';
     }
+    interface CuraBadgeCounter {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
+        "color"?: string;
+        /**
+          * Define o estado do badge como desabilitado ou habilitado.
+         */
+        "disabled"?: boolean;
+        /**
+          * Número a ser representado no badge. Apresentará 99+ para números acima desse valor.
+         */
+        "number"?: number | null;
+        /**
+          * Define o estilo visual entre solid (default), outline ou transparent.
+         */
+        "type"?: 'solid' | 'outline' | 'transparent' | string;
+    }
     interface CuraBadgeDistance {
         "distance"?: number;
         "label"?: string;
     }
-    interface CuraBadgeNumber {
+    interface CuraBadgeDot {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
         "color"?: string;
-        "number"?: number | null;
+        /**
+          * Define o estado do badge como desabilitado ou habilitado.
+         */
+        "disabled"?: boolean;
+        /**
+          * Define o estilo visual entre solid (default), outline ou transparent.
+         */
+        "type"?: 'solid' | 'outline' | 'transparent' | string;
+    }
+    interface CuraBadgePill {
+        /**
+          * Set border-radius.
+         */
+        "borderRadius"?: string;
+        /**
+          * Color base from color scheme. Default: primary
+         */
+        "color"?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+        /**
+          * Disabled state. Boolean
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of the icon to be used from iconset
+         */
+        "iconName"?: string;
+        /**
+          * Set badge to icon only. Boolean
+         */
+        "iconOnly"?: boolean;
+        /**
+          * Custom iconset if needed
+         */
+        "iconset"?: string;
+        /**
+          * Badge type: solid | outline | transparent
+         */
+        "type"?: 'solid' | 'outline' | 'transparent';
     }
     interface CuraButton {
         /**
@@ -1620,7 +1855,7 @@ declare namespace LocalJSX {
     interface CuraButtonSelect {
         "background"?: 'dark' | 'light';
         "color"?: string;
-        "counter"?: string | number | null;
+        "counter"?: number | null;
         "disabled"?: boolean;
         "iconName"?: string;
         "iconPosition"?: 'left' | 'right';
@@ -2211,6 +2446,18 @@ declare namespace LocalJSX {
           * Property background to control modal backdrop color. Default: light
          */
         "background"?: 'dark' | 'light';
+        /**
+          * Property bottom to control modal bottom position. Default: 0px
+         */
+        "bottom"?: number;
+        /**
+          * Property left to control modal left position. Default: 0px
+         */
+        "left"?: number;
+        /**
+          * Defines the label for the close button when the modal is viewed on mobile. Default: Fechar
+         */
+        "mobileCloseLabel"?: string;
         /**
           * Event close to handle modal close.
          */
@@ -2220,9 +2467,17 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Property offsetTop to control modal top position. Default: 0px
+          * Property right to control modal right position. Default: 0px
          */
-        "topOffset"?: number;
+        "right"?: number;
+        /**
+          * Property top to control modal top position. Default: 0px
+         */
+        "top"?: number;
+        /**
+          * Property zindex to control the z-index value of the component. Default: 100
+         */
+        "zindex"?: string;
     }
     interface CuraPageTemplate {
         "contentwidth"?: 'default' | 'centered';
@@ -2249,6 +2504,28 @@ declare namespace LocalJSX {
          */
         "spotColor"?: string;
     }
+    interface CuraProgressBar {
+        /**
+          * Defines whether the progress bar is active
+         */
+        "active"?: boolean;
+        /**
+          * Defines the percentage of progress
+         */
+        "progress"?: number;
+        /**
+          * Defines the color of the progress bar
+         */
+        "progressColor"?: string;
+        /**
+          * Defines the size of the progress bar
+         */
+        "size"?: number;
+        /**
+          * Defines the width of the stroke (outline) of the progress circle
+         */
+        "strokeWidth"?: number;
+    }
     interface CuraRadio {
         /**
           * Background theme of the radio button. Can be 'dark' or 'light'.
@@ -2348,6 +2625,46 @@ declare namespace LocalJSX {
         "size"?: 'xsmall' | 'small' | 'medium' | 'large';
         "value"?: string;
     }
+    interface CuraStepper {
+        /**
+          * The current active step index
+         */
+        "activeStepIndex"?: number;
+        /**
+          * Whether to display the title (default: false)
+         */
+        "displayHeading"?: boolean;
+        /**
+          * Indicates if a step has encountered an error If `true`, the current step will be marked as 'stop'
+         */
+        "errorInCurrentStep"?: boolean;
+        /**
+          * List of steps in the stepper.
+         */
+        "steps"?: Step[] | string;
+        /**
+          * Allows you to set the appearance of the component (default: default)
+         */
+        "variant"?: 'compact' | 'default';
+    }
+    interface CuraStepperItem {
+        /**
+          * Determines if the step title is displayed (default: false)
+         */
+        "displayHeading"?: boolean;
+        /**
+          * The title of the step (displayed if `displayHeading` is true)
+         */
+        "heading"?: string;
+        /**
+          * The label displayed inside the badge
+         */
+        "label"?: string;
+        /**
+          * The current status of the step Can be:    - 'done' for completed steps    - 'stop' for failed steps    - 'active' for the current active step    - 'default' for steps that are neither done, active nor stopped.
+         */
+        "status"?: 'done' | 'stop' | 'active' | 'default';
+    }
     interface CuraSwitch {
         /**
           * Background style of the switch. Can be 'dark' or 'light'.
@@ -2408,8 +2725,10 @@ declare namespace LocalJSX {
         "cura-accordion-item": CuraAccordionItem;
         "cura-alert": CuraAlert;
         "cura-avatar": CuraAvatar;
+        "cura-badge-counter": CuraBadgeCounter;
         "cura-badge-distance": CuraBadgeDistance;
-        "cura-badge-number": CuraBadgeNumber;
+        "cura-badge-dot": CuraBadgeDot;
+        "cura-badge-pill": CuraBadgePill;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
         "cura-button-select": CuraButtonSelect;
@@ -2432,9 +2751,12 @@ declare namespace LocalJSX {
         "cura-modal": CuraModal;
         "cura-page-template": CuraPageTemplate;
         "cura-paragraph": CuraParagraph;
+        "cura-progress-bar": CuraProgressBar;
         "cura-radio": CuraRadio;
         "cura-select": CuraSelect;
         "cura-select-option": CuraSelectOption;
+        "cura-stepper": CuraStepper;
+        "cura-stepper-item": CuraStepperItem;
         "cura-switch": CuraSwitch;
         "cura-toast": CuraToast;
         "cura-tooltip": CuraTooltip;
@@ -2448,8 +2770,10 @@ declare module "@stencil/core" {
             "cura-accordion-item": LocalJSX.CuraAccordionItem & JSXBase.HTMLAttributes<HTMLCuraAccordionItemElement>;
             "cura-alert": LocalJSX.CuraAlert & JSXBase.HTMLAttributes<HTMLCuraAlertElement>;
             "cura-avatar": LocalJSX.CuraAvatar & JSXBase.HTMLAttributes<HTMLCuraAvatarElement>;
+            "cura-badge-counter": LocalJSX.CuraBadgeCounter & JSXBase.HTMLAttributes<HTMLCuraBadgeCounterElement>;
             "cura-badge-distance": LocalJSX.CuraBadgeDistance & JSXBase.HTMLAttributes<HTMLCuraBadgeDistanceElement>;
-            "cura-badge-number": LocalJSX.CuraBadgeNumber & JSXBase.HTMLAttributes<HTMLCuraBadgeNumberElement>;
+            "cura-badge-dot": LocalJSX.CuraBadgeDot & JSXBase.HTMLAttributes<HTMLCuraBadgeDotElement>;
+            "cura-badge-pill": LocalJSX.CuraBadgePill & JSXBase.HTMLAttributes<HTMLCuraBadgePillElement>;
             "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-button-outline": LocalJSX.CuraButtonOutline & JSXBase.HTMLAttributes<HTMLCuraButtonOutlineElement>;
             "cura-button-select": LocalJSX.CuraButtonSelect & JSXBase.HTMLAttributes<HTMLCuraButtonSelectElement>;
@@ -2472,9 +2796,12 @@ declare module "@stencil/core" {
             "cura-modal": LocalJSX.CuraModal & JSXBase.HTMLAttributes<HTMLCuraModalElement>;
             "cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
             "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
+            "cura-progress-bar": LocalJSX.CuraProgressBar & JSXBase.HTMLAttributes<HTMLCuraProgressBarElement>;
             "cura-radio": LocalJSX.CuraRadio & JSXBase.HTMLAttributes<HTMLCuraRadioElement>;
             "cura-select": LocalJSX.CuraSelect & JSXBase.HTMLAttributes<HTMLCuraSelectElement>;
             "cura-select-option": LocalJSX.CuraSelectOption & JSXBase.HTMLAttributes<HTMLCuraSelectOptionElement>;
+            "cura-stepper": LocalJSX.CuraStepper & JSXBase.HTMLAttributes<HTMLCuraStepperElement>;
+            "cura-stepper-item": LocalJSX.CuraStepperItem & JSXBase.HTMLAttributes<HTMLCuraStepperItemElement>;
             "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
             "cura-toast": LocalJSX.CuraToast & JSXBase.HTMLAttributes<HTMLCuraToastElement>;
             "cura-tooltip": LocalJSX.CuraTooltip & JSXBase.HTMLAttributes<HTMLCuraTooltipElement>;

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

@@ -1,2 +1,3 @@
 export declare function format(first: string, middle: string, last: string): string;
+export declare const baseColors: string[];
 export declare function getColorsWithDepths(): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.4.0-alpha.1",
+  "version": "1.5.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": "fd97e88ef29529950852e1cfb902205e337b4514"
+  "gitHead": "e2e00fc5fd80fdcb510c15eaa51c21c0172f53ec"
 }