greenole-design-system 1.1.4 → 1.1.5

package/dist/base-components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ButtonProps } from './Button.types';
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/base-components/Button/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Link: Story;
+export declare const DangerPrimary: Story;
+export declare const WithIcons: Story;
+export declare const LoadingState: Story;
+export declare const Disabled: Story;

package/dist/base-components/Button/Button.types.d.ts

@@ -0,0 +1,16 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { TypographyVariant } from '../../components/Typography/Typography';
+export type ButtonVariant = "primary" | "secondary" | "tertiary" | "link";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonColor = "default" | "danger";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    color?: ButtonColor;
+    fullWidth?: boolean;
+    typography?: TypographyVariant;
+    loading?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+}

package/dist/base-components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export type { ButtonColor, ButtonProps, ButtonSize, ButtonVariant } from './Button.types';

package/dist/base-components/Loading/Loading.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { LoadingProps } from './Loading.types';
+declare const Loading: React.FC<LoadingProps>;
+export default Loading;

package/dist/base-components/Loading/Loading.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Loading } from './Loading';
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof Loading>;
+export declare const Default: Story;

package/dist/base-components/Loading/Loading.types.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+export interface LoadingProps extends SVGProps<SVGSVGElement> {
+    show?: boolean;
+    size?: number;
+    color?: string;
+}

package/dist/base-components/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Loading } from './Loading';
+export type { LoadingProps } from './Loading.types';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardProps } from './Card.types';
+declare const Card: React.FC<CardProps>;
+export default Card;

package/dist/components/Card/Card.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Card } from './';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<any>;
+export declare const DropdownControlled: Story;

package/dist/components/Card/Card.types.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DropdownOption } from '../../base-components/Dropdown/Dropdown.types';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+    theme?: "light" | "dark";
+    width?: "w-48" | "w-64" | "w-80" | "w-full" | string;
+}
+export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    titleSize?: "sm" | "md" | "lg";
+    dropdownOptions?: DropdownOption[];
+    showDropdown?: boolean;
+    selectedValue?: string;
+    onDropdownSelect?: (value: string) => void;
+    className?: string;
+    theme?: "light" | "dark";
+}
+export interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+    align?: "left" | "center" | "right";
+}

package/dist/components/Card/CardBody.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardSectionProps } from './Card.types';
+declare const CardBody: React.FC<CardSectionProps>;
+export default CardBody;

package/dist/components/Card/CardFooter.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardFooterProps } from './Card.types';
+declare const CardFooter: React.FC<CardFooterProps>;
+export default CardFooter;

package/dist/components/Card/CardHeader.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardHeaderProps } from './Card.types';
+declare const CardHeader: React.FC<CardHeaderProps>;
+export default CardHeader;

package/dist/components/Card/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Card } from './Card';
+export * from './Card.types';
+export { default as CardBody } from './CardBody';
+export { default as CardFooter } from './CardFooter';
+export { default as CardHeader } from './CardHeader';