@uva-glass/component-library 3.48.0 → 3.50.0

package/dist/components/Drawer/Drawer.js

@@ -1,57 +1,57 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useDialog as b } from "@react-aria/dialog";
 import { FocusScope as C } from "@react-aria/focus";
-import { useModal as D, useOverlay as g, usePreventScroll as N, OverlayContainer as v } from "@react-aria/overlays";
-import { c as z } from "../../clsx-OuTLNxxd.js";
-import { useState as P, useRef as x, useEffect as S } from "react";
-import { Backdrop as j } from "../Backdrop/Backdrop.js";
-import { OverlayCloseButton as k } from "../OverlayCloseButton/OverlayCloseButton.js";
-import '../../assets/Drawer.css';const B = "_drawer_1yz6e_1", F = "_drawer__content_1yz6e_22", R = "_drawer__header_1yz6e_32", T = "_drawer__footer_1yz6e_39", E = "_drawer__heading_1yz6e_26", K = "_drawer__buttons_1yz6e_64", e = {
-  drawer: B,
-  drawer__content: F,
-  drawer__header: R,
-  drawer__footer: T,
-  drawer__heading: E,
-  "drawer--open": "_drawer--open_1yz6e_59",
-  drawer__buttons: K
-}, M = 200;
+import { useModal as D, useOverlay as y, usePreventScroll as N, OverlayContainer as v } from "@react-aria/overlays";
+import { c as P } from "../../clsx-OuTLNxxd.js";
+import { useState as x, useRef as S, useEffect as j } from "react";
+import { Backdrop as k } from "../Backdrop/Backdrop.js";
+import { OverlayCloseButton as B } from "../OverlayCloseButton/OverlayCloseButton.js";
+import '../../assets/Drawer.css';const F = "_drawer_1g9hi_1", R = "_drawer__content_1g9hi_22", T = "_drawer__header_1g9hi_32", E = "_drawer__footer_1g9hi_39", K = "_drawer__heading_1g9hi_26", M = "_drawer__buttons_1g9hi_64", r = {
+  drawer: F,
+  drawer__content: R,
+  drawer__header: T,
+  drawer__footer: E,
+  drawer__heading: K,
+  "drawer--open": "_drawer--open_1g9hi_59",
+  drawer__buttons: M
+}, q = 200;
 function U({
   buttons: s,
   children: n,
   isOpen: o,
-  onClose: l,
-  title: c,
-  closeButtonAriaValueText: i = "Close",
+  onClose: i,
+  title: l,
+  closeButtonAriaValueText: c = "Close",
   ...w
 }) {
-  const [m, t] = P(e.drawer), { modalProps: u } = D({ isDisabled: !o }), a = x(null);
+  const [m, t] = x(r.drawer), { modalProps: h } = D({ isDisabled: !o }), a = S(null);
   function _() {
-    t(e.drawer), globalThis.setTimeout(() => {
-      l();
-    }, M);
+    t(r.drawer), globalThis.setTimeout(() => {
+      i();
+    }, q);
   }
-  const { overlayProps: f, underlayProps: h } = g(
+  const { overlayProps: u, underlayProps: f } = y(
     { isDismissable: !0, isKeyboardDismissDisabled: !1, isOpen: o, onClose: _ },
     a
-  ), { dialogProps: p, titleProps: y } = b({}, a);
-  return N({ isDisabled: !o }), S(() => {
-    t(z(e.drawer, { [e["drawer--open"]]: o }));
-  }, [o]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(j, { ...h, children: /* @__PURE__ */ r(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
+  ), { dialogProps: g, titleProps: p } = b({}, a);
+  return N({ isDisabled: !o }), j(() => {
+    t(P(r.drawer, { [r["drawer--open"]]: o }));
+  }, [o]), /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(k, { ...f, children: /* @__PURE__ */ e(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
     "aside",
     {
+      ...h,
       ...u,
-      ...f,
-      ...p,
+      ...g,
       ...w,
       className: m,
       ref: a,
       children: [
-        /* @__PURE__ */ d("header", { className: e.drawer__header, children: [
-          /* @__PURE__ */ r("h1", { className: e.drawer__heading, ...y, children: c }),
-          /* @__PURE__ */ r(k, { "aria-label": i, onClick: _ })
+        /* @__PURE__ */ d("header", { className: r.drawer__header, children: [
+          /* @__PURE__ */ e("h1", { className: r.drawer__heading, ...p, children: l }),
+          /* @__PURE__ */ e(B, { "aria-label": c, onClick: _ })
         ] }),
-        /* @__PURE__ */ r("div", { className: e.drawer__content, children: n }),
-        s && /* @__PURE__ */ r("footer", { className: e.drawer__footer, children: /* @__PURE__ */ r("div", { className: e.drawer__buttons, children: s }) })
+        /* @__PURE__ */ e("div", { className: r.drawer__content, children: n }),
+        s && /* @__PURE__ */ e("footer", { className: r.drawer__footer, children: /* @__PURE__ */ e("div", { className: r.drawer__buttons, children: s }) })
       ]
     }
   ) }) }) });

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js

@@ -1,27 +1,27 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { c as d } from "../../clsx-OuTLNxxd.js";
-import { Icon as r } from "../Icon/Icon.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { c as y } from "../../clsx-OuTLNxxd.js";
+import { Icon as i } from "../Icon/Icon.js";
 import '../../assets/EmptyStateDataDisplay.css';const a = {
-  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1js18_1",
-  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1js18_9",
-  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_1js18_19",
-  "empty-state-data-display_wrapper--slim": "_empty-state-data-display_wrapper--slim_1js18_23",
-  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_1js18_28",
-  "empty-state-data-display_icon-frame--slim": "_empty-state-data-display_icon-frame--slim_1js18_32",
-  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1js18_37",
-  "empty-state-data-display_label": "_empty-state-data-display_label_1js18_43",
-  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1js18_47"
-}, _ = 24, m = 16;
+  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1ayed_1",
+  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1ayed_9",
+  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_1ayed_19",
+  "empty-state-data-display_wrapper--slim": "_empty-state-data-display_wrapper--slim_1ayed_23",
+  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_1ayed_28",
+  "empty-state-data-display_icon-frame--slim": "_empty-state-data-display_icon-frame--slim_1ayed_32",
+  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1ayed_37",
+  "empty-state-data-display_label": "_empty-state-data-display_label_1ayed_43",
+  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1ayed_47"
+}, r = 24, _ = 16;
 function n({
-  label: i,
+  label: l,
   paragraph: s,
   invertColors: p,
   variant: e = "regular"
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: d(a["empty-state-data-display_wrapper"], {
+      className: y(a["empty-state-data-display_wrapper"], {
         [a["empty-state-data-display_wrapper--invert-colors"]]: p,
         [a["empty-state-data-display_wrapper--slim"]]: e === "slim"
       }),
@@ -29,15 +29,15 @@ function n({
         /* @__PURE__ */ t(
           "div",
           {
-            className: d(a["empty-state-data-display_icon-frame"], {
+            className: y(a["empty-state-data-display_icon-frame"], {
               [a["empty-state-data-display_icon-frame--invert-colors"]]: p,
               [a["empty-state-data-display_icon-frame--slim"]]: e === "slim"
             }),
-            children: /* @__PURE__ */ t(r, { name: "CubeTransparent", size: e === "regular" ? _ : m })
+            children: /* @__PURE__ */ t(i, { name: "CubeTransparent", size: e === "regular" ? r : _ })
           }
         ),
-        /* @__PURE__ */ l("div", { className: a["empty-state-data-display_text-content"], children: [
-          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: i }),
+        /* @__PURE__ */ d("div", { className: a["empty-state-data-display_text-content"], children: [
+          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: l }),
           s && /* @__PURE__ */ t("p", { className: a["empty-state-data-display_paragraph"], children: s })
         ] })
       ]

package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js

@@ -1,39 +1,39 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useState as x, useId as b } from "react";
-import { c as v } from "../../clsx-OuTLNxxd.js";
+import { useState as f, useId as x } from "react";
+import { c as m } from "../../clsx-OuTLNxxd.js";
 import { Icon as l } from "../Icon/Icon.js";
 import '../../assets/ExpandableInfoPanel.css';const n = {
-  "expandable-info-panel_wrapper": "_expandable-info-panel_wrapper_syv2k_1",
-  "expandable-info-panel_header": "_expandable-info-panel_header_syv2k_7",
-  "expandable-info-panel_trigger": "_expandable-info-panel_trigger_syv2k_16",
-  "expandable-info-panel_trigger--active": "_expandable-info-panel_trigger--active_syv2k_46",
-  "expandable-info-panel_content-wrapper": "_expandable-info-panel_content-wrapper_syv2k_68",
-  "expandable-info-panel_content-with-note-container": "_expandable-info-panel_content-with-note-container_syv2k_77",
-  "expandable-info-panel_note": "_expandable-info-panel_note_syv2k_83"
-}, y = ({
+  "expandable-info-panel_wrapper": "_expandable-info-panel_wrapper_bsdzd_1",
+  "expandable-info-panel_header": "_expandable-info-panel_header_bsdzd_7",
+  "expandable-info-panel_trigger": "_expandable-info-panel_trigger_bsdzd_16",
+  "expandable-info-panel_trigger--active": "_expandable-info-panel_trigger--active_bsdzd_46",
+  "expandable-info-panel_content-wrapper": "_expandable-info-panel_content-wrapper_bsdzd_68",
+  "expandable-info-panel_content-with-note-container": "_expandable-info-panel_content-with-note-container_bsdzd_77",
+  "expandable-info-panel_note": "_expandable-info-panel_note_bsdzd_83"
+}, z = ({
   triggerLabel: p,
-  mainHeader: d,
+  mainHeader: t,
   collapseLabel: _ = "",
   expandLabel: s = "",
   content: o,
-  note: r = "",
+  note: d = "",
   defaultOpen: c = !1
 }) => {
-  const [e, f] = x(c), t = b();
+  const [e, b] = f(c), r = x();
   return /* @__PURE__ */ i("div", { className: n["expandable-info-panel_wrapper"], children: [
     /* @__PURE__ */ i("div", { className: n["expandable-info-panel_header"], children: [
-      d,
+      t,
       /* @__PURE__ */ i(
         "button",
         {
-          className: v(n["expandable-info-panel_trigger"], {
+          className: m(n["expandable-info-panel_trigger"], {
             [n["expandable-info-panel_trigger--active"]]: e
           }),
           type: "button",
           "aria-expanded": e,
-          "aria-controls": t,
+          "aria-controls": r,
           "aria-label": `${p} - ${e ? _ : s}`,
-          onClick: () => f(!e),
+          onClick: () => b(!e),
           children: [
             /* @__PURE__ */ a(l, { name: e ? "SquareInfoSolid" : "SquareInfo", size: 24 }),
             p,
@@ -42,16 +42,16 @@ import '../../assets/ExpandableInfoPanel.css';const n = {
         }
       )
     ] }),
-    e && /* @__PURE__ */ i("div", { id: t, className: n["expandable-info-panel_content-wrapper"], children: [
+    e && /* @__PURE__ */ i("div", { id: r, className: n["expandable-info-panel_content-wrapper"], children: [
       /* @__PURE__ */ a(l, { name: "SquareInfo", size: 24 }),
-      r ? /* @__PURE__ */ i("div", { className: n["expandable-info-panel_content-with-note-container"], children: [
+      d ? /* @__PURE__ */ i("div", { className: n["expandable-info-panel_content-with-note-container"], children: [
         /* @__PURE__ */ a("div", { children: o }),
-        /* @__PURE__ */ a("div", { className: n["expandable-info-panel_note"], children: r })
+        /* @__PURE__ */ a("div", { className: n["expandable-info-panel_note"], children: d })
       ] }) : /* @__PURE__ */ a("div", { children: o })
     ] })
   ] });
 };
 export {
-  y as ExpandableInfoPanel
+  z as ExpandableInfoPanel
 };
 //# sourceMappingURL=ExpandableInfoPanel.js.map

package/dist/components/FeedbackBar/FeedbackBar.js

@@ -1,14 +1,14 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { c } from "../../clsx-OuTLNxxd.js";
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
 import { useState as l, useEffect as _ } from "react";
 import { Icon as b } from "../Icon/Icon.js";
 import { Repeater as f } from "../Repeater/Repeater.js";
 import '../../assets/FeedbackBar.css';const e = {
-  "feedback-bar": "_feedback-bar_1exld_1",
-  "feedback-bar--visible": "_feedback-bar--visible_1exld_15",
-  "feedback-bar__icon": "_feedback-bar__icon_1exld_21",
-  "feedback-bar__close-button": "_feedback-bar__close-button_1exld_25"
-}, x = ({ children: o }) => {
+  "feedback-bar": "_feedback-bar_1wc39_1",
+  "feedback-bar--visible": "_feedback-bar--visible_1wc39_15",
+  "feedback-bar__icon": "_feedback-bar__icon_1wc39_21",
+  "feedback-bar__close-button": "_feedback-bar__close-button_1wc39_25"
+}, p = ({ children: o }) => {
   const [t, r] = l(!1);
   _(() => {
     r(!0);
@@ -16,15 +16,15 @@ import '../../assets/FeedbackBar.css';const e = {
   const i = () => {
     r(!1);
   };
-  return /* @__PURE__ */ s("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
+  return /* @__PURE__ */ s("div", { className: a(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
     /* @__PURE__ */ s(f, { flexDirection: "row", children: [
-      /* @__PURE__ */ a(b, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
+      /* @__PURE__ */ c(b, { className: a(e["feedback-bar__icon"]), name: "CheckCircle" }),
       o
     ] }),
-    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(b, { name: "Cross", size: 24 }) })
+    /* @__PURE__ */ c("button", { className: a(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ c(b, { name: "Cross", size: 24 }) })
   ] });
 };
 export {
-  x as FeedbackBar
+  p as FeedbackBar
 };
 //# sourceMappingURL=FeedbackBar.js.map

package/dist/components/FeedbackBox/FeedbackBox.js

@@ -1,31 +1,31 @@
-import { jsxs as _, jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../clsx-OuTLNxxd.js";
-import { Icon as a } from "../Icon/Icon.js";
-import '../../assets/FeedbackBox.css';const c = {
-  "feedback-box": "_feedback-box_oidbb_1",
-  "feedback-box__success": "_feedback-box__success_oidbb_15",
-  "feedback-box__warning": "_feedback-box__warning_oidbb_19",
-  "feedback-box__error": "_feedback-box__error_oidbb_23"
-}, i = {
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import { Icon as b } from "../Icon/Icon.js";
+import '../../assets/FeedbackBox.css';const e = {
+  "feedback-box": "_feedback-box_tsf5c_1",
+  "feedback-box__success": "_feedback-box__success_tsf5c_15",
+  "feedback-box__warning": "_feedback-box__warning_tsf5c_19",
+  "feedback-box__error": "_feedback-box__error_tsf5c_23"
+}, n = {
   success: "CheckCircle",
   warning: "ExclamationCircle",
   error: "ExclamationTriangleMini"
-}, f = ({ id: o, level: e, feedback: b }) => /* @__PURE__ */ _(
+}, d = ({ id: s, level: c, feedback: _ }) => /* @__PURE__ */ o(
   "div",
   {
-    className: s(c["feedback-box"], {
-      [c["feedback-box__success"]]: e === "success",
-      [c["feedback-box__warning"]]: e === "warning",
-      [c["feedback-box__error"]]: e === "error"
+    className: a(e["feedback-box"], {
+      [e["feedback-box__success"]]: c === "success",
+      [e["feedback-box__warning"]]: c === "warning",
+      [e["feedback-box__error"]]: c === "error"
     }),
-    id: o,
+    id: s,
     children: [
-      /* @__PURE__ */ r(a, { name: i[e], size: 16 }),
-      b
+      /* @__PURE__ */ r(b, { name: n[c], size: 16 }),
+      _
     ]
   }
 );
 export {
-  f as FeedbackBox
+  d as FeedbackBox
 };
 //# sourceMappingURL=FeedbackBox.js.map

package/dist/components/FormInput/FormInput.js

@@ -1,13 +1,13 @@
-import { jsxs as a, jsx as t, Fragment as b } from "react/jsx-runtime";
-import { c as v } from "../../clsx-OuTLNxxd.js";
+import { jsxs as u, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { c as h } from "../../clsx-OuTLNxxd.js";
 import "../Accordion/Accordion.js";
 import "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../Checkbox/Checkbox.js";
-import { Label as h } from "../Label/Label.js";
-import { FeedbackBox as k } from "../FeedbackBox/FeedbackBox.js";
+import { Label as k } from "../Label/Label.js";
+import { FeedbackBox as v } from "../FeedbackBox/FeedbackBox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-Cvw0NmoH.js";
+import "../../TablePlugin-8TKXJMYE.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -27,32 +27,32 @@ import "../SearchField/SearchField.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-l8-7ClBJ.js";
+import "../../SortableProvider-BbwlEPIr.js";
 import "../WeekSelector/components/WeekSelectorOptionContainer.js";
 import '../../assets/FormInput.css';const o = {
-  "form-input__container": "_form-input__container_c0vpz_1",
-  "form-input__container--label-left": "_form-input__container--label-left_c0vpz_7",
-  "form-input__container--label-top": "_form-input__container--label-top_c0vpz_18",
-  "form-input__input-feedback-container": "_form-input__input-feedback-container_c0vpz_25",
-  "form-input__input-container": "_form-input__input-container_c0vpz_35",
-  "form-input__input": "_form-input__input_c0vpz_25"
+  "form-input__container": "_form-input__container_aau49_1",
+  "form-input__container--label-left": "_form-input__container--label-left_aau49_7",
+  "form-input__container--label-top": "_form-input__container--label-top_aau49_18",
+  "form-input__input-feedback-container": "_form-input__input-feedback-container_aau49_25",
+  "form-input__input-container": "_form-input__input-container_aau49_35",
+  "form-input__input": "_form-input__input_aau49_25"
 }, Z = ({
   id: i,
   label: n,
-  labelPosition: f = "top",
+  labelPosition: c = "top",
   type: p = "text",
-  required: l = !1,
+  required: f = !1,
   notValidatedText: e = "",
   onChange: m,
-  noContainer: u = !1,
-  customInput: _
+  noContainer: l = !1,
+  customInput: a
 }) => {
   const s = (r) => ["e", "E", "+", "-"].includes(r.key) && r.preventDefault(), d = (r) => {
     typeof m == "function" && m(r.target.value);
-  }, c = /* @__PURE__ */ a(b, { children: [
-    n && /* @__PURE__ */ t(h, { htmlFor: i, required: l, alignRight: !0, children: n }),
-    /* @__PURE__ */ a("div", { className: o["form-input__input-feedback-container"], children: [
-      _ || /* @__PURE__ */ t("div", { className: o["form-input__input-container"], children: /* @__PURE__ */ t(
+  }, _ = /* @__PURE__ */ u(b, { children: [
+    n && /* @__PURE__ */ t(k, { htmlFor: i, required: f, alignRight: !0, children: n }),
+    /* @__PURE__ */ u("div", { className: o["form-input__input-feedback-container"], children: [
+      a || /* @__PURE__ */ t("div", { className: o["form-input__input-container"], children: /* @__PURE__ */ t(
         "input",
         {
           id: i,
@@ -62,10 +62,10 @@ import '../../assets/FormInput.css';const o = {
           className: o["form-input__input"]
         }
       ) }),
-      e !== "" && /* @__PURE__ */ t(k, { level: "error", feedback: e })
+      e !== "" && /* @__PURE__ */ t(v, { level: "error", feedback: e })
     ] })
   ] });
-  return u ? c : /* @__PURE__ */ t("div", { className: v(o["form-input__container"], o[`form-input__container--label-${f}`]), children: c });
+  return l ? _ : /* @__PURE__ */ t("div", { className: h(o["form-input__container"], o[`form-input__container--label-${c}`]), children: _ });
 };
 export {
   Z as FormInput

package/dist/components/Icon/Icon.stories.js

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as t } from "react/jsx-runtime";
 import { Icon as n } from "./Icon.js";
-import { Icons as c } from "./icons/index.js";
-import { ClipboardButton as r } from "../../storyComponents/ClipboardButton/ClipboardButton.js";
-import '../../assets/Icon.css';const s = "_icon__wrapper_106v1_1", p = "_icon__item_106v1_13", i = {
+import { Icons as r } from "./icons/index.js";
+import { ClipboardButton as c } from "../../storyComponents/ClipboardButton/ClipboardButton.js";
+import '../../assets/Icon.css';const s = "_icon__wrapper_18r2r_1", p = "_icon__item_18r2r_13", i = {
   icon__wrapper: s,
   icon__item: p
-}, a = Object.keys(c), m = "<Icon name={iconName} size={size} />", w = {
+}, a = Object.keys(r), m = "<Icon name={iconName} size={size} />", x = {
   title: "Atoms/Icon",
   component: n,
   argTypes: {
@@ -24,7 +24,7 @@ l.args = {
   size: 32,
   title: "Optional Icon title"
 };
-const x = () => /* @__PURE__ */ o(
+const y = () => /* @__PURE__ */ o(
   "div",
   {
     style: {
@@ -34,18 +34,18 @@ const x = () => /* @__PURE__ */ o(
       padding: "1rem",
       maxWidth: "1024px"
     },
-    children: Object.keys(c).map((e) => /* @__PURE__ */ t("div", { className: i.icon__wrapper, children: [
+    children: Object.keys(r).map((e) => /* @__PURE__ */ t("div", { className: i.icon__wrapper, children: [
       /* @__PURE__ */ o(n, { name: e, size: 48 }),
       /* @__PURE__ */ t("div", { className: i.icon__item, children: [
         /* @__PURE__ */ o("span", { children: e }),
-        /* @__PURE__ */ o(r, { text: `<Icon icon={${e}} />` })
+        /* @__PURE__ */ o(c, { text: `<Icon icon={${e}} />` })
       ] })
     ] }, e))
   }
 );
 export {
   l as IconExample,
-  x as IconOverview,
-  w as default
+  y as IconOverview,
+  x as default
 };
 //# sourceMappingURL=Icon.stories.js.map

package/dist/components/IconButton/IconButton.js

@@ -2,17 +2,17 @@ import { jsx as b } from "react/jsx-runtime";
 import { c as s } from "../../clsx-OuTLNxxd.js";
 import { forwardRef as _ } from "react";
 import '../../assets/IconButton.css';const t = {
-  "icon-button": "_icon-button_1qz6r_1",
-  "icon-button--destructive": "_icon-button--destructive_1qz6r_27",
-  "icon-button--no-border": "_icon-button--no-border_1qz6r_35",
-  "icon-button--wide": "_icon-button--wide_1qz6r_44"
-}, a = _(
-  ({ children: o, type: n = "button", variant: r, noBorder: c, wide: i, ...e }, u) => /* @__PURE__ */ b(
+  "icon-button": "_icon-button_j5fle_1",
+  "icon-button--destructive": "_icon-button--destructive_j5fle_27",
+  "icon-button--no-border": "_icon-button--no-border_j5fle_35",
+  "icon-button--wide": "_icon-button--wide_j5fle_44"
+}, m = _(
+  ({ children: o, type: n = "button", variant: e, noBorder: c, wide: i, ...r }, u) => /* @__PURE__ */ b(
     "button",
     {
-      ...e,
+      ...r,
       className: s(t["icon-button"], {
-        [t["icon-button--destructive"]]: r === "destructive",
+        [t["icon-button--destructive"]]: e === "destructive",
         [t["icon-button--no-border"]]: c,
         [t["icon-button--wide"]]: i
       }),
@@ -23,6 +23,6 @@ import '../../assets/IconButton.css';const t = {
   )
 );
 export {
-  a as IconButton
+  m as IconButton
 };
 //# sourceMappingURL=IconButton.js.map

package/dist/components/InfoBanner/InfoBanner.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Icon as a } from "../Icon/Icon.js";
-import '../../assets/InfoBanner.css';const p = "_infobanner_wrapper_1ojyh_1", s = {
+import '../../assets/InfoBanner.css';const p = "_infobanner_wrapper_1010z_1", s = {
   infobanner_wrapper: p
 }, f = ({ iconName: n, content: r }) => /* @__PURE__ */ e("div", { className: s.infobanner_wrapper, children: [
   n && /* @__PURE__ */ o(a, { name: n, size: 24 }),

package/dist/components/InfoMessage/InfoMessage.js

@@ -2,10 +2,10 @@ import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
 import { Icon as _ } from "../Icon/Icon.js";
 import '../../assets/InfoMessage.css';const s = {
-  "info-message": "_info-message_1jurj_1",
-  "info-message__container": "_info-message__container_1jurj_6",
-  "info-message__icon": "_info-message__icon_1jurj_11"
-}, f = ({ message: e, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
+  "info-message": "_info-message_1h497_1",
+  "info-message__container": "_info-message__container_1h497_6",
+  "info-message__icon": "_info-message__icon_1h497_11"
+}, r = ({ message: e, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
   "div",
   {
     className: a(s["info-message"], {
@@ -18,6 +18,6 @@ import '../../assets/InfoMessage.css';const s = {
   }
 );
 export {
-  f as InfoMessage
+  r as InfoMessage
 };
 //# sourceMappingURL=InfoMessage.js.map

package/dist/components/Input/Input.js

@@ -1,28 +1,28 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { c as f } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Input.css';const m = "_input_1jwvu_1", t = {
-  input: m,
-  "input--numeric": "_input--numeric_1jwvu_13",
-  "input--error": "_input--error_1jwvu_18",
-  "input--full-with": "_input--full-with_1jwvu_23"
-}, a = c(function({ id: u, appearance: r, type: n = "text", isNumeric: i, fullWidth: p, ...o }, e) {
-  return /* @__PURE__ */ _(
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Input.css';const f = "_input_1utsi_1", t = {
+  input: f,
+  "input--numeric": "_input--numeric_1utsi_13",
+  "input--error": "_input--error_1utsi_18",
+  "input--full-with": "_input--full-with_1utsi_23"
+}, x = _(function({ id: i, appearance: u, type: r = "text", isNumeric: n, fullWidth: p, ...o }, e) {
+  return /* @__PURE__ */ s(
     "input",
     {
       ...o,
       ref: e,
-      id: u,
-      className: f(t.input, {
-        [t["input--error"]]: r === "error",
+      id: i,
+      className: c(t.input, {
+        [t["input--error"]]: u === "error",
         [t["input--full-with"]]: p,
-        [t["input--numeric"]]: i
+        [t["input--numeric"]]: n
       }),
-      type: n
+      type: r
     }
   );
 });
 export {
-  a as Input
+  x as Input
 };
 //# sourceMappingURL=Input.js.map