@konstructio/ui 0.1.2-alpha.27 → 0.1.2-alpha.29

package/dist/components/PhoneNumberInput/utils/index.js

@@ -0,0 +1,11 @@
+import { l as t } from "../../../libphonenumber-_7ZyKWA7.js";
+const e = t.PhoneNumberUtil.getInstance(), m = (r) => {
+  const o = r.code, n = e.getExampleNumber(o);
+  if (!n)
+    return;
+  const a = e.format(n, t.PhoneNumberFormat.NATIONAL), c = `+${e.getCountryCodeForRegion(o)}`, l = a.replace(/\d/g, "_");
+  return `${c} ${l}`;
+};
+export {
+  m as getPhoneMask
+};

package/dist/components/RadioCard/RadioCard.variants.js

@@ -1,10 +1,5 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const e = r([
-  "flex",
-  "items-center",
-  "p-0",
-  "border-2"
-]);
+const e = r(["flex", "items-center", "p-0", "border"]);
 export {
   e as radioCardVariants
 };

package/dist/components/Sidebar/Sidebar.variants.js

@@ -10,8 +10,8 @@ const e = r([
   "px-4",
   "relative",
   "transition-all",
-  "w-[72px]",
-  "md:w-[256px]",
+  "w-18",
+  "md:w-64",
   "bg-kubefirst-dark-blue-900"
 ]), o = r([
   "absolute",

package/dist/components/Switch/Switch.variants.js

@@ -1,7 +1,7 @@
 import { c as a } from "../../index-D29mdTf5.js";
 const r = a([
-  "w-[40px]",
-  "h-[20px]",
+  "w-10",
+  "h-5",
   "flex",
   "items-center",
   "rounded-full",
@@ -17,8 +17,8 @@ const r = a([
   "kubefirst:bg-kubefirst-primary"
 ]), e = a([
   "block",
-  "w-[16px]",
-  "h-[16px]",
+  "w-4",
+  "h-4",
   "bg-white",
   "dark:bg-gray-400",
   "dark:data-[state=checked]:bg-white",

package/dist/components/Tabs/Tabs.variants.js

@@ -40,7 +40,7 @@ const r = t([""], {
     "after:bottom-0",
     "after:left-0",
     "after:right-0",
-    "after:h-[2px]",
+    "after:h-0.5",
     "after:bg-aurora-500",
     "after:origin-bottom",
     'after:content-[""]',

package/dist/components/TimePicker/TimePicker.variants.js

@@ -21,8 +21,8 @@ const t = r([
   "flex",
   "flex-col"
 ]), n = r([
-  "w-[60px]",
-  "h-[40px]",
+  "w-15",
+  "h-10",
   "snap-start",
   "rounded",
   "transition-all",

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -35,7 +35,7 @@ const V = ({
       ref: l,
       className: m(
         "w-max text-slate-800 text-sm flex flex-col gap-2",
-        g === "12" ? "w-[208px]" : "w-[140px]"
+        g === "12" ? "w-52" : "w-[140px]"
       ),
       children: [
         i ? /* @__PURE__ */ t("label", { htmlFor: s, className: "text-slate-500 font-medium", children: [

package/dist/components/Typography/Typography.variants.js

@@ -1,51 +1,46 @@
 import { c as t } from "../../index-D29mdTf5.js";
-const e = t([], {
+const a = t([], {
   variants: {
     variant: {
-      h1: ["text-[57px]", "leading-[64px]"],
+      h1: ["text-[57px]", "leading-16"],
       h2: ["text-[45px]", "leading-[52px]"],
-      h3: ["text-[36px]", "leading-[44px]"],
-      h4: ["text-[32px]", "leading-[40px]"],
-      h5: ["text-[28px]", "leading-[36px]"],
-      h6: ["text-[24px]", "font-medium", "leading-[32px]", "tracking-[0.15px]"],
-      subtitle1: ["text-[22px]", "leading-[28px]"],
-      subtitle2: [
-        "text-[16px]",
-        "font-medium",
-        "leading-[24px]",
-        "tracking-[0.15px]"
-      ],
+      h3: ["text-4xl", "leading-11"],
+      h4: ["text-[32px]", "leading-10"],
+      h5: ["text-[28px]", "leading-9"],
+      h6: ["text-2xl", "font-medium", "leading-8", "tracking-[0.15px]"],
+      subtitle1: ["text-[22px]", "leading-7"],
+      subtitle2: ["text-sm", "font-medium", "leading-6", "tracking-[0.15px]"],
       subtitle3: [
         "text-[14px]",
         "font-medium",
-        "leading-[20px]",
+        "leading-5",
         "tracking-[0.1px]"
       ],
-      labelLarge: ["text-[14px]", "leading-[20px]", "tracking-[0.1px]"],
+      labelLarge: ["text-sm", "leading-5", "tracking-[0.1px]"],
       labelMedium: [
         "text-[12px]",
         "font-medium",
-        "leading-[16px]",
+        "leading-4",
         "tracking-[0.5px]",
         "uppercase"
       ],
       labelSmall: [
         "text-[11px]",
         "font-medium",
-        "leading-[16px]",
+        "leading-4",
         "tracking-[0.5px]",
         "uppercase"
       ],
       buttonSmall: [
         "text-[14px]",
         "font-semibold",
-        "leading-[20px]",
+        "leading-5",
         "tracking-[0.25px]"
       ],
-      body1: ["text-[16px]", "leading-[24px]", "tracking-[0.5px]"],
-      body2: ["text-[14px]", "leading-[20px]", "tracking-[0.25px]"],
-      body3: ["text-[12px]", "leading-[16px]", "tracking-[0.4px]"],
-      tooltip: ["text-[14px]", "leading-[22px]"]
+      body1: ["text-base", "leading-6", "tracking-[0.5px]"],
+      body2: ["text-sm", "leading-5", "tracking-[0.25px]"],
+      body3: ["text-xs", "leading-4", "tracking-[0.4px]"],
+      tooltip: ["text-sm", "leading-[22px]"]
     }
   },
   defaultVariants: {
@@ -53,5 +48,5 @@ const e = t([], {
   }
 });
 export {
-  e as typographyVariants
+  a as typographyVariants
 };

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js

@@ -20,7 +20,7 @@ const b = ({
     /* @__PURE__ */ a(
       c,
       {
-        className: "w-[88px] [&>div>p]:text-xs bg-white",
+        className: "w-22 [&>div>p]:text-xs bg-white",
         listItemClassName: "[&>p]:text-xs",
         options: r,
         value: s.toString(),

package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useRef as l, useCallback as p } from "react";
-import { Input as c } from "../../../Input/Input.js";
+import { useRef as l, useCallback as c } from "react";
+import { Input as p } from "../../../Input/Input.js";
 import { useTableContext as f } from "../../contexts/table.hook.js";
 const h = () => {
-  const r = l(null), { totalPages: e, handlePage: o } = f(), m = p(
+  const r = l(null), { totalPages: e, handlePage: o } = f(), m = c(
     (n) => {
       n.preventDefault();
       const s = new FormData(n.currentTarget), a = Number(s.get("jump-to")), u = (a < e ? a : e) || 1;
@@ -21,10 +21,10 @@ const h = () => {
       children: [
         /* @__PURE__ */ t("span", { className: "min-w-fit", children: "Jump to" }),
         /* @__PURE__ */ t(
-          c,
+          p,
           {
             type: "number",
-            className: "w-[72px] text-xs no-spinner",
+            className: "w-18 text-xs no-spinner",
             name: "jump-to",
             min: 1,
             max: e,