@rededor/cura 0.4.6 → 0.4.8

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

@@ -0,0 +1,154 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ ...args }: {
+    [x: string]: any;
+  }) => string;
+  argTypes: {
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    activeColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    colorMode: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    behavior: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    openIcon: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    closeIcon: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    iconSize: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    iconColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    iconActiveColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    darkBackground: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const Accordion: {
+  args: {
+    color: string;
+    activeColor: string;
+    colorMode: string;
+    openIcon: string;
+    closeIcon: string;
+    iconSize: string;
+    iconColor: string;
+    iconActiveColor: string;
+    behavior: string;
+    darkBackground: boolean;
+  };
+};

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

@@ -0,0 +1,29 @@
+export declare class CuraAccordionItem {
+  /**
+   * Text label for accordion item
+   */
+  label: string;
+  /** ***Properties below are inherited from the cura-accordion*** */
+  /**
+   * Accordion items icons
+   */
+  iconSize: number;
+  openIcon: string;
+  closeIcon: string;
+  /**
+   * Color scheme base color
+   * (By default, the icon will use the same color of 'color' and 'activeColor')
+   */
+  iconColor: string;
+  iconActiveColor: string;
+  /**
+   * Set the color mode to dark or light
+   */
+  colorMode: 'dark' | 'light';
+  opened: boolean;
+  styles: {};
+  getIconColor(): string;
+  getClasses(): {};
+  accordionItemClick(_: Event): void;
+  render(): any;
+}

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

@@ -8,89 +8,157 @@ declare const _default: {
   argTypes: {
     label: {
       control: string;
+      description: string;
+      name: string;
     };
     disabled: {
       control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
     isLoading: {
       control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: 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;
+        };
+      };
     };
     fontColor: {
       control: {
         type: string;
       };
       options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
     };
     textAlign: {
       control: {
         type: string;
       };
       options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
     };
     fullWidth: {
       control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
     iconName: {
       control: {
         type: string;
       };
       options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
     };
     iconPosition: {
       control: {
         type: string;
       };
       options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
     };
     iconOnly: {
       control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
     };
     href: {
       control: string;
+      description: string;
+      table: {
+        category: string;
+      };
     };
     target: {
       control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: 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: {
+export declare const Button: {
   args: {
     label: string;
     size: string;
     color: string;
     fontColor: string;
     textAlign: string;
-    fullWidth: boolean;
     iconName: string;
     iconPosition: string;
     iconOnly: boolean;
@@ -98,22 +166,6 @@ export declare const Secondary: {
     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/buttons/cura-button-outline/cura-button-outline.stories.d.ts

@@ -0,0 +1,171 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    isLoading: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: 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;
+        };
+      };
+    };
+    fontColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    textAlign: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    fullWidth: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    iconName: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    iconPosition: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    iconOnly: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    href: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    target: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const ButtonOutline: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+    fullWidth: boolean;
+  };
+};

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

@@ -0,0 +1,171 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    isLoading: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: 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;
+        };
+      };
+    };
+    fontColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    textAlign: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    fullWidth: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    iconName: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    iconPosition: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    iconOnly: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    href: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    target: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const ButtonTransparent: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+    fullWidth: boolean;
+  };
+};