@indielayer/ui 0.0.0-dev-20240129122517 → 0.0.0-dev-20240205224808

package/lib/components/progress/Progress.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, openBlock as s, createElementBlock as n, normalizeStyle as t, unref as a, normalizeClass as o, createElementVNode as g, createCommentVNode as u } from "vue";
-import { useColors as c } from "../../composables/useColors.js";
+import { defineComponent as m, openBlock as s, createElementBlock as n, normalizeStyle as t, unref as o, normalizeClass as a, createElementVNode as c, createCommentVNode as u } from "vue";
+import { useColors as g } from "../../composables/useColors.js";
 import { useTheme as f } from "../../composables/useTheme.js";
 const y = {
-  ...c.props("primary"),
+  ...g.props("primary"),
   percentage: {
     type: Number,
     default: 0,
@@ -18,16 +18,16 @@ const y = {
   ...h,
   props: y,
   setup(r) {
-    const l = r, { styles: i, classes: p, className: d } = f("Progress", {}, l);
+    const l = r, { styles: i, classes: d, className: p } = f("Progress", {}, l);
     return (e, b) => (s(), n("div", {
-      style: t(a(i)),
-      class: o([
-        a(d),
-        a(p).wrapper
+      style: t(o(i)),
+      class: a([
+        o(p),
+        o(d).wrapper
       ])
     }, [
-      g("div", {
-        class: o(["h-full", [
+      c("div", {
+        class: a(["h-full", [
           e.gradient ? "bg-gradient-to-r" : "bg-[color:var(--x-progress-bg)]",
           {
             "duration-150 transition-[width]": e.animate
@@ -37,7 +37,7 @@ const y = {
       }, null, 6),
       e.gradient ? (s(), n("div", {
         key: 0,
-        class: o(["absolute h-full bg-gray-100 dark:bg-gray-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
+        class: a(["absolute h-full bg-secondary-100 dark:bg-secondary-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
         style: t({
           width: `${100 - e.percentage}%`
         })

package/lib/components/progress/theme/Progress.base.theme.js

@@ -1,18 +1,18 @@
-const l = {
+const o = {
   classes: {
-    wrapper: ({ props: e }) => `relative rounded bg-gray-100 dark:bg-gray-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
+    wrapper: ({ props: e }) => `relative rounded bg-secondary-100 dark:bg-secondary-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
     list: "flex flex-col items-end w-full sm:w-[520px] px-4",
-    item: "w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900"
+    item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900"
   },
-  styles: ({ props: e, colors: s, css: a }) => {
-    const t = s.getPalette(e.color), r = [];
-    return r.push(a.variables({
+  styles: ({ props: e, colors: r, css: n }) => {
+    const t = r.getPalette(e.color), s = [];
+    return s.push(n.variables({
       bg: t[500]
-    })), e.gradient && r.push({
+    })), e.gradient && s.push({
       "--tw-gradient-stops": `${t[100]}, ${t[800]}`
-    }), r;
+    }), s;
   }
-}, n = l;
+}, a = o;
 export {
-  n as default
+  a as default
 };

package/lib/components/radio/Radio.vue.d.ts

@@ -20,6 +20,7 @@ declare const radioProps: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -66,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -108,6 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;

package/lib/components/radio/theme/Radio.base.theme.js

@@ -1,19 +1,19 @@
-const n = {
+const a = {
   classes: {
     wrapper: ({ data: e }) => {
       const t = ["inline-block relative cursor-pointer focus:outline-none group"];
-      return e.isInsideForm && t.push("mb-3"), t;
+      return e.isInsideForm && !e.isInsideFormGroup && t.push("mb-4"), t;
     },
     circle: ({ props: e }) => {
-      let t = "rounded-full flex justify-center items-center shrink-0 border-2 outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline";
-      return (e.size === "xs" || e.size === "sm") && (t += " h-4 w-4"), e.size === "xl" ? t += " h-6 w-6" : t += " h-5 w-5", t;
+      const t = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline"];
+      return e.size === "lg" ? t.push("h-5 w-5") : e.size === "xl" ? t.push("h-6 w-6") : t.push("h-4 w-4"), t;
     },
     circleIcon: ({ props: e, data: t }) => {
-      const r = [];
-      return t.selected || r.push("opacity-0"), e.size === "sm" || e.size === "xs" ? r.push("h-2") : e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-[0.6rem]"), r;
+      const s = [];
+      return t.selected || s.push("opacity-0"), e.size === "sm" || e.size === "xs" ? s.push("h-2") : e.size === "lg" ? s.push("h-2.5") : e.size === "xl" ? s.push("h-3") : s.push("h-2"), s;
     },
     label: ({ props: e }) => {
-      let t = "font-medium text-gray-800 dark:text-gray-200 pl-2";
+      let t = "font-medium text-secondary-800 dark:text-secondary-200 pl-2";
       return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
     },
     content: ({ props: e }) => {
@@ -21,50 +21,50 @@ const n = {
       return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
     }
   },
-  styles: ({ props: e, colors: t, css: r, data: a }) => {
-    const l = t.getPalette("gray"), s = t.getPalette(e.color), i = [];
-    return e.loading ? r.variables({
+  styles: ({ props: e, colors: t, css: s, data: n }) => {
+    const r = t.getPalette("gray"), l = t.getPalette(e.color), i = [];
+    return e.loading ? s.variables({
       bg: "transparent",
       border: "transparent",
       dark: {
         bg: "transparent",
         border: "transparent"
       }
-    }) : (e.disabled ? a.selected ? i.push(r.variables({
+    }) : (e.disabled ? n.selected ? i.push(s.variables({
       bg: "transparent",
-      border: l[200],
-      circle: l[200],
+      border: r[200],
+      circle: r[200],
       dark: {
         bg: "transparent",
-        border: l[700],
-        circle: l[700]
+        border: r[700],
+        circle: r[700]
       }
-    })) : i.push(r.variables({
-      bg: l[200],
-      border: l[200],
+    })) : i.push(s.variables({
+      bg: r[200],
+      border: r[200],
       dark: {
-        bg: l[700],
-        border: l[700]
+        bg: r[700],
+        border: r[700]
       }
-    })) : (a.selected ? i.push(r.variables({
+    })) : (n.selected ? i.push(s.variables({
       bg: "transparent",
-      border: s[500],
-      circle: s[500],
+      border: l[500],
+      circle: l[500],
       dark: {
         bg: "transparent",
-        border: s[500],
-        circle: s[500]
+        border: l[500],
+        circle: l[500]
       }
-    })) : i.push(r.variables({
+    })) : i.push(s.variables({
       bg: "#fff",
-      border: e.glow ? s[300] : l[300],
+      border: e.glow ? l[300] : r[300],
       dark: {
-        bg: l[900],
-        border: e.glow ? s[300] : l[300]
+        bg: r[900],
+        border: e.glow ? l[300] : r[400]
       }
-    })), e.glow && i.push(r.get("glow", t.getColorOpacity(s[500], 0.5)))), i);
+    })), e.glow && i.push(s.get("glow", t.getColorOpacity(l[500], 0.5)))), i);
   }
-}, u = n;
+}, u = a;
 export {
   u as default
 };

package/lib/components/radio/theme/Radio.carbon.theme.js

@@ -12,11 +12,11 @@ const i = {
       const t = [];
       return r.selected ? e.size === "lg" ? t.push("h-2.5") : e.size === "xl" ? t.push("h-3") : t.push("h-2") : t.push("opacity-0"), t;
     },
-    label: "text-sm text-gray-800 dark:text-gray-200 pl-2",
+    label: "text-sm text-secondary-800 dark:text-secondary-200 pl-2",
     content: "pl-2"
   },
-  styles: ({ props: e, colors: r, css: t, data: n }) => {
-    const s = r.getPalette("gray"), l = r.getPalette(e.color), a = [];
+  styles: ({ props: e, colors: r, css: t, data: a }) => {
+    const s = r.getPalette("gray"), l = r.getPalette(e.color), n = [];
     return e.loading ? t.variables({
       bg: "transparent",
       border: "transparent",
@@ -24,7 +24,7 @@ const i = {
         bg: "transparent",
         border: "transparent"
       }
-    }) : (e.disabled ? n.selected ? a.push(t.variables({
+    }) : (e.disabled ? a.selected ? n.push(t.variables({
       bg: "transparent",
       border: s[200],
       circle: s[200],
@@ -33,14 +33,14 @@ const i = {
         border: s[700],
         circle: s[700]
       }
-    })) : a.push(t.variables({
+    })) : n.push(t.variables({
       bg: s[200],
       border: s[200],
       dark: {
         bg: s[700],
         border: s[700]
       }
-    })) : (n.selected ? a.push(t.variables({
+    })) : (a.selected ? n.push(t.variables({
       bg: "transparent",
       border: l[500],
       circle: l[500],
@@ -49,14 +49,14 @@ const i = {
         border: l[500],
         circle: l[500]
       }
-    })) : a.push(t.variables({
+    })) : n.push(t.variables({
       bg: "#fff",
       border: e.glow ? l[300] : s[900],
       dark: {
         bg: s[900],
         border: e.glow ? l[300] : s[300]
       }
-    })), e.glow && a.push(t.get("glow", r.getColorOpacity(l[500], 0.5)))), a);
+    })), e.glow && n.push(t.get("glow", r.getColorOpacity(l[500], 0.5)))), n);
   }
 }, o = i;
 export {

package/lib/components/select/Select.vue.d.ts

@@ -23,6 +23,7 @@ declare const selectProps: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -35,6 +36,10 @@ declare const selectProps: {
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
 };
 export type SelectOption = {
     value: number | string;
@@ -71,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -83,6 +89,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
 }, {
     focus: () => void | undefined;
     blur: () => void | undefined;
@@ -112,6 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -124,11 +135,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     flat: boolean;
+    color: string;
     size: import("../../composables/useCommon").Size;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;