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

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

@@ -0,0 +1,64 @@
+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;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraBadgeCounter: {
+    args: {
+        number: number;
+        color: string;
+        disabled: boolean;
+        type: string;
+    };
+};

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

@@ -0,0 +1,24 @@
+export declare class CuraBadgeDot {
+    theme: import("../../../api/cura-api.type").APIThemeFunctions;
+    /**
+     * 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;
+    styles: {};
+    connectedCallback(): void;
+    setColors(): void;
+    getClasses(): {
+        container: boolean;
+        disabled: boolean;
+    };
+    render(): any;
+}

package/dist/types/components/badges/{cura-badge-number/cura-badge-number.stories.d.ts → cura-badge-dot/cura-badge-dot.stories.d.ts}

@@ -5,17 +5,20 @@ declare const _default: {
         [x: string]: any;
     }) => string;
     argTypes: {
-        number: {
-            control: string;
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
             description: string;
             table: {
                 category: string;
                 defaultValue: {
-                    summary: number;
+                    summary: string;
                 };
             };
         };
-        color: {
+        type: {
             control: {
                 type: string;
             };
@@ -28,12 +31,23 @@ declare const _default: {
                 };
             };
         };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
     };
 };
 export default _default;
-export declare const CuraBadgeNumber: {
+export declare const CuraBadgeDot: {
     args: {
-        number: number;
         color: string;
+        disabled: boolean;
+        type: string;
     };
 };

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

@@ -0,0 +1,44 @@
+export declare class CuraBadgePill {
+    host: HTMLElement;
+    /**
+     * Badge type: solid | outline | transparent
+     */
+    type: 'solid' | 'outline' | 'transparent';
+    /**
+     * Color base from color scheme. Default: primary
+     */
+    color: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Name of the icon to be used from iconset
+     */
+    iconName: string;
+    /**
+     * Custom iconset if needed
+     */
+    iconset: string;
+    /**
+     * Disabled state. Boolean
+     */
+    disabled: boolean;
+    /**
+     * Set badge to icon only. Boolean
+     */
+    iconOnly: boolean;
+    /**
+     * Set border-radius.
+     */
+    borderRadius: string;
+    styles: {};
+    theme: import("../../../api/cura-api.type").APIThemeFunctions;
+    handleColorChange(): void;
+    connectedCallback(): void;
+    private setBaseStyles;
+    private setColors;
+    hostCSSProperties(): {
+        '--border-radius': string;
+    };
+    getClasses(): {};
+    getSymbolColor(): string;
+    getIcon(): any;
+    render(): any;
+}

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

@@ -0,0 +1,119 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        iconset: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconOnly: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        label: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        borderRadius: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        cssBorderRadius: {
+            control: string;
+            name: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const BadgePill: {
+    args: {
+        type: string;
+        color: string;
+        iconName: string;
+        iconset: string;
+        disabled: boolean;
+        iconOnly: boolean;
+        label: string;
+        borderRadius: string;
+        cssBorderRadius: string;
+    };
+};

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

@@ -4,7 +4,7 @@ export declare class CuraButtonSelect {
     selected: boolean;
     iconName: string;
     size: 'small' | 'medium' | 'large';
-    counter: string | number | null;
+    counter: number | null;
     disabled: boolean;
     background: 'dark' | 'light';
     color: string;
@@ -20,7 +20,6 @@ export declare class CuraButtonSelect {
     getClasses(): {};
     connectedCallback(): void;
     getLabelFontColor(): "neutral-white" | "neutral-black" | "neutral-dark";
-    getColorCounter(): string;
     getColorBagdeNumber(): string;
     getIcon(): any;
     getCounter(): any;

package/dist/types/components/cura-icon/cura-icon.definitions.d.ts

@@ -1,4 +1,3 @@
-export declare const microIcons: string[];
 export declare const iconSizes: {
     "128": {
         size: number;

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

@@ -11,17 +11,46 @@ export declare class CuraModal {
      */
     background?: 'dark' | 'light';
     /**
-     * Property offsetTop to control modal top position.
+     * Property top to control modal top position.
      * Default: 0px
      */
-    topOffset?: number;
+    top?: number;
+    /**
+     * Property bottom to control modal bottom position.
+     * Default: 0px
+     */
+    bottom?: number;
+    /**
+     * Property left to control modal left position.
+     * Default: 0px
+     */
+    left?: number;
+    /**
+     * Property right to control modal right position.
+     * Default: 0px
+     */
+    right?: number;
+    /**
+     * Defines the label for the close button when the modal is viewed on mobile.
+     * Default: Fechar
+     */
+    mobileCloseLabel: string;
+    /**
+     * Property zindex to control the z-index value of the component.
+     * Default: 100
+     */
+    zindex: string;
     /**
      * Event close to handle modal close.
      */
     modalClose: EventEmitter<void>;
     styles: {};
     setColors(): void;
-    setOffsetTop(): void;
+    setOffset(name: string, value: number): void;
+    setTop(): void;
+    setBottom(): void;
+    setLeft(): void;
+    setRight(): void;
     connectedCallback(): void;
     private handleClose;
     render(): any;

package/dist/types/components/cura-modal/cura-modal.stories.d.ts

@@ -28,7 +28,34 @@ declare const _default: {
                 };
             };
         };
-        topOffset: {
+        content: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        mobileCloseLabel: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        zindex: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        top: {
             control: {
                 type: string;
             };
@@ -40,13 +67,40 @@ declare const _default: {
                 };
             };
         };
-        content: {
+        bottom: {
             control: {
                 type: string;
             };
             description: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        left: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        right: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
         close: {
@@ -65,6 +119,11 @@ export declare const CuraModal: {
         background: string;
         open: boolean;
         content: string;
-        topOffset: number;
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        mobileCloseLabel: string;
+        zindex: string;
     };
 };

package/dist/types/components/cura-stepper/cura-progress-bar/cura-progress-bar.d.ts

@@ -0,0 +1,23 @@
+export declare class CuraProgressBar {
+    /**
+     *  Defines the color of the progress bar
+     */
+    progressColor: string;
+    /**
+     *  Defines the percentage of progress
+     */
+    progress: number;
+    /**
+     *  Defines the size of the progress bar
+     */
+    size: number;
+    /**
+     *  Defines the width of the stroke (outline) of the progress circle
+     */
+    strokeWidth: number;
+    /**
+     *  Defines whether the progress bar is active
+     */
+    active: boolean;
+    render(): any;
+}

package/dist/types/components/cura-stepper/cura-stepper-item/cura-stepper-item.d.ts

@@ -0,0 +1,60 @@
+export declare class 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';
+    styles: {};
+    hostElement: HTMLElement;
+    connectedCallback(): void;
+    statusMap: {
+        active: {
+            badgeColor: string;
+            textColor: string;
+            icon: string;
+            iconOnly: boolean;
+        };
+        stop: {
+            badgeColor: string;
+            textColor: string;
+            icon: string;
+            iconOnly: boolean;
+        };
+        done: {
+            badgeColor: string;
+            textColor: string;
+            icon: string;
+            iconOnly: boolean;
+        };
+        default: {
+            badgeColor: string;
+            textColor: string;
+            icon: string;
+            iconOnly: boolean;
+        };
+    };
+    getStatusProperties(): {
+        badgeColor: string;
+        textColor: string;
+        icon: string;
+        iconOnly: boolean;
+    };
+    updateStyles(): void;
+    render(): any;
+}

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

@@ -0,0 +1,62 @@
+import { Step } from './stepper.type';
+export declare class CuraStepper {
+    /**
+     * The current active step index
+     */
+    activeStepIndex: number;
+    /**
+     * Indicates if a step has encountered an error
+     * If `true`, the current step will be marked as 'stop'
+     */
+    errorInCurrentStep: boolean;
+    /**
+     * Whether to display the title (default: false)
+     */
+    displayHeading: boolean;
+    /**
+     * Allows you to set the appearance of the component (default: default)
+     */
+    variant: 'compact' | 'default';
+    /**
+     * List of steps in the stepper.
+     */
+    steps: Step[] | string;
+    /**
+     * Reference to the host element.
+     */
+    host: HTMLElement;
+    styles: {};
+    /**
+     * Array of steps in the stepper.
+     *
+     * @type {Date[]}
+     * @default []
+     */
+    stepList: Step[];
+    connectedCallback(): void;
+    generateStyles(colors: any, fonts: any, spacing: any, weights: any): {
+        '--base-spacing': any;
+        '--neutral-purewhite': any;
+        '--neutral-lighter': any;
+        '--neutral-base': any;
+        '--neutral-light': any;
+        '--success-light': any;
+        '--info-light': any;
+        '--error-light': any;
+        '--font-size': any;
+        '--font-color': any;
+        '--font-family': any;
+        '--font-weight-regular': any;
+    };
+    initializeSteps(): void;
+    getStepStatus(step: number): 'done' | 'stop' | 'active' | 'default';
+    getProgressStyles(): {
+        progressColor: string;
+        activeStepTextColor: string;
+        nextStepTextColor: string;
+    };
+    renderCompactStepper(): any;
+    renderStep(step: Step, stepIndex: number): any;
+    renderStepper(): any;
+    render(): any;
+}

package/dist/types/components/cura-stepper/cura-stepper.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        steps: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: any;
+                };
+            };
+        };
+        activeStepIndex: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        errorInCurrentStep: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
+        displayHeading: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Stepper: {
+    args: {
+        steps: {
+            title: string;
+            label: string;
+        }[];
+        displayHeading: string;
+        errorInCurrentStep: string;
+        activeStepIndex: number;
+        variant: string;
+    };
+};

package/dist/types/components/cura-stepper/stepper.type.d.ts

@@ -0,0 +1,4 @@
+export interface Step {
+    label: string;
+    title: string;
+}