@uva-glass/component-library 1.42.0 → 1.42.2

package/dist/assets/EmptyStateDataDisplay.css

@@ -1 +1 @@
-._empty-state-data-display_wrapper_1ggme_1{align-items:center;background-color:var(--color-white);display:flex;gap:1.5rem;margin:1.5rem 0;padding:1.5rem}._empty-state-data-display_icon-frame_1ggme_10{align-items:center;background-color:var(--color-grey-50);border-radius:50%;display:flex;justify-content:center;min-height:4rem;min-width:4rem}._empty-state-data-display_text-content_1ggme_20{display:flex;flex-direction:column;gap:.5rem}._empty-state-data-display_label_1ggme_26{font-weight:var(--semibold)}._empty-state-data-display_paragraph_1ggme_30{color:var(--color-grey-500);margin:0}
+._empty-state-data-display_wrapper_cgg0q_1{align-items:center;background-color:var(--color-white);display:flex;gap:1.5rem;padding:1.5rem}._empty-state-data-display_icon-frame_cgg0q_9{align-items:center;background-color:var(--color-grey-50);border-radius:50%;display:flex;justify-content:center;min-height:4rem;min-width:4rem}._empty-state-data-display_text-content_cgg0q_19{display:flex;flex-direction:column;gap:.5rem}._empty-state-data-display_label_cgg0q_25{font-weight:var(--semibold)}._empty-state-data-display_paragraph_cgg0q_29{color:var(--color-grey-500);margin:0}

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js

@@ -1,13 +1,13 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { Icon as d } from "../Icon/Icon.js";
 import '../../assets/EmptyStateDataDisplay.css';const a = {
-  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1ggme_1",
-  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1ggme_10",
-  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1ggme_20",
-  "empty-state-data-display_label": "_empty-state-data-display_label_1ggme_26",
-  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1ggme_30"
+  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_cgg0q_1",
+  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_cgg0q_9",
+  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_cgg0q_19",
+  "empty-state-data-display_label": "_empty-state-data-display_label_cgg0q_25",
+  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_cgg0q_29"
 };
-function y({ label: p, paragraph: s }) {
+function i({ label: p, paragraph: s }) {
   return /* @__PURE__ */ e("div", { className: a["empty-state-data-display_wrapper"], children: [
     /* @__PURE__ */ t("div", { className: a["empty-state-data-display_icon-frame"], children: /* @__PURE__ */ t(d, { name: "CubeTransparent" }) }),
     /* @__PURE__ */ e("div", { className: a["empty-state-data-display_text-content"], children: [
@@ -17,6 +17,6 @@ function y({ label: p, paragraph: s }) {
   ] });
 }
 export {
-  y as EmptyStateDataDisplay
+  i as EmptyStateDataDisplay
 };
 //# sourceMappingURL=EmptyStateDataDisplay.js.map

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

@@ -1,19 +1,20 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Icon as i } from "./Icon.js";
-import { Icons as t } from "./icons/index.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", n = {
   icon__wrapper: s,
   icon__item: p
-}, w = {
+}, u = {
   title: "Atoms/Icon",
   component: i
-}, _ = (o) => /* @__PURE__ */ e(i, { ...o }), m = _.bind({});
-m.args = {
+}, _ = (o) => /* @__PURE__ */ e(i, { ...o }), a = _.bind({});
+a.args = {
   name: "ArrowDownOnSquare",
-  size: 32
+  size: 32,
+  title: "Optional Icon title"
 };
-const x = () => /* @__PURE__ */ e(
+const w = () => /* @__PURE__ */ e(
   "div",
   {
     style: {
@@ -23,9 +24,9 @@ const x = () => /* @__PURE__ */ e(
       padding: "1rem",
       maxWidth: "1024px"
     },
-    children: Object.keys(t).map((o) => /* @__PURE__ */ r("div", { className: n.icon__wrapper, children: [
+    children: Object.keys(r).map((o) => /* @__PURE__ */ t("div", { className: n.icon__wrapper, children: [
       /* @__PURE__ */ e(i, { name: o, size: 48 }),
-      /* @__PURE__ */ r("div", { className: n.icon__item, children: [
+      /* @__PURE__ */ t("div", { className: n.icon__item, children: [
         /* @__PURE__ */ e("span", { children: o }),
         /* @__PURE__ */ e(c, { text: `<Icon icon={${o}} />` })
       ] })
@@ -33,8 +34,8 @@ const x = () => /* @__PURE__ */ e(
   }
 );
 export {
-  m as IconExample,
-  x as IconOverview,
-  w as default
+  a as IconExample,
+  w as IconOverview,
+  u as default
 };
 //# sourceMappingURL=Icon.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'components/storyComponents/ClipboardButton/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","Icons","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GAUeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,EAAM,CAAA,GAElDE,IAAcH,EAAS,KAAK,EAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IAEC,UAAA,OAAO,KAAKG,CAAK,EAAE,IAAI,CAACC,MACtB,gBAAAC,EAAA,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAC,gBAAAN,EAAAH,GAAA,EAAK,MAAAO,GAAkC,MAAM,GAAI,CAAA;AAAA,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAM,UAAKI,EAAA,CAAA;AAAA,QACX,gBAAAJ,EAAAO,GAAA,EAAgB,MAAM,eAAeH,CAAI,QAAQ;AAAA,MAAA,GACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'components/storyComponents/ClipboardButton/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","Icons","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GAUeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,EAAM,CAAA,GAElDE,IAAcH,EAAS,KAAK,EAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IAEC,UAAA,OAAO,KAAKG,CAAK,EAAE,IAAI,CAACC,MACtB,gBAAAC,EAAA,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAC,gBAAAN,EAAAH,GAAA,EAAK,MAAAO,GAAkC,MAAM,GAAI,CAAA;AAAA,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAM,UAAKI,EAAA,CAAA;AAAA,QACX,gBAAAJ,EAAAO,GAAA,EAAgB,MAAM,eAAeH,CAAI,QAAQ;AAAA,MAAA,GACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}