@wishket/design-system 0.2.0 → 0.4.0

package/dist/Components/Atoms/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import { BadgeType as BadgeProps } from '../../../types/badge.types';
+declare const Badge: ({ text, className, variant, showZero, disabled, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/Components/Atoms/Badge/Badge.stories.d.ts

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

package/dist/Components/Atoms/Badge/index.d.ts

@@ -0,0 +1,2 @@
+import Badge from './Badge';
+export default Badge;

package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts

@@ -0,0 +1,3 @@
+import { LoadingIndicatorProps } from './LoadingIndicator.types';
+declare const LoadingIndicator: ({ isFixed, size, }: LoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default LoadingIndicator;

package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.parts.d.ts

@@ -0,0 +1,3 @@
+import { LoadingIndicatorSize } from './LoadingIndicator.types';
+export declare const generateBoxSize: (size: LoadingIndicatorSize) => "w-4" | "w-6" | "w-8" | "w-12" | "w-16" | "w-20" | "w-24" | "w-32";
+export declare const generateSpinnerBorderSize: (size: LoadingIndicatorSize) => "border-[3px]" | "border-[4px]" | "border-[6px]" | "border-[8px]" | "border-[10px]" | "border-[12px]" | "border-[14px]" | "border-[16px]";

package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.stories.d.ts

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

package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.types.d.ts

@@ -0,0 +1,5 @@
+export type LoadingIndicatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export interface LoadingIndicatorProps {
+    isFixed?: boolean;
+    size?: LoadingIndicatorSize;
+}

package/dist/Components/Atoms/LoadingIndicator/index.d.ts

@@ -0,0 +1,2 @@
+import LoadingIndicator from './LoadingIndicator';
+export default LoadingIndicator;

package/dist/Components/Atoms/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { RadioProps } from './Radio.types';
+declare const Radio: ({ value, checked, onChange, disabled, isError, isHover, className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

package/dist/Components/Atoms/Radio/Radio.stories.d.ts

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

package/dist/Components/Atoms/Radio/Radio.types.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from 'react';
+import { RadioStatus } from '../../../types';
+export interface RadioButtonProps extends RadioStatus {
+    className?: string;
+}
+export interface RadioProps extends RadioButtonProps {
+    value?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    [key: string]: any;
+}

package/dist/Components/Atoms/Radio/index.d.ts

@@ -0,0 +1,2 @@
+import Radio from './Radio';
+export default Radio;

package/dist/Components/Atoms/index.d.ts

@@ -1,5 +1,8 @@
 export { default as Typography } from './Typography';
 export { default as Checkbox } from './Checkbox';
+export { default as Badge } from './Badge';
 export { default as Box } from './Box';
 export { default as ProductIcon } from './ProductIcon';
+export { default as Radio } from './Radio';
 export { default as Button } from './Button';
+export { default as LoadingIndicator } from './LoadingIndicator';

package/dist/Components/Molecules/RadioList/RadioList.d.ts

@@ -0,0 +1,3 @@
+import { RadioListProps } from './RadioList.types';
+declare const RadioList: ({ data, name, className, testId }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioList;

package/dist/Components/Molecules/RadioList/RadioList.stories.d.ts

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

package/dist/Components/Molecules/RadioList/RadioList.types.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEvent } from 'react';
+import { RadioStatus } from '../../../types';
+export interface RadioListData extends Omit<RadioStatus, 'isHover'> {
+    label: string;
+    value?: string;
+    description?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export interface RadioListProps {
+    name: string;
+    data: RadioListData[];
+    className?: string;
+    [key: string]: any;
+}

package/dist/Components/Molecules/RadioList/RadioListItem.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent } from 'react';
+import { RadioStatus } from '../../../types';
+interface RadioListProps extends RadioStatus {
+    label: string;
+    name: string;
+    value?: string;
+    description?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    RadioClassName?: string;
+}
+declare const RadioListItem: ({ name, value, label, description, checked, disabled, isError, className, RadioClassName, onChange, }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioListItem;

package/dist/Components/Molecules/RadioList/index.d.ts

@@ -0,0 +1,2 @@
+import RadioList from './RadioList';
+export default RadioList;

package/dist/Components/Molecules/WithBadge/WithBadge.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { BadgeType } from '../../../types/badge.types';
+interface WithBadgeProps extends BadgeType {
+    children: ReactNode;
+}
+declare const WithBadge: ({ text, children, className, variant, showZero, disabled, }: WithBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default WithBadge;

package/dist/Components/Molecules/WithBadge/WithBadge.stories.d.ts

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

package/dist/Components/Molecules/WithBadge/index.d.ts

@@ -0,0 +1,2 @@
+import WithBadge from './WithBadge';
+export default WithBadge;

package/dist/Components/Molecules/index.d.ts

@@ -1,3 +1,5 @@
+export { default as WithBadge } from './WithBadge';
 export { default as GridLayout } from './GridLayout';
 export { default as CheckboxList } from './CheckboxList';
 export { default as CheckboxCard } from './CheckboxCard';
+export { default as RadioList } from './RadioList';

package/dist/config/tailwind.config.js

@@ -8,16 +8,16 @@ module.exports = {
   ],
   theme: {
     screens: {
-      'mobile': '360px',
-      'tablet': '720px',
-      'desktop': '980px',
+      mobile: '360px',
+      tablet: '720px',
+      desktop: '980px',
     },
     extend: {
       gridAutoColumns: {
         '1fr': '1fr',
       },
       spacing: {
-        'container':'1200px',
+        container: '1200px',
       },
       colors: {
         'w-cyan-10': '#F2FCFF',
@@ -126,21 +126,29 @@ module.exports = {
         'y-primary': '#6B16EE',
       },
       backgroundImage: {
-        'gradient-cyan-0': "linear-gradient(0deg, #5db6d4 0%, #369cc2 100%)",
-        'gradient-violet-0': "linear-gradient(0deg, #8e2de2 0%, #5a00db 100%)",
-        'gradient-indigo-0': "linear-gradient(0deg, #5487ba 0%, #26619e 100%)",
-        'gradient-cyan-30': "linear-gradient(30deg, #5db6d4 0%, #369cc2 100%)",
-        'gradient-violet-30': "linear-gradient(30deg, #8e2de2 0%, #5a00db 100%)",
-        'gradient-indigo-30': "linear-gradient(30deg, #5487ba 0%, #26619e 100%)",
-        'gradient-cyan-45': "linear-gradient(45deg, #5db6d4 0%, #369cc2 100%)",
-        'gradient-violet-45': "linear-gradient(45deg, #8e2de2 0%, #5a00db 100%)",
-        'gradient-indigo-45': "linear-gradient(45deg, #5487ba 0%, #26619e 100%)",
-        'gradient-cyan-60': "linear-gradient(60deg, #5db6d4 0%, #369cc2 100%)",
-        'gradient-violet-60': "linear-gradient(60deg, #8e2de2 0%, #5a00db 100%)",
-        'gradient-indigo-60': "linear-gradient(60deg, #5487ba 0%, #26619e 100%)",
-        'gradient-cyan-90': "linear-gradient(90deg, #5db6d4 0%, #369cc2 100%)",
-        'gradient-violet-90': "linear-gradient(90deg, #8e2de2 0%, #5a00db 100%)",
-        'gradient-indigo-90': "linear-gradient(90deg, #5487ba 0%, #26619e 100%)",
+        'gradient-cyan-0': 'linear-gradient(0deg, #5db6d4 0%, #369cc2 100%)',
+        'gradient-violet-0': 'linear-gradient(0deg, #8e2de2 0%, #5a00db 100%)',
+        'gradient-indigo-0': 'linear-gradient(0deg, #5487ba 0%, #26619e 100%)',
+        'gradient-cyan-30': 'linear-gradient(30deg, #5db6d4 0%, #369cc2 100%)',
+        'gradient-violet-30':
+          'linear-gradient(30deg, #8e2de2 0%, #5a00db 100%)',
+        'gradient-indigo-30':
+          'linear-gradient(30deg, #5487ba 0%, #26619e 100%)',
+        'gradient-cyan-45': 'linear-gradient(45deg, #5db6d4 0%, #369cc2 100%)',
+        'gradient-violet-45':
+          'linear-gradient(45deg, #8e2de2 0%, #5a00db 100%)',
+        'gradient-indigo-45':
+          'linear-gradient(45deg, #5487ba 0%, #26619e 100%)',
+        'gradient-cyan-60': 'linear-gradient(60deg, #5db6d4 0%, #369cc2 100%)',
+        'gradient-violet-60':
+          'linear-gradient(60deg, #8e2de2 0%, #5a00db 100%)',
+        'gradient-indigo-60':
+          'linear-gradient(60deg, #5487ba 0%, #26619e 100%)',
+        'gradient-cyan-90': 'linear-gradient(90deg, #5db6d4 0%, #369cc2 100%)',
+        'gradient-violet-90':
+          'linear-gradient(90deg, #8e2de2 0%, #5a00db 100%)',
+        'gradient-indigo-90':
+          'linear-gradient(90deg, #5487ba 0%, #26619e 100%)',
       },
       gridTemplateAreas: {
         'default-mobile': ['content content content content'],
@@ -150,13 +158,16 @@ module.exports = {
         'default-desktop': [
           'content content content content content content content content content content content content',
         ],
-        'checkbox-list-item-container':['checkbox label',' . description']
+        'checkbox-list-item-container': ['checkbox label', ' . description'],
+        'radio-list-item-container': ['radio label', ' . description'],
       },
       gridTemplateRows: {
         'checkbox-list-item-container': 'min-content min-content',
+        'radio-list-item-container': 'min-content min-content',
       },
       gridTemplateColumns: {
         'checkbox-list-item-container': '18px min-content',
+        'radio-list-item-container': '18px min-content',
       },
     },
   },
@@ -164,5 +175,4 @@ module.exports = {
   variants: {
     gridTemplateAreas: ['responsive'],
   },
-}
-
+};