@rededor/cura 1.4.0 → 1.5.0-alpha.0

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 {
         /**
@@ -103,6 +105,20 @@ export namespace Components {
         "distance": number;
         "label": string;
     }
+    interface CuraBadgeDot {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
+        "color": string;
+        /**
+          * 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.
@@ -827,6 +843,10 @@ export namespace Components {
           * 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
          */
@@ -839,6 +859,10 @@ export namespace Components {
           * 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';
@@ -865,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'.
@@ -959,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'.
@@ -1116,6 +1202,12 @@ declare global {
         prototype: HTMLCuraBadgeDistanceElement;
         new (): HTMLCuraBadgeDistanceElement;
     };
+    interface HTMLCuraBadgeDotElement extends Components.CuraBadgeDot, HTMLStencilElement {
+    }
+    var HTMLCuraBadgeDotElement: {
+        prototype: HTMLCuraBadgeDotElement;
+        new (): HTMLCuraBadgeDotElement;
+    };
     interface HTMLCuraBadgePillElement extends Components.CuraBadgePill, HTMLStencilElement {
     }
     var HTMLCuraBadgePillElement: {
@@ -1344,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 };
     }
@@ -1384,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 };
     }
@@ -1442,6 +1552,7 @@ declare global {
         "cura-avatar": HTMLCuraAvatarElement;
         "cura-badge-counter": HTMLCuraBadgeCounterElement;
         "cura-badge-distance": HTMLCuraBadgeDistanceElement;
+        "cura-badge-dot": HTMLCuraBadgeDotElement;
         "cura-badge-pill": HTMLCuraBadgePillElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
@@ -1465,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;
@@ -1570,6 +1684,20 @@ declare namespace LocalJSX {
         "distance"?: number;
         "label"?: string;
     }
+    interface CuraBadgeDot {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
+        "color"?: string;
+        /**
+          * 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.
@@ -2326,6 +2454,10 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -2342,6 +2474,10 @@ declare namespace LocalJSX {
           * 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';
@@ -2368,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'.
@@ -2467,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'.
@@ -2529,6 +2727,7 @@ declare namespace LocalJSX {
         "cura-avatar": CuraAvatar;
         "cura-badge-counter": CuraBadgeCounter;
         "cura-badge-distance": CuraBadgeDistance;
+        "cura-badge-dot": CuraBadgeDot;
         "cura-badge-pill": CuraBadgePill;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
@@ -2552,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;
@@ -2570,6 +2772,7 @@ declare module "@stencil/core" {
             "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-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>;
@@ -2593,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/package.json

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