@indielayer/ui 1.3.0 → 1.5.0

package/lib/components/divider/Divider.vue.js

@@ -1,32 +1,32 @@
-import { defineComponent as p, openBlock as s, createElementBlock as o, normalizeStyle as r, unref as t, normalizeClass as a, createElementVNode as i, toDisplayString as u, createCommentVNode as v } from "vue";
+import { defineComponent as p, openBlock as o, createElementBlock as r, normalizeStyle as s, unref as t, normalizeClass as a, createElementVNode as n, toDisplayString as u, createCommentVNode as v } from "vue";
 import { useTheme as y } from "../../composables/useTheme.js";
 const h = ["textContent"], f = {
   label: String,
   vertical: Boolean
-}, g = { name: "XDivider" }, x = /* @__PURE__ */ p({
-  ...g,
+}, C = { name: "XDivider" }, x = /* @__PURE__ */ p({
+  ...C,
   props: f,
-  setup(n) {
-    const c = n, { styles: m, classes: l, className: d } = y("Divider", {}, c);
-    return (e, C) => (s(), o("div", {
-      style: r(t(m)),
+  setup(i) {
+    const c = i, { styles: d, classes: l, className: m } = y("Divider", {}, c);
+    return (e, b) => (o(), r("div", {
+      style: s(t(d)),
       class: a([
-        t(d),
+        t(m),
         t(l).wrapper
       ])
     }, [
-      i("div", {
+      n("div", {
         class: a(t(l).line),
-        style: r([
+        style: s([
           {
             width: e.vertical ? "1px" : "auto",
             height: e.vertical ? "auto" : "1px"
           }
         ])
       }, null, 6),
-      e.label ? (s(), o("div", {
+      e.label ? (o(), r("div", {
         key: 0,
-        class: a(["font-medium text-sm text-gray-600 dark:text-gray-300", [
+        class: a(["font-medium text-sm text-secondary-600 dark:text-secondary-300", [
           t(l).label,
           {
             "my-2": e.vertical,
@@ -35,9 +35,9 @@ const h = ["textContent"], f = {
         ]]),
         textContent: u(e.label)
       }, null, 10, h)) : v("", !0),
-      i("div", {
+      n("div", {
         class: a(t(l).line),
-        style: r([
+        style: s([
           {
             width: e.vertical ? "1px" : "auto",
             height: e.vertical ? "auto" : "1px"

package/lib/components/divider/theme/Divider.base.theme.js

@@ -1,8 +1,8 @@
 const t = {
   classes: {
     wrapper: ({ props: e }) => `flex justify-center items-center ${e.vertical ? "h-full flex-col" : "w-full"}`,
-    label: "font-medium text-sm text-gray-600 dark:text-gray-300",
-    line: "bg-gray-200 dark:bg-slate-700 flex-grow"
+    label: "font-medium text-sm text-secondary-600 dark:text-secondary-300",
+    line: "bg-secondary-200 dark:bg-secondary-700 flex-grow"
   }
 }, l = t;
 export {

package/lib/components/drawer/Drawer.vue.d.ts

@@ -4,7 +4,7 @@ declare const drawerPosition: readonly ["left", "right", "top", "bottom"];
 declare const drawerProps: {
     modelValue: BooleanConstructor;
     position: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
     teleportTo: {
@@ -33,7 +33,7 @@ export interface DrawerTheme extends ThemeComponent<DrawerProps, InternalClasses
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     position: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
     teleportTo: {
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
     position: {
-        type: PropType<"top" | "bottom" | "left" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
     teleportTo: {
@@ -82,7 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    position: "top" | "bottom" | "left" | "right";
+    position: "left" | "right" | "top" | "bottom";
     modelValue: boolean;
     teleportTo: string | HTMLElement;
     width: string | number;

package/lib/components/drawer/Drawer.vue.js

@@ -86,14 +86,14 @@ const ee = {
         return;
       }
       e.addEventListener("transitionend", o), setTimeout(() => {
-        t.backdrop && e.classList.add("bg-gray-500/30"), t.position === "top" ? e.style.top = "0" : t.position === "bottom" ? e.style.bottom = "0" : t.position === "left" ? e.style.left = "0" : t.position === "right" && (e.style.right = "0");
+        t.backdrop && e.classList.add("bg-slate-500/30"), t.position === "top" ? e.style.top = "0" : t.position === "bottom" ? e.style.bottom = "0" : t.position === "left" ? e.style.left = "0" : t.position === "right" && (e.style.right = "0");
       }, 1);
     }
     function R(e) {
     }
     function D(e, o) {
       e.addEventListener("transitionend", o), setTimeout(() => {
-        t.backdrop && e.classList.remove("bg-gray-500/30"), t.position === "top" ? e.style.top = `-${t.height}px` : t.position === "bottom" ? e.style.bottom = `-${t.height}px` : t.position === "left" ? e.style.left = `-${t.width}px` : t.position === "right" && (e.style.right = `-${t.width}px`);
+        t.backdrop && e.classList.remove("bg-slate-500/30"), t.position === "top" ? e.style.top = `-${t.height}px` : t.position === "bottom" ? e.style.bottom = `-${t.height}px` : t.position === "left" ? e.style.left = `-${t.width}px` : t.position === "right" && (e.style.right = `-${t.width}px`);
       }, 1);
     }
     function z(e) {

package/lib/components/drawer/theme/Drawer.base.theme.js

@@ -1,6 +1,6 @@
 const e = {
   classes: {
-    wrapper: "flex flex-col max-h-full bg-white dark:bg-gray-800",
+    wrapper: "flex flex-col max-h-full bg-white dark:bg-secondary-800",
     backdrop: "duration-150 ease-in-out"
   }
 }, a = e;

package/lib/components/form/Form.vue.d.ts

@@ -14,6 +14,12 @@ declare const formProps: {
         type: PropType<[FormError[], FormError]>;
         default: () => never[];
     };
+    title: StringConstructor;
+    description: StringConstructor;
+    hasFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type FormProps = ExtractPublicPropTypes<typeof formProps>;
 export type FormInjection = {
@@ -31,7 +37,7 @@ export type FormInput = {
     validate: (val?: any) => boolean;
     setError: (val: string) => void;
 };
-type InternalClasses = 'wrapper';
+type InternalClasses = 'wrapper' | 'content' | 'title' | 'description' | 'footer';
 export interface FormTheme extends ThemeComponent<FormProps, InternalClasses> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
@@ -48,6 +54,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<[FormError[], FormError]>;
         default: () => never[];
     };
+    title: StringConstructor;
+    description: StringConstructor;
+    hasFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     autoValidate: {
         type: BooleanConstructor;
@@ -62,15 +74,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<[FormError[], FormError]>;
         default: () => never[];
     };
+    title: StringConstructor;
+    description: StringConstructor;
+    hasFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     autoValidate: boolean;
     autoFocus: boolean;
+    disabled: boolean;
     errors: [FormError[], FormError];
+    hasFooter: boolean;
 }, {}>, {
+    header?(_: {}): any;
     default?(_: {}): any;
+    footer?(_: {}): any;
+    "primary-action"?(_: {}): any;
+    "secondary-action"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/lib/components/form/Form.vue.js

@@ -1,7 +1,10 @@
-import { defineComponent as h, provide as F, onMounted as _, watch as V, nextTick as g, openBlock as E, createElementBlock as I, normalizeStyle as v, unref as r, normalizeClass as B, createElementVNode as x, renderSlot as A } from "vue";
-import { injectFormKey as k } from "../../composables/keys.js";
-import { useTheme as S } from "../../composables/useTheme.js";
-const j = ["disabled"], w = {
+import { defineComponent as E, provide as I, onMounted as S, watch as $, nextTick as A, openBlock as c, createElementBlock as m, normalizeStyle as C, unref as i, normalizeClass as n, renderSlot as r, toDisplayString as p, createCommentVNode as f, createElementVNode as y } from "vue";
+import { injectFormKey as N } from "../../composables/keys.js";
+import { useTheme as T } from "../../composables/useTheme.js";
+const j = {
+  key: 0,
+  class: "mb-6"
+}, w = ["disabled"], z = {
   autoValidate: {
     type: Boolean,
     default: !0
@@ -14,33 +17,38 @@ const j = ["disabled"], w = {
   errors: {
     type: [Array, Object],
     default: () => []
+  },
+  title: String,
+  description: String,
+  hasFooter: {
+    type: Boolean,
+    default: !0
   }
-}, z = {
-  name: "XForm",
-  inheritAttrs: !1
-}, T = /* @__PURE__ */ h({
-  ...z,
-  props: w,
+}, D = {
+  name: "XForm"
+}, O = /* @__PURE__ */ E({
+  ...D,
+  props: z,
   emits: ["submit"],
-  setup(l, { emit: d }) {
-    const i = l, u = d, s = [];
-    F(k, {
-      registerInput: (e, t, o, a) => {
-        const n = s.find((b) => b.name === e);
-        n ? (n.focus = t, n.validate = o, n.setError = a) : s.push({ name: e, focus: t, validate: o, setError: a });
+  setup(h, { emit: b }) {
+    const l = h, F = b, s = [];
+    I(N, {
+      registerInput: (e, t, o, d) => {
+        const u = s.find((B) => B.name === e);
+        u ? (u.focus = t, u.validate = o, u.setError = d) : s.push({ name: e, focus: t, validate: o, setError: d });
       },
       unregisterInput: (e) => {
         const t = s.findIndex((o) => o.name === e);
         s.splice(t, 1);
       },
       isInsideForm: !0
-    }), _(() => {
-      i.autoFocus && s && s.length > 0 && s[0].focus();
-    }), V(() => i.errors, (e) => {
-      e && g(() => {
+    }), S(async () => {
+      l.autoFocus && s && s.length > 0 && setTimeout(s[0].focus, 50);
+    }), $(() => l.errors, (e) => {
+      e && A(() => {
         if (Array.isArray(e))
           e.forEach((t) => {
-            const o = s.find((a) => a.name === t.field);
+            const o = s.find((d) => d.name === t.field);
             o && o.setError(t.msg);
           });
         else {
@@ -49,30 +57,53 @@ const j = ["disabled"], w = {
         }
       });
     });
-    const c = () => {
+    const g = () => {
       let e = !0;
       return s.forEach((t) => {
         !t.validate() && e && (e = !1, t.focus && t.focus());
       }), e;
-    }, f = (e) => {
+    }, V = (e) => {
       e.preventDefault(), e.stopPropagation();
-      const t = i.autoValidate ? c() : !0;
-      u("submit", t);
-    }, { styles: m, classes: p, className: y } = S("Form", {}, i);
-    return (e, t) => (E(), I("form", {
-      style: v(r(m)),
-      class: B([
-        r(y),
-        r(p).wrapper
+      const t = l.autoValidate ? g() : !0;
+      F("submit", t);
+    }, { styles: k, classes: a, className: v } = T("Form", {}, l);
+    return (e, t) => (c(), m("form", {
+      style: C(i(k)),
+      class: n([
+        i(v),
+        i(a).wrapper
       ]),
-      onSubmit: f
+      onSubmit: V
     }, [
-      x("fieldset", { disabled: e.disabled }, [
-        A(e.$slots, "default")
-      ], 8, j)
+      r(e.$slots, "header", {}, () => [
+        e.title || e.description ? (c(), m("div", j, [
+          e.title ? (c(), m("p", {
+            key: 0,
+            class: n(i(a).title)
+          }, p(e.title), 3)) : f("", !0),
+          e.description ? (c(), m("p", {
+            key: 1,
+            class: n(i(a).description)
+          }, p(e.description), 3)) : f("", !0)
+        ])) : f("", !0)
+      ]),
+      y("fieldset", {
+        disabled: e.disabled,
+        class: n(i(a).content)
+      }, [
+        r(e.$slots, "default")
+      ], 10, w),
+      e.hasFooter ? r(e.$slots, "footer", { key: 0 }, () => [
+        y("div", {
+          class: n(i(a).footer)
+        }, [
+          r(e.$slots, "primary-action"),
+          r(e.$slots, "secondary-action")
+        ], 2)
+      ]) : f("", !0)
     ], 38));
   }
 });
 export {
-  T as default
+  O as default
 };

package/lib/components/form/theme/Form.base.theme.js

@@ -1,8 +1,12 @@
 const e = {
   classes: {
-    wrapper: ""
+    wrapper: "relative",
+    content: "",
+    title: "text-xl mb-1",
+    description: "text-secondary-500",
+    footer: "space-x-4 mt-4"
   }
-}, s = e;
+}, t = e;
 export {
-  s as default
+  t as default
 };

package/lib/components/form/theme/Form.carbon.theme.js

@@ -1,5 +1,12 @@
-import e from "./Form.base.theme.js";
-const t = e, o = t;
+const e = {
+  classes: {
+    wrapper: "relative",
+    content: "grid",
+    title: "text-xl mb-1",
+    description: "text-secondary-500",
+    footer: "grid grid-cols-2 gap-4 lg:flex mt-8"
+  }
+}, t = e;
 export {
-  o as default
+  t as default
 };

package/lib/components/formGroup/FormGroup.vue.d.ts

@@ -0,0 +1,135 @@
+import { type ExtractPublicPropTypes, type MaybeRef } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const formGroupProps: {
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    tooltip: StringConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+};
+export type FormGroupProps = ExtractPublicPropTypes<typeof formGroupProps>;
+export type FormGroupInjection = {
+    registerInputGroup: (name: string, focus: () => void) => void;
+    unregisterInputGroup: (name: string) => void;
+    setValue: (val: string | number | string[] | number[]) => void;
+    value: MaybeRef<string | number | string[] | number[] | null | undefined>;
+    isInsideFormGroup: boolean;
+};
+export type FormGroupInput = {
+    name: string;
+    focus: () => void;
+};
+type InternalClasses = 'wrapper';
+export interface FormGroupTheme extends ThemeComponent<FormGroupProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    tooltip: StringConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+}, {
+    focus: () => void;
+    blur: typeof blur;
+    reset: () => void;
+    validate: (val?: any) => boolean;
+    setError: (val: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    tooltip: StringConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
+    readonly: boolean;
+    required: boolean;
+    validateOnInput: boolean;
+    hideFooter: boolean;
+    rules: unknown[];
+    vertical: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/formGroup/FormGroup.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as C, computed as k, provide as q, openBlock as p, createBlock as m, mergeProps as B, unref as o, toHandlers as N, withCtx as $, createElementVNode as w, normalizeClass as A, renderSlot as E, createCommentVNode as P } from "vue";
+import { useTheme as j } from "../../composables/useTheme.js";
+import { useInteractive as z } from "../../composables/useInteractive.js";
+import { useInputtable as l } from "../../composables/useInputtable.js";
+import { injectFormGroupKey as H } from "../../composables/keys.js";
+import K from "../label/Label.vue.js";
+import O from "../inputFooter/InputFooter.vue.js";
+const S = {
+  ...z.props(),
+  ...l.props(),
+  vertical: {
+    type: Boolean,
+    default: !1
+  }
+}, T = {
+  name: "XFormGroup"
+}, U = /* @__PURE__ */ C({
+  ...T,
+  props: S,
+  emits: l.emits(),
+  setup(d, { expose: f, emit: c }) {
+    const r = d, t = [], V = k(() => typeof r.modelValue == "string" || typeof r.modelValue == "number" || Array.isArray(r.modelValue) ? r.modelValue : "");
+    q(H, {
+      registerInputGroup: (e, s) => {
+        t.push({ name: e, focus: s });
+      },
+      unregisterInputGroup: (e) => {
+        const s = t.findIndex((_) => _.name === e);
+        t.splice(s, 1);
+      },
+      setValue: (e) => {
+        n("update:modelValue", e);
+      },
+      isInsideFormGroup: !0,
+      value: V
+    });
+    function i() {
+      var e;
+      (e = t[0]) == null || e.focus();
+    }
+    const n = c, {
+      errorInternal: a,
+      isInsideForm: y,
+      isFirstValidation: b,
+      reset: h,
+      validate: u,
+      setError: v
+    } = l(r, { focus: i, emit: n }), I = {
+      change: (e) => {
+        r.validateOnInput && !b.value && u(r.modelValue);
+      }
+    }, { styles: F, classes: G, className: g } = j("FormGroup", {}, r, { errorInternal: a });
+    return f({ focus: i, blur, reset: h, validate: u, setError: v }), (e, s) => (p(), m(K, B({
+      tag: "fieldset",
+      style: o(F),
+      disabled: e.disabled,
+      required: e.required,
+      "is-inside-form": o(y),
+      label: e.label,
+      class: [
+        o(g)
+      ],
+      tooltip: e.tooltip
+    }, N(I)), {
+      default: $(() => [
+        w("div", {
+          class: A(o(G).wrapper)
+        }, [
+          E(e.$slots, "default")
+        ], 2),
+        e.hideFooter ? P("", !0) : (p(), m(O, {
+          key: 0,
+          error: o(a),
+          helper: e.helper
+        }, null, 8, ["error", "helper"]))
+      ]),
+      _: 3
+    }, 16, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
+  }
+});
+export {
+  U as default
+};

package/lib/components/formGroup/FormGroup.vue2.js

@@ -0,0 +1,4 @@
+import f from "./FormGroup.vue.js";
+export {
+  f as default
+};

package/lib/components/formGroup/__tests__/FormGroup.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/formGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XFormGroup } from './FormGroup.vue';
+export type { FormGroupProps, FormGroupInjection, FormGroupInput, FormGroupTheme } from './FormGroup.vue';

package/lib/components/formGroup/theme/FormGroup.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { FormGroupTheme } from '../FormGroup.vue';
+declare const theme: FormGroupTheme;
+export default theme;

package/lib/components/formGroup/theme/FormGroup.base.theme.js

@@ -0,0 +1,11 @@
+const t = {
+  classes: {
+    wrapper: ({ props: s }) => {
+      const e = [""];
+      return s.vertical ? e.push("grid gap-1") : e.push("flex gap-4"), e;
+    }
+  }
+}, a = t;
+export {
+  a as default
+};

package/lib/components/formGroup/theme/FormGroup.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { FormGroupTheme } from '../FormGroup.vue';
+declare const theme: FormGroupTheme;
+export default theme;

package/lib/components/formGroup/theme/FormGroup.carbon.theme.js

@@ -0,0 +1,11 @@
+const t = {
+  classes: {
+    wrapper: ({ props: s }) => {
+      const e = [""];
+      return s.vertical ? e.push("grid gap-3") : e.push("flex gap-4"), e;
+    }
+  }
+}, a = t;
+export {
+  a as default
+};

package/lib/components/icon/theme/Icon.base.theme.js

@@ -1,8 +1,8 @@
 const t = {
   classes: {
     wrapper: ({ props: s }) => {
-      const e = "inline";
-      return s.size === "xs" ? e + " h-3 w-3" : s.size === "sm" ? e + " h-4 w-4" : s.size === "lg" ? e + " h-6 w-6" : s.size === "xl" ? e + " h-9 w-9" : e + " h-5 w-5";
+      const e = "inline shrink-0";
+      return s.size === "xs" ? e + " h-3 w-3" : s.size === "sm" ? e + " h-4 w-4" : s.size === "lg" ? e + " h-6 w-6" : s.size === "xl" ? e + " h-7 w-7" : e + " h-4 w-4";
     }
   }
 }, i = t;

package/lib/components/icon/theme/Icon.carbon.theme.js

@@ -1,11 +1,11 @@
 const t = {
   classes: {
     wrapper: ({ props: s }) => {
-      const e = "inline";
-      return s.size === "xs" ? e + " h-3 w-3" : s.size === "sm" ? e + " h-4 w-4" : s.size === "lg" ? e + " h-6 w-6" : s.size === "xl" ? e + " h-9 w-9" : e + " h-4 w-4";
+      const e = "inline shrink-0";
+      return s.size === "xs" ? e + " h-3 w-3" : s.size === "lg" ? e + " h-5 w-5" : s.size === "xl" ? e + " h-8 w-8" : e + " h-4 w-4";
     }
   }
-}, i = t;
+}, n = t;
 export {
-  i as default
+  n as default
 };