greenole-design-system 1.1.9 → 1.1.11

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

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

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Avatar } from './Avatar';
+declare const avatarMeta: Meta<typeof Avatar>;
+export default avatarMeta;
+type Story = StoryObj<typeof Avatar>;
+export declare const WithTextFallback: Story;
+export declare const WithIconOnly: Story;
+export declare const TransparentBackground: Story;
+export declare const WithStarIcon: Story;
+export declare const ImageExample: Story;

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

@@ -0,0 +1,12 @@
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const avatarSizes: Record<AvatarSize, string>;
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    size?: AvatarSize;
+    shape?: 'circle' | 'rounded';
+    icon?: React.ReactNode;
+    fallbackText?: string;
+    className?: string;
+    bgColor?: 'bg-[var(--neutral-soft)]' | 'bg-[var(--neutral-medium)]' | 'bg-[var(--brandcolor-softest)]' | 'bg-[var(--green-500)]' | 'bg-[var(--red-500)]' | 'bg-[var(--blue-400)]' | 'bg-transparent';
+}

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

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

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Pills } from './Pills';
+declare const meta: Meta<typeof Pills>;
+export default meta;
+type Story = StoryObj<typeof Pills>;
+export declare const Playground: Story;
+export declare const Primary: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Infor: Story;
+export declare const Neutral: Story;
+export declare const WithIcons: Story;
+export declare const CustomTypography: Story;
+export declare const CustomPadding: Story;

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

@@ -0,0 +1,11 @@
+import { TypographyVariant } from '../../components/Typography/Typography';
+export type PillsVariant = 'neutral' | 'success' | 'danger' | 'warning' | 'info' | 'primary';
+export interface PillsProps {
+    label: string;
+    variant?: PillsVariant;
+    typography?: TypographyVariant;
+    padding?: string;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    className?: string;
+}

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ProgressBar } from './ProgressBar';
+declare const meta: Meta<typeof ProgressBar>;
+export default meta;
+type Story = StoryObj<typeof ProgressBar>;
+export declare const Playground: Story;
+export declare const PercentProgress: Story;
+export declare const CustomColorHex: Story;
+export declare const WithoutText: Story;

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

@@ -0,0 +1,19 @@
+export type ProgressBarType = "percent" | "file";
+export type ProgressBarHeight = "sm" | "md" | "lg";
+export interface ProgressBarProps {
+    type?: ProgressBarType;
+    value: number;
+    max?: number;
+    height?: ProgressBarHeight;
+    color?: keyof typeof colorMap | string;
+    showText?: boolean;
+    className?: string;
+}
+export declare const progressHeights: Record<ProgressBarHeight, string>;
+export declare const colorMap: {
+    brand: string;
+    green: string;
+    red: string;
+    blue: string;
+    neutral: string;
+};

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Space } from './Space';
+declare const meta: Meta<typeof Space>;
+export default meta;
+type Story = StoryObj<typeof Space>;
+export declare const Playground: Story;
+export declare const AllSpacings: Story;
+export declare const CustomColorHex: Story;
+export declare const CustomWidth: Story;

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

@@ -0,0 +1,9 @@
+export type SpaceHeight = "spacing-1" | "spacing-2" | "spacing-4" | "spacing-8" | "spacing-12" | "spacing-16" | "spacing-24" | "spacing-32" | "spacing-40" | "spacing-48" | "spacing-56" | "spacing-64" | "spacing-72" | "spacing-80" | "spacing-104";
+export declare const spaceHeights: Record<SpaceHeight, string>;
+export interface SpaceProps {
+    height?: SpaceHeight;
+    color?: string;
+    width?: string;
+    className?: string;
+    showLabel?: boolean;
+}

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

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

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as TextField } from './TextField';
+declare const meta: Meta<typeof TextField>;
+export default meta;
+type Story = StoryObj<typeof TextField>;
+export declare const Playground: Story;
+export declare const ValidationExamples: Story;
+export declare const States: Story;

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

@@ -0,0 +1,27 @@
+import { TypographyVariant } from '../../components/Typography/Typography';
+export type TextFieldTheme = "light" | "dark";
+export type ValidationType = "text" | "email" | "number" | "password" | "tel" | "url";
+export type InputType = React.HTMLInputTypeAttribute;
+export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    labelSize?: TypographyVariant;
+    subtitle?: string;
+    subtitleIcon?: React.ReactNode;
+    error?: string;
+    valid?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fullWidth?: boolean;
+    theme?: TextFieldTheme;
+    disabled?: boolean;
+    validationType?: ValidationType;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    min?: number;
+    max?: number;
+    pattern?: string;
+    validateOnBlur?: boolean;
+    onValidation?: (isValid: boolean) => void;
+    type?: InputType;
+}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { TypographyVariant } from '../../components/Typography/Typography';
+export type TooltipPosition = "top" | "bottom" | "left" | "right";
+export type TooltipTheme = "light" | "dark";
+export interface TooltipProps {
+    children: React.ReactNode;
+    text: string;
+    position?: TooltipPosition;
+    variant?: TypographyVariant;
+    bgColor?: string;
+    textColor?: string;
+    darkMode?: boolean;
+    className?: string;
+}

package/dist/components/Icons/Avatar.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface AvatarIconProps {
+    className?: string;
+}
+export default function AvatarIcon({ className }: AvatarIconProps): React.JSX.Element;
+export {};