@uva-glass/component-library 1.19.0 → 1.20.0

package/dist/components/index.js

@@ -1,44 +1,46 @@
 import { AppStatusBar as t } from "./AppStatusBar/AppStatusBar.js";
 import { Backdrop as p } from "./Backdrop/Backdrop.js";
 import { Button as x } from "./Button/Button.js";
-import { Card as n } from "./Card/Card.js";
-import { FieldHint as a } from "./FieldHint/FieldHint.js";
-import { Icon as u } from "./Icon/Icon.js";
-import { IconButton as s } from "./IconButton/IconButton.js";
+import { Card as a } from "./Card/Card.js";
+import { FieldHint as i } from "./FieldHint/FieldHint.js";
+import { Icon as s } from "./Icon/Icon.js";
+import { IconButton as c } from "./IconButton/IconButton.js";
 import { InfoMessage as B } from "./InfoMessage/InfoMessage.js";
-import { Input as I } from "./Input/Input.js";
-import { InputField as M } from "./InputField/InputField.js";
-import { Label as k } from "./Label/Label.js";
-import { M as C } from "../MenuLink-DDAin3rf.js";
-import { MetaDataList as g } from "./MetaDataList/MetaDataList.js";
-import { OverlayCloseButton as A } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as H } from "./RadioButton/RadioButton.js";
-import { SectionNotification as O } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as R } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as h, useSelect as j } from "./SelectListbox/SelectProvider.js";
-import { Spinner as w } from "./Spinner/Spinner.js";
-import { Tooltip as E } from "./Tooltip/Tooltip.js";
+import { Input as S } from "./Input/Input.js";
+import { InputField as L } from "./InputField/InputField.js";
+import { Label as g } from "./Label/Label.js";
+import { M as v } from "../MenuLink-CLEqkVVh.js";
+import { MetaDataList as D } from "./MetaDataList/MetaDataList.js";
+import { M as y } from "../ModalDialog-yEr_JLht.js";
+import { OverlayCloseButton as H } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as O } from "./RadioButton/RadioButton.js";
+import { SectionNotification as R } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as h } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as q, useSelect as w } from "./SelectListbox/SelectProvider.js";
+import { Spinner as E } from "./Spinner/Spinner.js";
+import { Tooltip as J } from "./Tooltip/Tooltip.js";
 export {
   t as AppStatusBar,
   p as Backdrop,
   x as Button,
-  n as Card,
-  a as FieldHint,
-  u as Icon,
-  s as IconButton,
+  a as Card,
+  i as FieldHint,
+  s as Icon,
+  c as IconButton,
   B as InfoMessage,
-  I as Input,
-  M as InputField,
-  k as Label,
-  C as MenuLink,
-  g as MetaDataList,
-  A as OverlayCloseButton,
-  H as RadioButton,
-  O as SectionNotification,
-  R as SelectListbox,
-  h as SelectProvider,
-  w as Spinner,
-  E as Tooltip,
-  j as useSelect
+  S as Input,
+  L as InputField,
+  g as Label,
+  v as MenuLink,
+  D as MetaDataList,
+  y as ModalDialog,
+  H as OverlayCloseButton,
+  O as RadioButton,
+  R as SectionNotification,
+  h as SelectListbox,
+  q as SelectProvider,
+  E as Spinner,
+  J as Tooltip,
+  w as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/storyComponents/Container/Container.d.ts

@@ -4,6 +4,7 @@ interface ContainerProps {
     size?: 'small' | 'medium' | 'large';
     visible?: boolean;
     centerContent?: boolean;
+    padded?: boolean;
 }
-export declare const Container: ({ children, size, centerContent, visible, }: PropsWithChildren<ContainerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Container: ({ children, size, centerContent, visible, padded, }: PropsWithChildren<ContainerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/storyComponents/Container/Container.js

@@ -1,20 +1,22 @@
-import { jsxs as i, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, Fragment as m, jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../../clsx-DB4S2d7J.js";
-import '../../../assets/Container.css';const m = "_container_dkfb2_1", n = {
-  container: m,
-  "container--small": "_container--small_dkfb2_8",
-  "container--medium": "_container--medium_dkfb2_13",
-  "container--large": "_container--large_dkfb2_18",
-  "container--hidden": "_container--hidden_dkfb2_23",
-  "container--centered-content": "_container--centered-content_dkfb2_27"
-}, s = ({
-  children: r,
+import '../../../assets/Container.css';const l = "_container_11my7_1", n = {
+  container: l,
+  "container--padded": "_container--padded_11my7_7",
+  "container--small": "_container--small_11my7_11",
+  "container--medium": "_container--medium_11my7_16",
+  "container--large": "_container--large_11my7_21",
+  "container--hidden": "_container--hidden_11my7_26",
+  "container--centered-content": "_container--centered-content_11my7_30"
+}, u = ({
+  children: a,
   size: e = "medium",
-  centerContent: a = !1,
-  visible: o = !0
-}) => /* @__PURE__ */ i(c, { children: [
-  /* @__PURE__ */ t("label", { htmlFor: "container", children: "Storybook container with 1rem padding" }),
-  /* @__PURE__ */ t(
+  centerContent: o = !1,
+  visible: c = !0,
+  padded: t = !0
+}) => /* @__PURE__ */ i(m, { children: [
+  /* @__PURE__ */ r("label", { htmlFor: "container", children: t ? "Storybook container with 1rem padding" : "Storybook container" }),
+  /* @__PURE__ */ r(
     "div",
     {
       id: "container",
@@ -22,14 +24,15 @@ import '../../../assets/Container.css';const m = "_container_dkfb2_1", n = {
         [n["container--small"]]: e === "small",
         [n["container--medium"]]: e === "medium",
         [n["container--large"]]: e === "large",
-        [n["container--centered-content"]]: a,
-        [n["container--hidden"]]: !o
+        [n["container--padded"]]: t,
+        [n["container--centered-content"]]: o,
+        [n["container--hidden"]]: !c
       }),
-      children: r
+      children: a
     }
   )
 ] });
 export {
-  s as Container
+  u as Container
 };
 //# sourceMappingURL=Container.js.map

package/dist/components/storyComponents/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../src/components/storyComponents/Container/Container.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Container.module.css';\n\ninterface ContainerProps {\n  size?: 'small' | 'medium' | 'large';\n  visible?: boolean;\n  centerContent?: boolean;\n}\n\nexport const Container = ({\n  children,\n  size = 'medium',\n  centerContent = false,\n  visible = true,\n}: PropsWithChildren<ContainerProps>) => {\n  return (\n    <>\n      <label htmlFor=\"container\">Storybook container with 1rem padding</label>\n      <div\n        id=\"container\"\n        className={clsx(styles['container'], {\n          [styles['container--small']]: size === 'small',\n          [styles['container--medium']]: size === 'medium',\n          [styles['container--large']]: size === 'large',\n          [styles['container--centered-content']]: centerContent,\n          [styles['container--hidden']]: !visible,\n        })}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["Container","children","size","centerContent","visible","jsxs","Fragment","jsx","clsx","styles"],"mappings":";;;;;;;;;GAYaA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,eAAAC,IAAgB;AAAA,EAChB,SAAAC,IAAU;AACZ,MAGM,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,SAAA,EAAM,SAAQ,aAAY,UAAqC,yCAAA;AAAA,EAChE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC,EAAKC,EAAO,WAAc;AAAA,QACnC,CAACA,EAAO,kBAAkB,CAAC,GAAGP,MAAS;AAAA,QACvC,CAACO,EAAO,mBAAmB,CAAC,GAAGP,MAAS;AAAA,QACxC,CAACO,EAAO,kBAAkB,CAAC,GAAGP,MAAS;AAAA,QACvC,CAACO,EAAO,6BAA6B,CAAC,GAAGN;AAAA,QACzC,CAACM,EAAO,mBAAmB,CAAC,GAAG,CAACL;AAAA,MAAA,CACjC;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EACH;AACF,EAAA,CAAA;"}
+{"version":3,"file":"Container.js","sources":["../../../../src/components/storyComponents/Container/Container.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Container.module.css';\n\ninterface ContainerProps {\n  size?: 'small' | 'medium' | 'large';\n  visible?: boolean;\n  centerContent?: boolean;\n  padded?: boolean;\n}\n\nexport const Container = ({\n  children,\n  size = 'medium',\n  centerContent = false,\n  visible = true,\n  padded = true,\n}: PropsWithChildren<ContainerProps>) => {\n  const label = padded ? 'Storybook container with 1rem padding' : 'Storybook container';\n\n  return (\n    <>\n      <label htmlFor=\"container\">{label}</label>\n      <div\n        id=\"container\"\n        className={clsx(styles['container'], {\n          [styles['container--small']]: size === 'small',\n          [styles['container--medium']]: size === 'medium',\n          [styles['container--large']]: size === 'large',\n          [styles['container--padded']]: padded,\n          [styles['container--centered-content']]: centerContent,\n          [styles['container--hidden']]: !visible,\n        })}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["Container","children","size","centerContent","visible","padded","jsxs","Fragment","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAaaA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,eAAAC,IAAgB;AAAA,EAChB,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AACX,MAKM,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,SAAA,EAAM,SAAQ,aAAa,UAJlBH,IAAS,0CAA0C,uBAI3B;AAAA,EAClC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC,EAAKC,EAAO,WAAc;AAAA,QACnC,CAACA,EAAO,kBAAkB,CAAC,GAAGR,MAAS;AAAA,QACvC,CAACQ,EAAO,mBAAmB,CAAC,GAAGR,MAAS;AAAA,QACxC,CAACQ,EAAO,kBAAkB,CAAC,GAAGR,MAAS;AAAA,QACvC,CAACQ,EAAO,mBAAmB,CAAC,GAAGL;AAAA,QAC/B,CAACK,EAAO,6BAA6B,CAAC,GAAGP;AAAA,QACzC,CAACO,EAAO,mBAAmB,CAAC,GAAG,CAACN;AAAA,MAAA,CACjC;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EACH;AACF,EAAA,CAAA;"}