@rededor/cura 0.4.4 → 0.4.6

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

@@ -0,0 +1,119 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+    };
+    disabled: {
+      control: string;
+    };
+    isLoading: {
+      control: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    fontColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    textAlign: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    fullWidth: {
+      control: string;
+    };
+    iconName: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    iconPosition: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    iconOnly: {
+      control: string;
+    };
+    href: {
+      control: string;
+    };
+    target: {
+      control: string;
+    };
+  };
+};
+export default _default;
+export declare const Primary: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    fullWidth: boolean;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+  };
+};
+export declare const Secondary: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    fullWidth: boolean;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+  };
+};
+export declare const Accent: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    fullWidth: boolean;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+  };
+};

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

@@ -3,7 +3,7 @@ export declare class CuraParagraph {
    * Set size of body text.
    * Values: regular (default) | large | small | caption.
    */
-  size: string;
+  size: 'regular' | 'large' | 'small' | 'caption';
   /**
   * Apply light color to text in dark background.
   * Values: boolean.
@@ -14,6 +14,11 @@ export declare class CuraParagraph {
   * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
   */
   spotColor: string;
+  /**
+   * Color base from color scheme. Default: theme font color.
+   */
+  color: any;
+  handleChangeColor(): void;
   /**
    * Host element <cura-paragraph>
    */
@@ -22,7 +27,7 @@ export declare class CuraParagraph {
    * Internal Props
    */
   weights: any;
-  styles: any;
+  styles: {};
   connectedCallback(): void;
   setsizeClass(): {};
   setFontProperties(): void;

package/dist/types/components.d.ts

@@ -219,6 +219,10 @@ export namespace Components {
         "contentwidth": 'default' | 'centered';
     }
     interface CuraParagraph {
+        /**
+          * Color base from color scheme. Default: theme font color.
+         */
+        "color": any;
         /**
           * Apply light color to text in dark background. Values: boolean.
          */
@@ -226,7 +230,7 @@ export namespace Components {
         /**
           * Set size of body text. Values: regular (default) | large | small | caption.
          */
-        "size": string;
+        "size": 'regular' | 'large' | 'small' | 'caption';
         /**
           * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
          */
@@ -521,6 +525,10 @@ declare namespace LocalJSX {
         "contentwidth"?: 'default' | 'centered';
     }
     interface CuraParagraph {
+        /**
+          * Color base from color scheme. Default: theme font color.
+         */
+        "color"?: any;
         /**
           * Apply light color to text in dark background. Values: boolean.
          */
@@ -528,7 +536,7 @@ declare namespace LocalJSX {
         /**
           * Set size of body text. Values: regular (default) | large | small | caption.
          */
-        "size"?: string;
+        "size"?: 'regular' | 'large' | 'small' | 'caption';
         /**
           * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -22,7 +22,9 @@
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "build:iconset": "node ./node/iconset-builder.js"
+    "build:iconset": "node ./node/iconset-builder.js",
+    "storybook": "npm run build && storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@stencil/core": "^3.3.0"
@@ -32,11 +34,21 @@
     "@stencil/react-output-target": "^0.4.0",
     "@stencil/sass": "^2.0.3",
     "@stencil/vue-output-target": "^0.7.0",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/html": "^7.6.7",
+    "@storybook/html-webpack5": "^7.6.7",
+    "@storybook/test": "^7.6.7",
     "@types/jest": "^27.0.3",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
     "puppeteer": "^10.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^7.6.7",
     "svgo": "^3.0.1"
   },
-  "gitHead": "e9ace426a3318c7c21a7d289db1b8f0722f810e5"
+  "gitHead": "5ab15b8bc90c3e5520e070b527d31a3186149caf"
 }