@rededor/cura 0.2.0 → 0.3.0

package/dist/types/api/theme-presets/static.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Static
+ */
+export declare const Static: {
+  color: {
+    success: {
+      lighter: string;
+      light: string;
+      base: string;
+      dark: string;
+      darker: string;
+      depth100: string;
+      depth300: string;
+      depth500: string;
+      depth700: string;
+      depth900: string;
+    };
+    info: {
+      lighter: string;
+      light: string;
+      base: string;
+      dark: string;
+      darker: string;
+      depth100: string;
+      depth300: string;
+      depth500: string;
+      depth700: string;
+      depth900: string;
+    };
+    error: {
+      lighter: string;
+      light: string;
+      base: string;
+      dark: string;
+      darker: string;
+      depth100: string;
+      depth300: string;
+      depth500: string;
+      depth700: string;
+      depth900: string;
+    };
+    warning: {
+      lighter: string;
+      light: string;
+      base: string;
+      dark: string;
+      darker: string;
+      depth100: string;
+      depth300: string;
+      depth500: string;
+      depth700: string;
+      depth900: string;
+    };
+    neutral: {
+      '0': string;
+      '100': string;
+      '200': string;
+      '300': string;
+      '400': string;
+      '500': string;
+      '600': string;
+      '700': string;
+      '800': string;
+      '900': string;
+    };
+  };
+  icons: {
+    sizes: string[];
+    strokes: string[];
+    'default-size': string;
+  };
+  breakpoints: {
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+  };
+};

package/dist/types/api/theme-presets/theme-default.d.ts

@@ -4,37 +4,43 @@
 export declare const ThemeDefault: {
   color: {
     primary: {
-      depth100: string;
-      depth300: string;
-      base: string;
-      depth700: string;
-      depth900: string;
+      '100': string;
+      '300': string;
+      '500': string;
+      '700': string;
+      '900': string;
     };
     secondary: {
-      depth100: string;
-      depth300: string;
-      base: string;
-      depth700: string;
-      depth900: string;
+      '100': string;
+      '300': string;
+      '500': string;
+      '700': string;
+      '900': string;
     };
     accent: {
-      depth100: string;
-      depth300: string;
-      base: string;
-      depth700: string;
-      depth900: string;
+      '100': string;
+      '300': string;
+      '500': string;
+      '700': string;
+      '900': string;
     };
   };
   spacing: {
-    base: string;
+    base: number;
   };
   font: {
-    family: {
-      title: string;
-      body: string;
-    };
-    size: {
-      base: string;
+    size: string;
+    color: string;
+    body: string;
+    heading: string;
+    display: string;
+    weights: {
+      thin: number;
+      light: number;
+      regular: number;
+      medium: number;
+      bold: number;
+      black: number;
     };
   };
 };

package/dist/types/api/theme-presets/theme-maternity.d.ts

@@ -1,32 +1,36 @@
 export declare const ThemeMaternity: {
   color: {
     primary: {
-      base: string;
-      depth100: string;
-      depth300: string;
-      depth500: string;
-      depth700: string;
-      depth900: string;
+      '100': string;
+      '300': string;
+      '500': string;
+      '700': string;
+      '900': string;
     };
     secondary: {
-      base: string;
-      depth100: string;
-      depth300: string;
-      depth500: string;
-      depth700: string;
-      depth900: string;
+      '100': string;
+      '300': string;
+      '500': string;
+      '700': string;
+      '900': string;
     };
   };
   spacing: {
-    base: string;
+    base: number;
   };
   font: {
-    family: {
-      title: string;
-      body: string;
-    };
-    size: {
-      base: string;
+    size: string;
+    color: string;
+    body: string;
+    heading: string;
+    display: string;
+    weights: {
+      thin: number;
+      light: number;
+      regular: number;
+      medium: number;
+      bold: number;
+      black: number;
     };
   };
 };

package/dist/types/api/theme-presets/theme-presets.d.ts

@@ -2,69 +2,79 @@ export declare const ThemePresets: {
   default: {
     color: {
       primary: {
-        depth100: string;
-        depth300: string;
-        base: string;
-        depth700: string;
-        depth900: string;
+        '100': string;
+        '300': string;
+        '500': string;
+        '700': string;
+        '900': string;
       };
       secondary: {
-        depth100: string;
-        depth300: string;
-        base: string;
-        depth700: string;
-        depth900: string;
+        '100': string;
+        '300': string;
+        '500': string;
+        '700': string;
+        '900': string;
       };
       accent: {
-        depth100: string;
-        depth300: string;
-        base: string;
-        depth700: string;
-        depth900: string;
+        '100': string;
+        '300': string;
+        '500': string;
+        '700': string;
+        '900': string;
       };
     };
     spacing: {
-      base: string;
+      base: number;
     };
     font: {
-      family: {
-        title: string;
-        body: string;
-      };
-      size: {
-        base: string;
+      size: string;
+      color: string;
+      body: string;
+      heading: string;
+      display: string;
+      weights: {
+        thin: number;
+        light: number;
+        regular: number;
+        medium: number;
+        bold: number;
+        black: number;
       };
     };
   };
   maternidade: {
     color: {
       primary: {
-        base: string;
-        depth100: string;
-        depth300: string;
-        depth500: string;
-        depth700: string;
-        depth900: string;
+        '100': string;
+        '300': string;
+        '500': string;
+        '700': string;
+        '900': string;
       };
       secondary: {
-        base: string;
-        depth100: string;
-        depth300: string;
-        depth500: string;
-        depth700: string;
-        depth900: string;
+        '100': string;
+        '300': string;
+        '500': string;
+        '700': string;
+        '900': string;
       };
     };
     spacing: {
-      base: string;
+      base: number;
     };
     font: {
-      family: {
-        title: string;
-        body: string;
-      };
-      size: {
-        base: string;
+      size: string;
+      color: string;
+      body: string;
+      heading: string;
+      display: string;
+      weights: {
+        thin: number;
+        light: number;
+        regular: number;
+        medium: number;
+        bold: number;
+        black: number;
       };
     };
   };

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

@@ -48,9 +48,9 @@ export declare class CuraIcon {
     };
   };
   sizeHandler(size: string | number): void;
+  colorHandler(): void;
   assetsPath: string;
   connectedCallback(): void;
-  getClasses(): {};
   setHostProperty(prop: string, value: string): void;
   render(): any;
 }

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

@@ -0,0 +1,28 @@
+export declare class CuraDisplay {
+  /**
+   * Heading level for semantics.
+   * Values: 1(default)-6.
+   */
+  level: number;
+  /**
+   * Heading style size.
+   * Values: small | regular(default) | large.
+   */
+  size: string;
+  /**
+   * Host element <cura-heading>
+   */
+  host: HTMLElement;
+  /**
+   * Internal Props
+   */
+  weights: any;
+  styles: any;
+  connectedCallback(): void;
+  getClasses(): {};
+  setFontProperties(): void;
+  setColors(): void;
+  setHostProperty(prop: string, value: string): void;
+  getHeadingTag(): any;
+  render(): any;
+}

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

@@ -0,0 +1,33 @@
+export declare class CuraHeading {
+  /**
+   * Heading level for semantics.
+   * Values: 1(default)-6.
+   */
+  level: number;
+  /**
+   * Heading style size.
+   * Values: small | regular(default) | large.
+   */
+  size: string;
+  /**
+   * Heading font weight.
+   * Values: regular(default) | bold.
+   */
+  weight: string;
+  /**
+   * Host element <cura-heading>
+   */
+  host: HTMLElement;
+  /**
+   * Internal Props
+   */
+  weights: any;
+  styles: any;
+  connectedCallback(): void;
+  getClasses(): {};
+  setFontProperties(): void;
+  setColors(): void;
+  setHostProperty(prop: string, value: string): void;
+  getHeadingTag(): any;
+  render(): any;
+}

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

@@ -0,0 +1,22 @@
+export declare class CuraParagraph {
+  /**
+   * Set size of body text.
+   * Values: regular (default) | large | small | caption.
+   */
+  size: string;
+  /**
+   * Host element <cura-paragraph>
+   */
+  host: HTMLElement;
+  /**
+   * Internal Props
+   */
+  weights: any;
+  styles: any;
+  connectedCallback(): void;
+  setsizeClass(): {};
+  setFontProperties(): void;
+  setColors(): void;
+  setHostProperty(prop: string, value: string): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -6,6 +6,30 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface CuraDisplay {
+        /**
+          * Heading level for semantics. Values: 1(default)-6.
+         */
+        "level": number;
+        /**
+          * Heading style size. Values: small | regular(default) | large.
+         */
+        "size": string;
+    }
+    interface CuraHeading {
+        /**
+          * Heading level for semantics. Values: 1(default)-6.
+         */
+        "level": number;
+        /**
+          * Heading style size. Values: small | regular(default) | large.
+         */
+        "size": string;
+        /**
+          * Heading font weight. Values: regular(default) | bold.
+         */
+        "weight": string;
+    }
     interface CuraIcon {
         "color": string;
         "disabled": boolean;
@@ -15,10 +39,26 @@ export namespace Components {
     }
     interface CuraIconsView {
     }
-    interface DummyComponent {
+    interface CuraParagraph {
+        /**
+          * Set size of body text. Values: regular (default) | large | small | caption.
+         */
+        "size": string;
     }
 }
 declare global {
+    interface HTMLCuraDisplayElement extends Components.CuraDisplay, HTMLStencilElement {
+    }
+    var HTMLCuraDisplayElement: {
+        prototype: HTMLCuraDisplayElement;
+        new (): HTMLCuraDisplayElement;
+    };
+    interface HTMLCuraHeadingElement extends Components.CuraHeading, HTMLStencilElement {
+    }
+    var HTMLCuraHeadingElement: {
+        prototype: HTMLCuraHeadingElement;
+        new (): HTMLCuraHeadingElement;
+    };
     interface HTMLCuraIconElement extends Components.CuraIcon, HTMLStencilElement {
     }
     var HTMLCuraIconElement: {
@@ -31,19 +71,45 @@ declare global {
         prototype: HTMLCuraIconsViewElement;
         new (): HTMLCuraIconsViewElement;
     };
-    interface HTMLDummyComponentElement extends Components.DummyComponent, HTMLStencilElement {
+    interface HTMLCuraParagraphElement extends Components.CuraParagraph, HTMLStencilElement {
     }
-    var HTMLDummyComponentElement: {
-        prototype: HTMLDummyComponentElement;
-        new (): HTMLDummyComponentElement;
+    var HTMLCuraParagraphElement: {
+        prototype: HTMLCuraParagraphElement;
+        new (): HTMLCuraParagraphElement;
     };
     interface HTMLElementTagNameMap {
+        "cura-display": HTMLCuraDisplayElement;
+        "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
         "cura-icons-view": HTMLCuraIconsViewElement;
-        "dummy-component": HTMLDummyComponentElement;
+        "cura-paragraph": HTMLCuraParagraphElement;
     }
 }
 declare namespace LocalJSX {
+    interface CuraDisplay {
+        /**
+          * Heading level for semantics. Values: 1(default)-6.
+         */
+        "level"?: number;
+        /**
+          * Heading style size. Values: small | regular(default) | large.
+         */
+        "size"?: string;
+    }
+    interface CuraHeading {
+        /**
+          * Heading level for semantics. Values: 1(default)-6.
+         */
+        "level"?: number;
+        /**
+          * Heading style size. Values: small | regular(default) | large.
+         */
+        "size"?: string;
+        /**
+          * Heading font weight. Values: regular(default) | bold.
+         */
+        "weight"?: string;
+    }
     interface CuraIcon {
         "color"?: string;
         "disabled"?: boolean;
@@ -53,21 +119,29 @@ declare namespace LocalJSX {
     }
     interface CuraIconsView {
     }
-    interface DummyComponent {
+    interface CuraParagraph {
+        /**
+          * Set size of body text. Values: regular (default) | large | small | caption.
+         */
+        "size"?: string;
     }
     interface IntrinsicElements {
+        "cura-display": CuraDisplay;
+        "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
         "cura-icons-view": CuraIconsView;
-        "dummy-component": DummyComponent;
+        "cura-paragraph": CuraParagraph;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
+            "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
-            "dummy-component": LocalJSX.DummyComponent & JSXBase.HTMLAttributes<HTMLDummyComponentElement>;
+            "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -38,5 +38,5 @@
     "puppeteer": "^10.0.0",
     "svgo": "^3.0.1"
   },
-  "gitHead": "56df4887a365cad4db959f6b91ec06b362640569"
+  "gitHead": "a1a5e872c5a1580bfa9e834260f9a71c58eb0a1e"
 }