@dgshahr/ui-kit 0.0.4 → 0.0.6

package/dist/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA6C5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAiD5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Accordion/index.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../assets/styles.css');;/* empty css                   */
-const AccordionItem = require('../AccordionItem-lq6ehxKe.cjs');
+const AccordionItem = require('../AccordionItem-C3MiOBH7.cjs');
 
 
 

package/dist/Accordion/index.js

@@ -1,2 +1,2 @@
 import '../assets/styles.css';/* empty css                 */
-export { A as AccordionGroup, a as AccordionItem } from '../AccordionItem-DN7bi5kw.js';
+export { A as AccordionGroup, a as AccordionItem } from '../AccordionItem-BFDuboYi.js';

package/dist/{AccordionItem-DN7bi5kw.js → AccordionItem-BFDuboYi.js}

@@ -13,7 +13,7 @@ const useAccordionData = () => useContext(accordionContext);
 const AccordionGroup = (props) => {
   const { defaultActiveKey = null, className, children } = props;
   const [activeKey, setActiveKey] = useState(defaultActiveKey);
-  return /* @__PURE__ */ jsx("div", { className: clsx("flex flex-col", className), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col", className), children: /* @__PURE__ */ jsx(
     accordionContext.Provider,
     {
       value: {
@@ -50,26 +50,26 @@ const AccordionItem = (props) => {
   const reactUseId = useId();
   const accordionItemKey = accordionKey ?? reactUseId;
   const isItemActive = accordionItemKey === activeKey;
-  return /* @__PURE__ */ jsxs("div", { className: clsx("bg-white px-4 pt-4", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", className), children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         className: clsx(
-          "flex justify-between items-center w-full",
-          isItemActive ? "text-primary-500" : "text-gray-600"
+          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
+          isItemActive ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
         ),
         onClick: () => {
           if (isItemActive) setActiveKey(null);
           else setActiveKey(accordionItemKey);
         },
         children: [
-          /* @__PURE__ */ jsx("div", { className: isItemActive ? "font-h5-bold" : "font-p1-medium", children: title }),
+          /* @__PURE__ */ jsx("div", { className: isItemActive ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: title }),
           /* @__PURE__ */ jsx(
             ArrowDown2Icon,
             {
               className: clsx(
-                "transition duration-300 ease-in-out shrink-0 w-auto h-auto",
-                isItemActive && "rotate-180"
+                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
+                isItemActive && "dgs-ui-kit-rotate-180"
               ),
               width: 20,
               height: 20
@@ -82,11 +82,11 @@ const AccordionItem = (props) => {
       "div",
       {
         className: clsx(
-          "grid font-p1-regular text-gray-600 overflow-hidden transition-all duration-300 ease-in-out",
-          isItemActive ? "grid-rows-[1fr] opacity-100 mt-3" : "grid-rows-[0fr] opacity-0",
+          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
+          isItemActive ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
           contentClassName
         ),
-        children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-overflow-hidden", children })
       }
     ),
     /* @__PURE__ */ jsx(
@@ -94,7 +94,7 @@ const AccordionItem = (props) => {
       {
         type: "horizontal",
         color: "white",
-        className: "mt-4"
+        className: "dgs-ui-kit-mt-4"
       }
     )
   ] });

package/dist/{AccordionItem-lq6ehxKe.cjs → AccordionItem-C3MiOBH7.cjs}

@@ -15,7 +15,7 @@ const useAccordionData = () => react.useContext(accordionContext);
 const AccordionGroup = (props) => {
   const { defaultActiveKey = null, className, children } = props;
   const [activeKey, setActiveKey] = react.useState(defaultActiveKey);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("flex flex-col", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col", className), children: /* @__PURE__ */ jsxRuntime.jsx(
     accordionContext.Provider,
     {
       value: {
@@ -52,26 +52,26 @@ const AccordionItem = (props) => {
   const reactUseId = react.useId();
   const accordionItemKey = accordionKey ?? reactUseId;
   const isItemActive = accordionItemKey === activeKey;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("bg-white px-4 pt-4", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         className: clsx.clsx(
-          "flex justify-between items-center w-full",
-          isItemActive ? "text-primary-500" : "text-gray-600"
+          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
+          isItemActive ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
         ),
         onClick: () => {
           if (isItemActive) setActiveKey(null);
           else setActiveKey(accordionItemKey);
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: isItemActive ? "font-h5-bold" : "font-p1-medium", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: isItemActive ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: title }),
           /* @__PURE__ */ jsxRuntime.jsx(
             ArrowDown2Icon,
             {
               className: clsx.clsx(
-                "transition duration-300 ease-in-out shrink-0 w-auto h-auto",
-                isItemActive && "rotate-180"
+                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
+                isItemActive && "dgs-ui-kit-rotate-180"
               ),
               width: 20,
               height: 20
@@ -84,11 +84,11 @@ const AccordionItem = (props) => {
       "div",
       {
         className: clsx.clsx(
-          "grid font-p1-regular text-gray-600 overflow-hidden transition-all duration-300 ease-in-out",
-          isItemActive ? "grid-rows-[1fr] opacity-100 mt-3" : "grid-rows-[0fr] opacity-0",
+          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
+          isItemActive ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
           contentClassName
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-overflow-hidden", children })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -96,7 +96,7 @@ const AccordionItem = (props) => {
       {
         type: "horizontal",
         color: "white",
-        className: "mt-4"
+        className: "dgs-ui-kit-mt-4"
       }
     )
   ] });

package/dist/Alert/index.cjs

@@ -88,61 +88,61 @@ const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
 
 const alertVariantClassNames = {
   container: {
-    warning: "bg-warning-50 border-warning-200",
-    primary: "bg-primary-50 border-primary-100",
-    error: "bg-error-50 border-error-200",
-    success: "bg-success-50 border-success-200",
-    gray: "bg-gray-50 border-gray-200"
+    warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-warning-200",
+    primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-border-primary-100",
+    error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-border-error-200",
+    success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-border-success-200",
+    gray: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-gray-200"
   },
   icon: {
-    warning: "text-warning-700",
-    primary: "text-primary-400",
-    error: "text-error-600",
-    success: "text-success-600",
-    gray: "text-gray-600"
+    warning: "dgs-ui-kit-text-warning-700",
+    primary: "dgs-ui-kit-text-primary-400",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-600",
+    gray: "dgs-ui-kit-text-gray-600"
   },
   title: {
-    warning: "text-warning-800",
-    primary: "text-primary-700",
-    error: "text-error-700",
-    success: "text-success-800",
-    gray: "text-gray-800"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-700",
+    error: "dgs-ui-kit-text-error-700",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-800"
   },
   close: {
-    warning: "text-warning-800",
-    primary: "text-primary-600",
-    error: "text-error-600",
-    success: "text-success-800",
-    gray: "text-gray-800"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-600",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-800"
   },
   text: {
-    warning: "text-warning-800",
-    primary: "text-primary-600",
-    error: "text-error-600",
-    success: "text-success-800",
-    gray: "text-gray-700"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-600",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-700"
   }
 };
 const alertSizeClassNames = {
   container: {
-    large: "p-4",
-    small: "p-3"
+    large: "dgs-ui-kit-p-4",
+    small: "dgs-ui-kit-p-3"
   },
   icon: {
     large: 24,
     small: 20
   },
   title: {
-    large: "font-h5-bold mb-2",
-    small: "font-h6-bold mb-1"
+    large: "dgs-ui-kit-font-h5-bold mb-2",
+    small: "dgs-ui-kit-font-h6-bold mb-1"
   },
   close: {
     large: 20,
     small: 20
   },
   text: {
-    large: "font-p2-regular",
-    small: "font-p3-regular"
+    large: "dgs-ui-kit-font-p2-regular",
+    small: "dgs-ui-kit-font-p3-regular"
   }
 };
 
@@ -153,7 +153,10 @@ function getAlertIcon(variant, size) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconComponent,
     {
-      className: clsx.clsx("shrink-0 my-[2px]", alertVariantClassNames.icon[variant]),
+      className: clsx.clsx(
+        "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",
+        alertVariantClassNames.icon[variant]
+      ),
       width: alertSizeClassNames.icon[size],
       height: alertSizeClassNames.icon[size]
     }
@@ -176,14 +179,14 @@ const Alert = (props) => {
       "div",
       {
         className: clsx.clsx(
-          "w-full flex gap-x-3 rounded-xl border border-solid",
+          "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",
           alertVariantClassNames.container[variant],
           alertSizeClassNames.container[size],
           className
         ),
         children: [
           getAlertIcon(variant, size),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1", children: [
             Boolean(title) && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -195,33 +198,42 @@ const Alert = (props) => {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx.clsx(alertVariantClassNames.text[variant], alertSizeClassNames.text[size]), children: text }),
-            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("flex gap-x-2 items-center", size === "large" ? "mt-4" : "mt-3"), children: [
-              Boolean(primaryButton?.text) && /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
-                {
-                  variant: "primary",
-                  color: variant,
-                  size: "small",
-                  ...primaryButton,
-                  children: primaryButton?.text
-                }
-              ),
-              Boolean(outlineButton?.text) && /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
-                {
-                  variant: "outline",
-                  color: variant,
-                  size: "small",
-                  ...outlineButton,
-                  children: outlineButton?.text
-                }
-              )
-            ] })
+            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: clsx.clsx(
+                  "dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",
+                  size === "large" ? "dgs-ui-kit-mt-4" : "dgs-ui-kit-mt-3"
+                ),
+                children: [
+                  Boolean(primaryButton?.text) && /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "primary",
+                      color: variant,
+                      size: "small",
+                      ...primaryButton,
+                      children: primaryButton?.text
+                    }
+                  ),
+                  Boolean(outlineButton?.text) && /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      color: variant,
+                      size: "small",
+                      ...outlineButton,
+                      children: outlineButton?.text
+                    }
+                  )
+                ]
+              }
+            )
           ] }),
           closable && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
-              className: "shrink-0 my-[2px] h-fit",
+              className: "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",
               onClick: () => setShow(false),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 CloseRemoveIcon,

package/dist/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,kBAAkB,CAAC;AAE1B,UAAU,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7F,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,QAAA,MAAM,KAAK,UAAW,UAAU,mDA+E/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,kBAAkB,CAAC;AAE1B,UAAU,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7F,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,QAAA,MAAM,KAAK,UAAW,UAAU,mDAoF/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Alert/index.js

@@ -86,61 +86,61 @@ const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
 
 const alertVariantClassNames = {
   container: {
-    warning: "bg-warning-50 border-warning-200",
-    primary: "bg-primary-50 border-primary-100",
-    error: "bg-error-50 border-error-200",
-    success: "bg-success-50 border-success-200",
-    gray: "bg-gray-50 border-gray-200"
+    warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-warning-200",
+    primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-border-primary-100",
+    error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-border-error-200",
+    success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-border-success-200",
+    gray: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-gray-200"
   },
   icon: {
-    warning: "text-warning-700",
-    primary: "text-primary-400",
-    error: "text-error-600",
-    success: "text-success-600",
-    gray: "text-gray-600"
+    warning: "dgs-ui-kit-text-warning-700",
+    primary: "dgs-ui-kit-text-primary-400",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-600",
+    gray: "dgs-ui-kit-text-gray-600"
   },
   title: {
-    warning: "text-warning-800",
-    primary: "text-primary-700",
-    error: "text-error-700",
-    success: "text-success-800",
-    gray: "text-gray-800"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-700",
+    error: "dgs-ui-kit-text-error-700",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-800"
   },
   close: {
-    warning: "text-warning-800",
-    primary: "text-primary-600",
-    error: "text-error-600",
-    success: "text-success-800",
-    gray: "text-gray-800"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-600",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-800"
   },
   text: {
-    warning: "text-warning-800",
-    primary: "text-primary-600",
-    error: "text-error-600",
-    success: "text-success-800",
-    gray: "text-gray-700"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-600",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-700"
   }
 };
 const alertSizeClassNames = {
   container: {
-    large: "p-4",
-    small: "p-3"
+    large: "dgs-ui-kit-p-4",
+    small: "dgs-ui-kit-p-3"
   },
   icon: {
     large: 24,
     small: 20
   },
   title: {
-    large: "font-h5-bold mb-2",
-    small: "font-h6-bold mb-1"
+    large: "dgs-ui-kit-font-h5-bold mb-2",
+    small: "dgs-ui-kit-font-h6-bold mb-1"
   },
   close: {
     large: 20,
     small: 20
   },
   text: {
-    large: "font-p2-regular",
-    small: "font-p3-regular"
+    large: "dgs-ui-kit-font-p2-regular",
+    small: "dgs-ui-kit-font-p3-regular"
   }
 };
 
@@ -151,7 +151,10 @@ function getAlertIcon(variant, size) {
   return /* @__PURE__ */ jsx(
     IconComponent,
     {
-      className: clsx("shrink-0 my-[2px]", alertVariantClassNames.icon[variant]),
+      className: clsx(
+        "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",
+        alertVariantClassNames.icon[variant]
+      ),
       width: alertSizeClassNames.icon[size],
       height: alertSizeClassNames.icon[size]
     }
@@ -174,14 +177,14 @@ const Alert = (props) => {
       "div",
       {
         className: clsx(
-          "w-full flex gap-x-3 rounded-xl border border-solid",
+          "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",
           alertVariantClassNames.container[variant],
           alertSizeClassNames.container[size],
           className
         ),
         children: [
           getAlertIcon(variant, size),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1", children: [
             Boolean(title) && /* @__PURE__ */ jsx(
               "div",
               {
@@ -193,33 +196,42 @@ const Alert = (props) => {
               }
             ),
             /* @__PURE__ */ jsx("p", { className: clsx(alertVariantClassNames.text[variant], alertSizeClassNames.text[size]), children: text }),
-            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxs("div", { className: clsx("flex gap-x-2 items-center", size === "large" ? "mt-4" : "mt-3"), children: [
-              Boolean(primaryButton?.text) && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "primary",
-                  color: variant,
-                  size: "small",
-                  ...primaryButton,
-                  children: primaryButton?.text
-                }
-              ),
-              Boolean(outlineButton?.text) && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outline",
-                  color: variant,
-                  size: "small",
-                  ...outlineButton,
-                  children: outlineButton?.text
-                }
-              )
-            ] })
+            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx(
+                  "dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",
+                  size === "large" ? "dgs-ui-kit-mt-4" : "dgs-ui-kit-mt-3"
+                ),
+                children: [
+                  Boolean(primaryButton?.text) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "primary",
+                      color: variant,
+                      size: "small",
+                      ...primaryButton,
+                      children: primaryButton?.text
+                    }
+                  ),
+                  Boolean(outlineButton?.text) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      color: variant,
+                      size: "small",
+                      ...outlineButton,
+                      children: outlineButton?.text
+                    }
+                  )
+                ]
+              }
+            )
           ] }),
           closable && /* @__PURE__ */ jsx(
             "button",
             {
-              className: "shrink-0 my-[2px] h-fit",
+              className: "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",
               onClick: () => setShow(false),
               children: /* @__PURE__ */ jsx(
                 CloseRemoveIcon,

package/dist/Badge/index.cjs

@@ -4,34 +4,34 @@ require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
 ;/* empty css                   */
 
 function styleBadge(options) {
-  const defaultClassName = "inline-flex items-center justify-center rounded-[20px]";
+  const defaultClassName = "dgs-ui-kit-inline-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-rounded-[20px]";
   const typeClassName = {
     twoTone: {
-      primary: "bg-primary-50 text-primary-600",
-      secondary: "bg-secondary-100 text-secondary-700",
-      gray: "bg-gray-100 text-gray-600",
-      success: "bg-success-50 text-success-800",
-      error: "bg-error-50 text-error-600",
-      warning: "bg-warning-50 text-warning-700"
+      primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",
+      secondary: "dgs-ui-kit-bg-secondary-100 dgs-ui-kit-text-secondary-700",
+      gray: "dgs-ui-kit-bg-gray-100 dgs-ui-kit-text-gray-600",
+      success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-text-success-800",
+      error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-600",
+      warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"
     },
     solid: {
-      primary: "bg-primary-500 text-white",
-      secondary: "bg-secondary-600 text-white",
-      gray: "bg-gray-600 text-white",
-      success: "bg-success-600 text-white",
-      error: "bg-error-500 text-white",
-      warning: "bg-warning-500 text-black"
+      primary: "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white",
+      secondary: "dgs-ui-kit-bg-secondary-600 dgs-ui-kit-text-white",
+      gray: "dgs-ui-kit-bg-gray-600 dgs-ui-kit-text-white",
+      success: "dgs-ui-kit-bg-success-600 dgs-ui-kit-text-white",
+      error: "dgs-ui-kit-bg-error-500 dgs-ui-kit-text-white",
+      warning: "dgs-ui-kit-bg-warning-500 dgs-ui-kit-text-black"
     }
   };
   const textSizeClassName = {
-    small: "font-oveline-demibold py-1 px-2 gap-[2px]",
-    medium: "font-caption-demibold py-1 px-[10px] gap-1",
-    large: "font-button-small py-2 px-4 gap-[6px]"
+    small: "dgs-ui-kit-font-oveline-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-2 dgs-ui-kit-gap-[2px]",
+    medium: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-[10px] dgs-ui-kit-gap-1",
+    large: "dgs-ui-kit-font-button-small dgs-ui-kit-py-2 dgs-ui-kit-px-4 dgs-ui-kit-gap-[6px]"
   };
   const numberSizeClassName = {
-    small: "font-caption-demibold py-[2px] px-[6px] min-w-5",
-    medium: "font-p3-medium px-[6px] min-w-6",
-    large: "font-h5-bold py-[2px] px-2 min-w-8"
+    small: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-[2px] dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-5",
+    medium: "dgs-ui-kit-font-p3-medium dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-6",
+    large: "dgs-ui-kit-font-h5-bold dgs-ui-kit-py-[2px] dgs-ui-kit-px-2 dgs-ui-kit-min-w-8"
   };
   return [
     defaultClassName,
@@ -41,9 +41,9 @@ function styleBadge(options) {
   ].slice().join(" ");
 }
 function getIconSize(badgSize) {
-  if (badgSize === "small") return "w-3 h-3";
-  if (badgSize === "medium") return "w-[14px] h-[14px]";
-  return "w-4 h-4";
+  if (badgSize === "small") return "dgs-ui-kit-w-3 dgs-ui-kit-h-3";
+  if (badgSize === "medium") return "dgs-ui-kit-w-[14px] dgs-ui-kit-h-[14px]";
+  return "dgs-ui-kit-w-4 dgs-ui-kit-h-4";
 }
 const Badge = (props) => {
   const {

package/dist/Badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,KAAK,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAyD7D,QAAA,MAAM,KAAK,UAAW,UAAU,4CAsB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,KAAK,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AA4D7D,QAAA,MAAM,KAAK,UAAW,UAAU,4CAsB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}