@rededor/cura 0.4.6 → 0.4.8

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

@@ -0,0 +1,65 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      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;
+        };
+      };
+    };
+    name: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Icon: {
+  args: {
+    name: string;
+    size: string;
+    color: string;
+    disabled: boolean;
+  };
+};

package/dist/types/components/loaders/cura-loader-circle/cura-loader-circle.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    size: {
+      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;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const LoaderCircle: {
+  args: {
+    size: string;
+    color: string;
+  };
+};

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

@@ -0,0 +1,76 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    inverted: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    spotColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    level: {
+      control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+      };
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const Display: {
+  args: {
+    label: string;
+    size: string;
+    level: number;
+    spotColor: string;
+    inverted: boolean;
+  };
+};

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

@@ -0,0 +1,90 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    inverted: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    weight: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    spotColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    level: {
+      control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+      };
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const Heading: {
+  args: {
+    label: string;
+    size: string;
+    weight: string;
+    level: number;
+    spotColor: string;
+    inverted: boolean;
+  };
+};

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

@@ -0,0 +1,74 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    inverted: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    spotColor: {
+      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;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const Paragraph: {
+  args: {
+    label: string;
+    size: string;
+    spotColor: string;
+    inverted: boolean;
+    color: string;
+  };
+};

package/dist/types/components.d.ts

@@ -6,6 +6,54 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface CuraAccordion {
+        "activeColor": string;
+        /**
+          * Accordion behavior when item is clicked (The default will close all items except the current one)
+         */
+        "behavior": 'default' | 'keep-open';
+        "closeIcon": string;
+        /**
+          * Color scheme base color
+         */
+        "color": string;
+        /**
+          * Set the color mode to dark or light
+         */
+        "colorMode": 'dark' | 'light';
+        "iconActiveColor": string;
+        /**
+          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+         */
+        "iconColor": string;
+        /**
+          * Accordion items icons
+         */
+        "iconSize": number;
+        "openIcon": string;
+    }
+    interface CuraAccordionItem {
+        "closeIcon": string;
+        /**
+          * Set the color mode to dark or light
+         */
+        "colorMode": 'dark' | 'light';
+        "iconActiveColor": string;
+        /**
+          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+         */
+        "iconColor": string;
+        /**
+          * Accordion items icons
+         */
+        "iconSize": number;
+        /**
+          * Text label for accordion item
+         */
+        "label": string;
+        "openIcon": string;
+        "opened": boolean;
+    }
     interface CuraButton {
         /**
           * Color base from color scheme. Default: accent.
@@ -238,6 +286,18 @@ export namespace Components {
     }
 }
 declare global {
+    interface HTMLCuraAccordionElement extends Components.CuraAccordion, HTMLStencilElement {
+    }
+    var HTMLCuraAccordionElement: {
+        prototype: HTMLCuraAccordionElement;
+        new (): HTMLCuraAccordionElement;
+    };
+    interface HTMLCuraAccordionItemElement extends Components.CuraAccordionItem, HTMLStencilElement {
+    }
+    var HTMLCuraAccordionItemElement: {
+        prototype: HTMLCuraAccordionItemElement;
+        new (): HTMLCuraAccordionItemElement;
+    };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
     var HTMLCuraButtonElement: {
@@ -299,6 +359,8 @@ declare global {
         new (): HTMLCuraParagraphElement;
     };
     interface HTMLElementTagNameMap {
+        "cura-accordion": HTMLCuraAccordionElement;
+        "cura-accordion-item": HTMLCuraAccordionItemElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
         "cura-button-transparent": HTMLCuraButtonTransparentElement;
@@ -312,6 +374,54 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface CuraAccordion {
+        "activeColor"?: string;
+        /**
+          * Accordion behavior when item is clicked (The default will close all items except the current one)
+         */
+        "behavior"?: 'default' | 'keep-open';
+        "closeIcon"?: string;
+        /**
+          * Color scheme base color
+         */
+        "color"?: string;
+        /**
+          * Set the color mode to dark or light
+         */
+        "colorMode"?: 'dark' | 'light';
+        "iconActiveColor"?: string;
+        /**
+          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+         */
+        "iconColor"?: string;
+        /**
+          * Accordion items icons
+         */
+        "iconSize"?: number;
+        "openIcon"?: string;
+    }
+    interface CuraAccordionItem {
+        "closeIcon"?: string;
+        /**
+          * Set the color mode to dark or light
+         */
+        "colorMode"?: 'dark' | 'light';
+        "iconActiveColor"?: string;
+        /**
+          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+         */
+        "iconColor"?: string;
+        /**
+          * Accordion items icons
+         */
+        "iconSize"?: number;
+        /**
+          * Text label for accordion item
+         */
+        "label"?: string;
+        "openIcon"?: string;
+        "opened"?: boolean;
+    }
     interface CuraButton {
         /**
           * Color base from color scheme. Default: accent.
@@ -543,6 +653,8 @@ declare namespace LocalJSX {
         "spotColor"?: string;
     }
     interface IntrinsicElements {
+        "cura-accordion": CuraAccordion;
+        "cura-accordion-item": CuraAccordionItem;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
         "cura-button-transparent": CuraButtonTransparent;
@@ -559,6 +671,8 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "cura-accordion": LocalJSX.CuraAccordion & JSXBase.HTMLAttributes<HTMLCuraAccordionElement>;
+            "cura-accordion-item": LocalJSX.CuraAccordionItem & JSXBase.HTMLAttributes<HTMLCuraAccordionItemElement>;
             "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-button-outline": LocalJSX.CuraButtonOutline & JSXBase.HTMLAttributes<HTMLCuraButtonOutlineElement>;
             "cura-button-transparent": LocalJSX.CuraButtonTransparent & JSXBase.HTMLAttributes<HTMLCuraButtonTransparentElement>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -50,5 +50,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.0.1"
   },
-  "gitHead": "5ab15b8bc90c3e5520e070b527d31a3186149caf"
+  "gitHead": "f74d338157a6cbafdd8583875f78f7cb79925678"
 }