@uva-glass/component-library 3.55.1 → 3.55.3

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

@@ -1,51 +1,48 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { Icon as n } 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_18r2r_1", p = "_icon__item_18r2r_13", i = {
-  icon__wrapper: s,
-  icon__item: p
-}, a = Object.keys(r), m = "<Icon name={iconName} size={size} />", x = {
-  title: "Atoms/Icon",
-  component: n,
-  argTypes: {
-    name: {
-      control: { type: "select" },
-      options: a
-    }
-  },
-  parameters: {
-    inspectComponent: n,
-    codeString: m
-  }
-}, _ = (e) => /* @__PURE__ */ o(n, { ...e }), l = _.bind({});
-l.args = {
-  name: "ArrowDownOnSquare",
-  size: 32,
-  title: "Optional Icon title"
+import { t as e } from "../../icons-TRhI-4V6.js";
+import { Icon as t } from "./Icon.js";
+import { t as n } from "../../ClipboardButton-geHjMl2J.js";
+import "../../storyComponents/ClipboardButton/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import '../../assets/Icon.css';var a = {
+	icon__wrapper: "_icon__wrapper_18r2r_1",
+	icon__item: "_icon__item_18r2r_13"
+}, o = {
+	title: "Atoms/Icon",
+	component: t,
+	argTypes: { name: {
+		control: { type: "select" },
+		options: Object.keys(e)
+	} },
+	parameters: {
+		inspectComponent: t,
+		codeString: "<Icon name={iconName} size={size} />"
+	}
+}, s = ((e) => /* @__PURE__ */ r(t, { ...e })).bind({});
+s.args = {
+	name: "ArrowDownOnSquare",
+	size: 32,
+	title: "Optional Icon title"
 };
-const y = () => /* @__PURE__ */ o(
-  "div",
-  {
-    style: {
-      display: "grid",
-      gridTemplateColumns: "repeat(4, 1fr)",
-      gridGap: "1rem",
-      padding: "1rem",
-      maxWidth: "1024px"
-    },
-    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(c, { text: `<Icon icon={${e}} />` })
-      ] })
-    ] }, e))
-  }
-);
-export {
-  l as IconExample,
-  y as IconOverview,
-  x as default
-};
-//# sourceMappingURL=Icon.stories.js.map
+var c = () => /* @__PURE__ */ r("div", {
+	style: {
+		display: "grid",
+		gridTemplateColumns: "repeat(4, 1fr)",
+		gridGap: "1rem",
+		padding: "1rem",
+		maxWidth: "1024px"
+	},
+	children: Object.keys(e).map((e) => /* @__PURE__ */ i("div", {
+		className: a.icon__wrapper,
+		children: [/* @__PURE__ */ r(t, {
+			name: e,
+			size: 48
+		}), /* @__PURE__ */ i("div", {
+			className: a.icon__item,
+			children: [/* @__PURE__ */ r("span", { children: e }), /* @__PURE__ */ r(n, { text: `<Icon icon={${e}} />` })]
+		})]
+	}, e))
+});
+//#endregion
+export { s as IconExample, c as IconOverview, o 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 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\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":["iconNames","Icons","codeString","Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GASMA,IAAY,OAAO,KAAKC,CAAK,GAE7BC,IAAa,wCAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,SAAA;AAAA,MACjB,SAASJ;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBI;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAM,GAAGE,GAAM,GAElDE,IAAcH,EAAS,KAAK,CAAA,CAAE;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,IAAA;AAAA,IAGX,UAAA,OAAO,KAAKN,CAAK,EAAE,IAAI,CAACS,MACvB,gBAAAC,EAAC,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAA,gBAAAL,EAACH,GAAA,EAAK,MAAAM,GAAkC,MAAM,GAAA,CAAI;AAAA,MAClD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAL,EAAC,UAAM,UAAAG,EAAA,CAAK;AAAA,QACZ,gBAAAH,EAACM,GAAA,EAAgB,MAAM,eAAeH,CAAI,OAAA,CAAQ;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Icon.stories.js","names":[],"sources":["../../../src/components/Icon/story.module.css","../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":[".icon__wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-200);\n  border-radius: 0.5rem;\n  color: var(--color-grey-500);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1rem;\n}\n\n.icon__item {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n  width: 100%;\n}\n\n.icon__item p {\n  color: black;\n  font-size: 13px;\n  margin-left: 15px;\n}\n","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 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\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"],"mappings":";;;;;;;;GCcA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,MAAM;EACJ,SAAS,EAAE,MAAM,UAAU;EAC3B,SAXY,OAAO,KAAK,EAAM;EAY/B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAdG;EAehB;CACF,EAIY,MAFyB,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE7B,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,IAAa,UAET,kBAAC,OAAD;CACE,OAAO;EACL,SAAS;EACT,qBAAqB;EACrB,SAAS;EACT,SAAS;EACT,UAAU;EACX;WAEA,OAAO,KAAK,EAAM,CAAC,KAAK,MACvB,kBAAC,OAAD;EAAgB,WAAW,EAAO;YAAlC,CACE,kBAAC,GAAD;GAAY;GAA4B,MAAM;GAAM,CAAA,EACpD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,QAAD,EAAA,UAAO,GAAY,CAAA,EACnB,kBAAC,GAAD,EAAiB,MAAM,eAAe,EAAK,OAAS,CAAA,CAChD;KACF;IANI,EAMJ,CACN;CACE,CAAA"}