@uva-glass/component-library 3.19.0 → 3.19.2

package/dist/components/Drawer/Drawer.js

@@ -1,20 +1,20 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useDialog as y } from "@react-aria/dialog";
+import { jsx as r, 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 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_1ytb4_1", R = "_drawer__content_1ytb4_22", T = "_drawer__header_1ytb4_32", E = "_drawer__footer_1ytb4_39", K = "_drawer__heading_1ytb4_26", M = "_drawer__buttons_1ytb4_64", r = {
-  drawer: F,
-  drawer__content: R,
-  drawer__header: T,
-  drawer__footer: E,
-  drawer__heading: K,
-  "drawer--open": "_drawer--open_1ytb4_59",
-  drawer__buttons: M
-}, q = 200;
+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;
 function U({
   buttons: s,
   children: n,
@@ -24,34 +24,34 @@ function U({
   closeButtonAriaValueText: i = "Close",
   ...w
 }) {
-  const [m, t] = x(r.drawer), { modalProps: u } = D({ isDisabled: !o }), a = S(null);
+  const [m, t] = P(e.drawer), { modalProps: u } = D({ isDisabled: !o }), a = x(null);
   function _() {
-    t(r.drawer), globalThis.setTimeout(() => {
+    t(e.drawer), globalThis.setTimeout(() => {
       l();
-    }, q);
+    }, M);
   }
   const { overlayProps: f, underlayProps: h } = g(
     { isDismissable: !0, isKeyboardDismissDisabled: !1, isOpen: o, onClose: _ },
     a
-  ), { dialogProps: b, titleProps: p } = y({}, a);
-  return N({ isDisabled: !o }), j(() => {
-    t(P(r.drawer, { [r["drawer--open"]]: o }));
-  }, [o]), /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(k, { ...h, children: /* @__PURE__ */ e(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
+  ), { 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(
     "aside",
     {
       ...u,
       ...f,
-      ...b,
+      ...p,
       ...w,
       className: m,
       ref: a,
       children: [
-        /* @__PURE__ */ d("header", { className: r.drawer__header, children: [
-          /* @__PURE__ */ e("h1", { className: r.drawer__heading, ...p, children: c }),
-          /* @__PURE__ */ e(B, { "aria-label": i, onClick: _ })
+        /* @__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__ */ 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 }) })
+        /* @__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 }) })
       ]
     }
   ) }) }) });

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js

@@ -1,34 +1,34 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { c as l } from "../../clsx-OuTLNxxd.js";
-import { Icon as r } from "../Icon/Icon.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { Icon as l } from "../Icon/Icon.js";
 import '../../assets/EmptyStateDataDisplay.css';const a = {
-  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1blmp_1",
-  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1blmp_9",
-  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_1blmp_19",
-  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_1blmp_23",
-  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1blmp_27",
-  "empty-state-data-display_label": "_empty-state-data-display_label_1blmp_33",
-  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1blmp_37"
+  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_14bsh_1",
+  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_14bsh_9",
+  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_14bsh_19",
+  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_14bsh_23",
+  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_14bsh_27",
+  "empty-state-data-display_label": "_empty-state-data-display_label_14bsh_33",
+  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_14bsh_37"
 };
-function _({ label: d, paragraph: e, invertColors: p }) {
-  return /* @__PURE__ */ s(
+function m({ label: r, paragraph: e, invertColors: s }) {
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: l(a["empty-state-data-display_wrapper"], {
-        [a["empty-state-data-display_wrapper--invert-colors"]]: p
+      className: d(a["empty-state-data-display_wrapper"], {
+        [a["empty-state-data-display_wrapper--invert-colors"]]: s
       }),
       children: [
         /* @__PURE__ */ t(
           "div",
           {
-            className: l(a["empty-state-data-display_icon-frame"], {
-              [a["empty-state-data-display_icon-frame--invert-colors"]]: p
+            className: d(a["empty-state-data-display_icon-frame"], {
+              [a["empty-state-data-display_icon-frame--invert-colors"]]: s
             }),
-            children: /* @__PURE__ */ t(r, { name: "CubeTransparent" })
+            children: /* @__PURE__ */ t(l, { name: "CubeTransparent" })
           }
         ),
-        /* @__PURE__ */ s("div", { className: a["empty-state-data-display_text-content"], children: [
-          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: d }),
+        /* @__PURE__ */ p("div", { className: a["empty-state-data-display_text-content"], children: [
+          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: r }),
           e && /* @__PURE__ */ t("p", { className: a["empty-state-data-display_paragraph"], children: e })
         ] })
       ]
@@ -36,6 +36,6 @@ function _({ label: d, paragraph: e, invertColors: p }) {
   );
 }
 export {
-  _ as EmptyStateDataDisplay
+  m as EmptyStateDataDisplay
 };
 //# sourceMappingURL=EmptyStateDataDisplay.js.map

package/dist/components/FeedbackBar/FeedbackBar.js

@@ -1,27 +1,27 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { c } from "../../clsx-OuTLNxxd.js";
 import { useState as l, useEffect as _ } from "react";
-import { Icon as s } from "../Icon/Icon.js";
+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_aoc1x_1",
-  "feedback-bar--visible": "_feedback-bar--visible_aoc1x_15",
-  "feedback-bar__icon": "_feedback-bar__icon_aoc1x_21",
-  "feedback-bar__close-button": "_feedback-bar__close-button_aoc1x_25"
-}, x = ({ children: b }) => {
-  const [t, o] = l(!1);
+  "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 }) => {
+  const [t, r] = l(!1);
   _(() => {
-    o(!0);
+    r(!0);
   }, []);
   const i = () => {
-    o(!1);
+    r(!1);
   };
-  return /* @__PURE__ */ r("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
-    /* @__PURE__ */ r(f, { flexDirection: "row", children: [
-      /* @__PURE__ */ a(s, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
-      b
+  return /* @__PURE__ */ s("div", { className: c(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" }),
+      o
     ] }),
-    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(s, { name: "Cross", size: 24 }) })
+    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(b, { name: "Cross", size: 24 }) })
   ] });
 };
 export {

package/dist/components/FeedbackBox/FeedbackBox.js

@@ -1,27 +1,27 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { c as a } from "../../clsx-OuTLNxxd.js";
-import { Icon as b } from "../Icon/Icon.js";
+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_1th4y_1",
-  "feedback-box__success": "_feedback-box__success_1th4y_15",
-  "feedback-box__warning": "_feedback-box__warning_1th4y_19",
-  "feedback-box__error": "_feedback-box__error_1th4y_23"
-}, n = {
+  "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 = {
   success: "CheckCircle",
   warning: "ExclamationCircle",
   error: "ExclamationTriangleMini"
-}, f = ({ id: _, level: e, feedback: o }) => /* @__PURE__ */ r(
+}, f = ({ id: o, level: e, feedback: b }) => /* @__PURE__ */ _(
   "div",
   {
-    className: a(c["feedback-box"], {
+    className: s(c["feedback-box"], {
       [c["feedback-box__success"]]: e === "success",
       [c["feedback-box__warning"]]: e === "warning",
       [c["feedback-box__error"]]: e === "error"
     }),
-    id: _,
+    id: o,
     children: [
-      /* @__PURE__ */ s(b, { name: n[e], size: 16 }),
-      o
+      /* @__PURE__ */ r(a, { name: i[e], size: 16 }),
+      b
     ]
   }
 );

package/dist/components/FormInput/FormInput.js

@@ -1,22 +1,22 @@
-import { jsxs as c, jsx as t, Fragment as b } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
+import { jsxs as a, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { c as v } from "../../clsx-OuTLNxxd.js";
 import "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../Checkbox/Checkbox.js";
-import { Label as x } from "../Label/Label.js";
+import { Label as h } from "../Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FeedbackBox as h } from "../FeedbackBox/FeedbackBox.js";
+import { FeedbackBox as k } from "../FeedbackBox/FeedbackBox.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-6tDdOCQy.js";
+import "../../TablePlugin-CE20cPhW.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -26,42 +26,42 @@ import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
 import "../../SortableProvider-DZggDO3M.js";
 import '../../assets/FormInput.css';const o = {
-  "form-input__container": "_form-input__container_g2j8x_1",
-  "form-input__container--label-left": "_form-input__container--label-left_g2j8x_7",
-  "form-input__container--label-top": "_form-input__container--label-top_g2j8x_18",
-  "form-input__input-feedback-container": "_form-input__input-feedback-container_g2j8x_25",
-  "form-input__input-container": "_form-input__input-container_g2j8x_35",
-  "form-input__input": "_form-input__input_g2j8x_25"
+  "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"
 }, U = ({
   id: i,
   label: n,
   labelPosition: f = "top",
-  type: e = "text",
+  type: p = "text",
   required: l = !1,
-  notValidatedText: p = "",
+  notValidatedText: e = "",
   onChange: m,
   noContainer: u = !1,
   customInput: _
 }) => {
   const s = (r) => ["e", "E", "+", "-"].includes(r.key) && r.preventDefault(), d = (r) => {
     typeof m == "function" && m(r.target.value);
-  }, a = /* @__PURE__ */ c(b, { children: [
-    n && /* @__PURE__ */ t(x, { htmlFor: i, required: l, alignRight: !0, children: n }),
-    /* @__PURE__ */ c("div", { className: o["form-input__input-feedback-container"], children: [
+  }, 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(
         "input",
         {
           id: i,
-          type: e,
-          ...e === "number" && { onKeyDown: s },
+          type: p,
+          ...p === "number" && { onKeyDown: s },
           onChange: d,
           className: o["form-input__input"]
         }
       ) }),
-      p !== "" && /* @__PURE__ */ t(h, { level: "error", feedback: p })
+      e !== "" && /* @__PURE__ */ t(k, { level: "error", feedback: e })
     ] })
   ] });
-  return u ? a : /* @__PURE__ */ t("div", { className: g(o["form-input__container"], o[`form-input__container--label-${f}`]), children: a });
+  return u ? c : /* @__PURE__ */ t("div", { className: v(o["form-input__container"], o[`form-input__container--label-${f}`]), children: c });
 };
 export {
   U as FormInput

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

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { Icon as i } from "./Icon.js";
 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_lse0u_1", p = "_icon__item_lse0u_13", t = {
+import '../../assets/Icon.css';const s = "_icon__wrapper_106v1_1", p = "_icon__item_106v1_13", t = {
   icon__wrapper: s,
   icon__item: p
 }, a = "<Icon name={iconName} size={size} />", w = {
@@ -12,13 +12,13 @@ import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__i
     inspectComponent: i,
     codeString: a
   }
-}, m = (e) => /* @__PURE__ */ o(i, { ...e }), _ = m.bind({});
+}, m = (o) => /* @__PURE__ */ e(i, { ...o }), _ = m.bind({});
 _.args = {
   name: "ArrowDownOnSquare",
   size: 32,
   title: "Optional Icon title"
 };
-const x = () => /* @__PURE__ */ o(
+const x = () => /* @__PURE__ */ e(
   "div",
   {
     style: {
@@ -28,13 +28,13 @@ const x = () => /* @__PURE__ */ o(
       padding: "1rem",
       maxWidth: "1024px"
     },
-    children: Object.keys(r).map((e) => /* @__PURE__ */ n("div", { className: t.icon__wrapper, children: [
-      /* @__PURE__ */ o(i, { name: e, size: 48 }),
+    children: Object.keys(r).map((o) => /* @__PURE__ */ n("div", { className: t.icon__wrapper, children: [
+      /* @__PURE__ */ e(i, { name: o, size: 48 }),
       /* @__PURE__ */ n("div", { className: t.icon__item, children: [
-        /* @__PURE__ */ o("span", { children: e }),
-        /* @__PURE__ */ o(c, { text: `<Icon icon={${e}} />` })
+        /* @__PURE__ */ e("span", { children: o }),
+        /* @__PURE__ */ e(c, { text: `<Icon icon={${o}} />` })
       ] })
-    ] }, e))
+    ] }, o))
   }
 );
 export {

package/dist/components/IconButton/IconButton.js

@@ -2,19 +2,19 @@ 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_159x3_1",
-  "icon-button--destructive": "_icon-button--destructive_159x3_27",
-  "icon-button--no-border": "_icon-button--no-border_159x3_35",
-  "icon-button--wide": "_icon-button--wide_159x3_44"
-}, f = _(
-  ({ children: o, type: n = "button", variant: c, noBorder: i, wide: r, ...e }, u) => /* @__PURE__ */ b(
+  "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(
     "button",
     {
       ...e,
       className: s(t["icon-button"], {
-        [t["icon-button--destructive"]]: c === "destructive",
-        [t["icon-button--no-border"]]: i,
-        [t["icon-button--wide"]]: r
+        [t["icon-button--destructive"]]: r === "destructive",
+        [t["icon-button--no-border"]]: c,
+        [t["icon-button--wide"]]: i
       }),
       ref: u,
       type: n,
@@ -23,6 +23,6 @@ import '../../assets/IconButton.css';const t = {
   )
 );
 export {
-  f as IconButton
+  a as IconButton
 };
 //# sourceMappingURL=IconButton.js.map

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_1fqoy_1",
-  "info-message__container": "_info-message__container_1fqoy_6",
-  "info-message__icon": "_info-message__icon_1fqoy_11"
-}, r = ({ message: e, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
+  "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(
   "div",
   {
     className: a(s["info-message"], {
@@ -18,6 +18,6 @@ import '../../assets/InfoMessage.css';const s = {
   }
 );
 export {
-  r as InfoMessage
+  f as InfoMessage
 };
 //# sourceMappingURL=InfoMessage.js.map

package/dist/components/Input/Input.js

@@ -1,21 +1,21 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Input.css';const c = "_input_whbfw_1", t = {
-  input: c,
-  "input--numeric": "_input--numeric_whbfw_13",
-  "input--error": "_input--error_whbfw_18",
-  "input--full-with": "_input--full-with_whbfw_23"
-}, a = w(function({ id: r, appearance: n, type: i = "text", isNumeric: u, fullWidth: p, ...o }, e) {
-  return /* @__PURE__ */ f(
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Input.css';const f = "_input_1hohz_1", t = {
+  input: f,
+  "input--numeric": "_input--numeric_1hohz_13",
+  "input--error": "_input--error_1hohz_18",
+  "input--full-with": "_input--full-with_1hohz_23"
+}, w = h(function({ id: r, appearance: n, type: i = "text", isNumeric: u, fullWidth: o, ...p }, e) {
+  return /* @__PURE__ */ _(
     "input",
     {
-      ...o,
+      ...p,
       ref: e,
       id: r,
-      className: _(t.input, {
+      className: c(t.input, {
         [t["input--error"]]: n === "error",
-        [t["input--full-with"]]: p,
+        [t["input--full-with"]]: o,
         [t["input--numeric"]]: u
       }),
       type: i
@@ -23,6 +23,6 @@ import '../../assets/Input.css';const c = "_input_whbfw_1", t = {
   );
 });
 export {
-  a as Input
+  w as Input
 };
 //# sourceMappingURL=Input.js.map

package/dist/components/InputField/InputField.js

@@ -1,67 +1,67 @@
-import { jsxs as z, jsx as c } from "react/jsx-runtime";
-import { forwardRef as v, useState as b, useRef as g, useEffect as x } from "react";
-import { c as y } from "../../clsx-OuTLNxxd.js";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { forwardRef as g, useState as x, useRef as y, useEffect as B } from "react";
+import { c as C } from "../../clsx-OuTLNxxd.js";
 import '../../assets/InputField.css';const t = {
-  "input-field-wrapper": "_input-field-wrapper_z4v9l_1",
-  "input-field": "_input-field_z4v9l_1",
-  "input-field--large": "_input-field--large_z4v9l_22",
-  "input-field--small": "_input-field--small_z4v9l_26",
-  "input-field--compact": "_input-field--compact_z4v9l_30",
-  "input-field--white": "_input-field--white_z4v9l_34",
-  "input-field__clear-button": "_input-field__clear-button_z4v9l_42"
-}, W = v(
+  "input-field-wrapper": "_input-field-wrapper_ndcss_1",
+  "input-field": "_input-field_ndcss_1",
+  "input-field--large": "_input-field--large_ndcss_22",
+  "input-field--small": "_input-field--small_ndcss_26",
+  "input-field--compact": "_input-field--compact_ndcss_30",
+  "input-field--white": "_input-field--white_ndcss_34",
+  "input-field__clear-button": "_input-field__clear-button_ndcss_42"
+}, j = g(
   ({
-    autoComplete: s = "off",
-    id: u,
+    autoComplete: f = "off",
+    id: s,
     value: e,
-    variant: _,
-    width: p,
-    type: o = "text",
-    background: r,
-    clearTrigger: l,
-    onClear: f,
-    ...a
+    variant: d,
+    width: u,
+    type: _ = "text",
+    background: p,
+    clearTrigger: n,
+    onClear: c,
+    ...o
   }, i) => {
-    const [d, m] = b(0), n = g(null);
-    x(() => {
-      n.current && m(n.current.offsetWidth);
+    const [a, m] = x(0), l = y(null);
+    B(() => {
+      l.current && m(l.current.offsetWidth);
     }, [e]);
     const h = () => {
-      f && i && "current" in i && i.current && (f(), i.current.focus());
+      c && i && "current" in i && i.current && (c(), i.current.focus());
     };
-    return /* @__PURE__ */ z("div", { className: t["input-field-wrapper"], children: [
-      /* @__PURE__ */ c(
+    return /* @__PURE__ */ b("div", { className: t["input-field-wrapper"], children: [
+      /* @__PURE__ */ r(
         "input",
         {
-          ...a,
-          autoComplete: s,
+          ...o,
+          autoComplete: f,
           ref: i,
-          id: u,
-          className: y(t["input-field"], {
-            [t["input-field--large"]]: _ === "large",
-            [t[`input-field--${p}`]]: p,
-            [t[`input-field--${r}`]]: r
+          id: s,
+          className: C(t["input-field"], {
+            [t["input-field--large"]]: d === "large",
+            [t[`input-field--${u}`]]: u,
+            [t[`input-field--${p}`]]: p
           }),
-          type: o,
+          type: _,
           value: e,
-          style: { paddingRight: e && l ? d : void 0 }
+          style: { paddingRight: e && n ? a : void 0 }
         }
       ),
-      e && l && /* @__PURE__ */ c(
+      e && n && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: t["input-field__clear-button"],
           onClick: h,
-          ref: n,
-          "aria-label": `clear trigger for ${u}`,
-          children: l
+          ref: l,
+          "aria-label": `clear trigger for ${s}`,
+          children: n
         }
       )
     ] });
   }
 );
 export {
-  W as InputField
+  j as InputField
 };
 //# sourceMappingURL=InputField.js.map

package/dist/components/InputField/InputField.stories.js

@@ -16,7 +16,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-6tDdOCQy.js";
+import "../../TablePlugin-CE20cPhW.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/Label/Label.js

@@ -1,24 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Label.css';const n = "_label_16gis_1", l = {
-  label: n,
-  "label--required": "_label--required_16gis_6",
-  "label--unset-font-weight": "_label--unset-font-weight_16gis_14",
-  "label--align-right": "_label--align-right_16gis_18"
-}, c = ({ children: e, htmlFor: a, noFontWeight: t, required: i = !1, alignRight: s, ...b }) => /* @__PURE__ */ r(
+import { jsx as s } from "react/jsx-runtime";
+import { c as n } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Label.css';const _ = "_label_1elrd_1", l = {
+  label: _,
+  "label--required": "_label--required_1elrd_6",
+  "label--unset-font-weight": "_label--unset-font-weight_1elrd_14",
+  "label--align-right": "_label--align-right_1elrd_18"
+}, d = ({ children: e, htmlFor: a, noFontWeight: t, required: r = !1, alignRight: b, ...i }) => /* @__PURE__ */ s(
   "label",
   {
-    ...b,
+    ...i,
     htmlFor: a,
-    className: g(l.label, {
+    className: n(l.label, {
       [l["label--unset-font-weight"]]: t,
-      [l["label--required"]]: i,
-      [l["label--align-right"]]: s
+      [l["label--required"]]: r,
+      [l["label--align-right"]]: b
     }),
     children: e
   }
 );
 export {
-  c as Label
+  d as Label
 };
 //# sourceMappingURL=Label.js.map