@wishket/design-system 1.0.0 → 1.0.2

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

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

package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../Box/Box.js"),a=require("./LoadingIndicator.parts.js");module.exports=function(t){var n=t.isFixed,t=t.size,t=void 0===t?"md":t;return e.jsx(i,{role:"loading-indicator",className:r.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",void 0!==n&&n?"fixed":"absolute",a.generateBoxSize(t)),children:e.jsx(i,{role:"loading-indicator--spinner",className:r.twMerge("h-full w-full animate-spin rounded-full border-primary-500/30 border-t-primary-500",a.generateSpinnerBorderSize(t))})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../Box/Box.js"),t=require("./LoadingIndicator.parts.js");module.exports=function(a){var s=a.isFixed,n=a.size,n=void 0===n?"md":n,a=a.className,l=t.SIZES[n],c=l.width,o=l.height,d=l.viewBox,u=l.circle,l=l.r;return e.jsx(r,{role:"loading-indicator",className:i.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",void 0!==s&&s?"fixed":"absolute",t.generateBoxSize(n)),children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",role:"loading-indicator--dots",width:c,height:o,viewBox:d,fill:"none",className:i.twMerge("text-primary",a),children:[e.jsx("circle",{cx:u[0],cy:u[1],r:l,fill:"currentColor",children:e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),e.jsx("circle",{cx:u[1],cy:u[1],r:l,fill:"currentColor",children:e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),e.jsx("circle",{cx:u[2],cy:u[1],r:l,fill:"currentColor",children:e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};

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

@@ -1,3 +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]";
+import { LoadingIndicatorSize, LoadingIndicatorSizeVariantType } from './LoadingIndicator.types';
+export declare const generateBoxSize: (size: LoadingIndicatorSize) => "size-6" | "size-8" | "size-[60px]";
+export declare const SIZES: LoadingIndicatorSizeVariantType;

package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.parts.js

@@ -1 +1 @@
-"use strict";exports.generateBoxSize=function(r){switch(r){case"xs":return"w-4";case"sm":return"w-6";case"md":default:return"w-8";case"lg":return"w-12";case"xl":return"w-16";case"2xl":return"w-20";case"3xl":return"w-24";case"4xl":return"w-32"}},exports.generateSpinnerBorderSize=function(r){switch(r){case"xs":return"border-[3px]";case"sm":return"border-[4px]";case"md":default:return"border-[6px]";case"lg":return"border-[8px]";case"xl":return"border-[10px]";case"2xl":return"border-[12px]";case"3xl":return"border-[14px]";case"4xl":return"border-[16px]"}};
+"use strict";exports.SIZES={sm:{width:"24",height:"24",viewBox:"0 0 24 24",circle:["4","12","20"],r:"2"},md:{width:"32",height:"32",viewBox:"0 0 32 32",circle:["4","16","28"],r:"3"},lg:{width:"60",height:"60",viewBox:"0 0 60 60",circle:["12","30","48"],r:"5"}},exports.generateBoxSize=function(e){switch(e){case"sm":return"size-6";case"md":default:return"size-8";case"lg":return"size-[60px]"}};

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

@@ -1,5 +1,15 @@
-export type LoadingIndicatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type LoadingIndicatorSize = 'sm' | 'md' | 'lg';
 export interface LoadingIndicatorProps {
     isFixed?: boolean;
     size?: LoadingIndicatorSize;
+    className?: string;
 }
+export type LoadingIndicatorSizeVariantType = {
+    [key: string]: {
+        width: string;
+        height: string;
+        viewBox: string;
+        circle: string[];
+        r: string;
+    };
+};

package/dist/Components/Atoms/Typography/Typography.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),s=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"contents1",class:"text-lg leading-8 tracking-[0.48px]"},{name:"contents2",class:"text-base leading-[30px] tracking-[0.48px]"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(n){var l=n.children,i=n.variant,x=n.className,n=e.__rest(n,["children","variant","className"]),c=(null==(c=s.find(function(e){return e.name===i}))?void 0:c.class)||"";return a.jsx("span",e.__assign({className:t.twMerge(c,x)},n,{children:l}))};
+"use strict";var t=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),s=require("tailwind-merge"),a=[{name:"title1",class:"text-title1"},{name:"title2",class:"text-title2"},{name:"title3",class:"text-title3"},{name:"subTitle1",class:"text-subTitle1"},{name:"subTitle2",class:"text-subTitle2"},{name:"contents1",class:"text-contents1"},{name:"contents2",class:"text-contents2"},{name:"body1",class:"text-body1"},{name:"body2",class:"text-body2"},{name:"body3",class:"text-body3"},{name:"caption1",class:"text-caption1"},{name:"caption2",class:"text-caption2"}];module.exports=function(n){var l=n.children,i=n.variant,c=n.className,n=t.__rest(n,["children","variant","className"]),r=(null==(r=a.find(function(t){return t.name===i}))?void 0:r.class)||"";return e.jsx("span",t.__assign({className:s.twJoin(r,c)},n,{children:l}))};

package/dist/config/tailwind-plugins.js

@@ -18,47 +18,6 @@ export const customizedPlugin = plugin(function ({ addUtilities, addBase }) {
     },
   });
   addBase({
-    '@keyframes ripple': {
-        '0%': {
-          height: '30%',
-          width: '30%',
-          borderRadius: 9999,
-          opacity: 100
-        },
-        '100%': {
-          height: '100%',
-          width: '100%',
-          opacity: 0
-        }
-    },
-    '@keyframes rippleOutline': {
-        '0%': {
-          height: '30%',
-          width: '30%',
-          borderRadius: 11,
-          opacity: 100
-        },
-        '100%': {
-          height: '100%',
-          width: '100%',
-          borderRadius: 11,
-          opacity: 0
-        }
-    },
-    '@keyframes rippleOutlineSmall': {
-        '0%': {
-          height: '30%',
-          width: '30%',
-          borderRadius: 7,
-          opacity: 100
-        },
-        '100%': {
-          height: '100%',
-          width: '100%',
-          borderRadius: 7,
-          opacity: 0
-        }
-    },
     '::-webkit-resizer': {
       display: 'none',
     },

package/dist/config/tailwind.config.js

@@ -17,6 +17,44 @@ module.exports = {
       desktop: '960px',
     },
     extend: {
+      fontSize: {
+        title1: ['48px', {
+          lineHeight: '64px',
+        }],
+        title2: ['32px', {
+          lineHeight: '48px',
+        }],
+        title3: ['24px', {
+          lineHeight: '36px',
+        }],
+        subTitle1: ['20px', {
+          lineHeight: '30px',
+        }],
+        subTitle2: ['18px', {
+          lineHeight: '28px',
+        }],
+        contents1: ['18px', {
+          lineHeight: '32px',
+        }],
+        contents2: ['16px', {
+          lineHeight: '30px',
+        }],
+        body1: ['16px', {
+          lineHeight: '26px',
+        }],
+        body2: ['14px', {
+          lineHeight: '24px',
+        }],
+        body3: ['13px', {
+          lineHeight: '20px',
+        }],
+        caption1: ['12px', {
+          lineHeight: '18px',
+        }],
+        caption2: ['11px', {
+          lineHeight: '14px',
+        }],
+      },
       gridAutoColumns: {
         '1fr': '1fr',
       },
@@ -200,6 +238,49 @@ module.exports = {
         'checkbox-list-item-container': '18px max-content',
         'radio-list-item-container': '18px max-content',
       },
+      keyframes: {
+        rippleOutlineSmall: {
+          '0%': {
+            height: '30%',
+            width: '30%',
+            borderRadius: 7,
+            opacity: 100
+          },
+          '100%': {
+            height: '100%',
+            width: '100%',
+            borderRadius: 7,
+            opacity: 0
+          }
+        },
+        rippleOutline: {
+          '0%': {
+            height: '30%',
+            width: '30%',
+            borderRadius: 11,
+            opacity: 100
+          },
+          '100%': {
+            height: '100%',
+            width: '100%',
+            borderRadius: 11,
+            opacity: 0
+          }
+        },
+        ripple: {
+          '0%': {
+            height: '30%',
+            width: '30%',
+            borderRadius: 9999,
+            opacity: 100
+          },
+          '100%': {
+            height: '100%',
+            width: '100%',
+            opacity: 0
+          }
+        }
+      }
     },
   },
   plugins: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",