@uva-glass/component-library 3.55.1 → 3.55.3

package/dist/components/GridRow/GridRow.stories.js

@@ -1,96 +1,199 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { GridRow as e } from "./GridRow.js";
-import '../../assets/GridRow.css';const n = {
-  0: { "--grid-gap": "0.25rem" },
-  "025": { "--grid-gap": "0.25rem" },
-  "050": { "--grid-gap": "0.5rem" },
-  "075": { "--grid-gap": "0.75rem" },
-  100: { "--grid-gap": "1rem" },
-  125: { "--grid-gap": "1.25rem" },
-  150: { "--grid-gap": "1.5rem" },
-  175: { "--grid-gap": "1.75rem" },
-  200: { "--grid-gap": "2rem" },
-  250: { "--grid-gap": "2.5rem" },
-  300: { "--grid-gap": "3rem" },
-  350: { "--grid-gap": "3.5rem" }
-}, m = `
-  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>
-    // Up to 12 GridRow.Column's can be added as needed.
-    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}
-      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>
-`, p = {
-  title: "Organisms/GridRow",
-  component: e,
-  argTypes: {
-    gutter: {
-      options: ["0", "025", "050", "075", "100", "125", "150", "175", "200", "250", "300", "350"],
-      control: { type: "select" }
-    },
-    marginBottom: {
-      options: ["0", "025", "050", "075", "100", "125", "150", "175", "200", "250", "300", "350"],
-      control: { type: "select" }
-    },
-    marginTop: {
-      options: ["0", "025", "050", "075", "100", "125", "150", "175", "200", "250", "300", "350"],
-      control: { type: "select" }
-    }
-  },
-  parameters: {
-    inspectComponent: e,
-    codeString: m
-  }
-}, t = (o) => /* @__PURE__ */ r("div", { className: "page-wrapper", style: o.gutter && n[o.gutter], children: [
-  /* @__PURE__ */ i(e, { ...o, children: /* @__PURE__ */ i(e.Column, { children: "Col-12" }) }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "1", children: "Col-1" }),
-    /* @__PURE__ */ i(e.Column, { size: "11", children: "Col-11" })
-  ] }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "2", children: "Col-2" }),
-    /* @__PURE__ */ i(e.Column, { size: "10", children: "Col-10" })
-  ] }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "3", children: "Col-3" }),
-    /* @__PURE__ */ i(e.Column, { size: "9", children: "Col-9" })
-  ] }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "4", children: "Col-4" }),
-    /* @__PURE__ */ i(e.Column, { size: "8", children: "Col-8" })
-  ] }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "5", children: "Col-5" }),
-    /* @__PURE__ */ i(e.Column, { size: "7", children: "Col-7" })
-  ] }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "6", children: "Col-6" }),
-    /* @__PURE__ */ i(e.Column, { size: "6", children: "Col-6" })
-  ] })
-] }), l = {
-  gutter: "200",
-  marginBottom: "050",
-  marginTop: "0"
-}, d = t.bind({});
-d.args = {
-  ...l
-};
-const s = (o) => /* @__PURE__ */ r("div", { className: "page-wrapper", style: o.gutter && n[o.gutter], children: [
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "4", mediumSize: "6", children: "L: 4, Md: 6, S: 12" }),
-    /* @__PURE__ */ i(e.Column, { size: "4", mediumSize: "6", children: "L: 4, Md: 6, S: 12" }),
-    /* @__PURE__ */ i(e.Column, { size: "4", mediumSize: "12", children: "L: 4, Md: 12" })
-  ] }),
-  /* @__PURE__ */ r(e, { ...o, children: [
-    /* @__PURE__ */ i(e.Column, { size: "3", mediumSize: "6", children: "L: 3, Md: 6, S: 12" }),
-    /* @__PURE__ */ i(e.Column, { size: "3", mediumSize: "6", children: "L: 3, Md: 12" }),
-    /* @__PURE__ */ i(e.Column, { size: "6", mediumSize: "12", children: "L: 6, Md: 12, S: 12" })
-  ] })
-] }), a = s.bind({});
-d.args = {
-  ...l
-};
-export {
-  d as GridRowExample,
-  a as WithMediumBreakpoint,
-  p as default
-};
-//# sourceMappingURL=GridRow.stories.js.map
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import '../../assets/GridRow.css';//#region src/components/GridRow/GridRow.stories.tsx
+var r = {
+	0: { "--grid-gap": "0.25rem" },
+	"025": { "--grid-gap": "0.25rem" },
+	"050": { "--grid-gap": "0.5rem" },
+	"075": { "--grid-gap": "0.75rem" },
+	100: { "--grid-gap": "1rem" },
+	125: { "--grid-gap": "1.25rem" },
+	150: { "--grid-gap": "1.5rem" },
+	175: { "--grid-gap": "1.75rem" },
+	200: { "--grid-gap": "2rem" },
+	250: { "--grid-gap": "2.5rem" },
+	300: { "--grid-gap": "3rem" },
+	350: { "--grid-gap": "3.5rem" }
+}, i = {
+	title: "Organisms/GridRow",
+	component: e,
+	argTypes: {
+		gutter: {
+			options: [
+				"0",
+				"025",
+				"050",
+				"075",
+				"100",
+				"125",
+				"150",
+				"175",
+				"200",
+				"250",
+				"300",
+				"350"
+			],
+			control: { type: "select" }
+		},
+		marginBottom: {
+			options: [
+				"0",
+				"025",
+				"050",
+				"075",
+				"100",
+				"125",
+				"150",
+				"175",
+				"200",
+				"250",
+				"300",
+				"350"
+			],
+			control: { type: "select" }
+		},
+		marginTop: {
+			options: [
+				"0",
+				"025",
+				"050",
+				"075",
+				"100",
+				"125",
+				"150",
+				"175",
+				"200",
+				"250",
+				"300",
+				"350"
+			],
+			control: { type: "select" }
+		}
+	},
+	parameters: {
+		inspectComponent: e,
+		codeString: "\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n"
+	}
+}, a = (i) => /* @__PURE__ */ n("div", {
+	className: "page-wrapper",
+	style: i.gutter && r[i.gutter],
+	children: [
+		/* @__PURE__ */ t(e, {
+			...i,
+			children: /* @__PURE__ */ t(e.Column, { children: "Col-12" })
+		}),
+		/* @__PURE__ */ n(e, {
+			...i,
+			children: [/* @__PURE__ */ t(e.Column, {
+				size: "1",
+				children: "Col-1"
+			}), /* @__PURE__ */ t(e.Column, {
+				size: "11",
+				children: "Col-11"
+			})]
+		}),
+		/* @__PURE__ */ n(e, {
+			...i,
+			children: [/* @__PURE__ */ t(e.Column, {
+				size: "2",
+				children: "Col-2"
+			}), /* @__PURE__ */ t(e.Column, {
+				size: "10",
+				children: "Col-10"
+			})]
+		}),
+		/* @__PURE__ */ n(e, {
+			...i,
+			children: [/* @__PURE__ */ t(e.Column, {
+				size: "3",
+				children: "Col-3"
+			}), /* @__PURE__ */ t(e.Column, {
+				size: "9",
+				children: "Col-9"
+			})]
+		}),
+		/* @__PURE__ */ n(e, {
+			...i,
+			children: [/* @__PURE__ */ t(e.Column, {
+				size: "4",
+				children: "Col-4"
+			}), /* @__PURE__ */ t(e.Column, {
+				size: "8",
+				children: "Col-8"
+			})]
+		}),
+		/* @__PURE__ */ n(e, {
+			...i,
+			children: [/* @__PURE__ */ t(e.Column, {
+				size: "5",
+				children: "Col-5"
+			}), /* @__PURE__ */ t(e.Column, {
+				size: "7",
+				children: "Col-7"
+			})]
+		}),
+		/* @__PURE__ */ n(e, {
+			...i,
+			children: [/* @__PURE__ */ t(e.Column, {
+				size: "6",
+				children: "Col-6"
+			}), /* @__PURE__ */ t(e.Column, {
+				size: "6",
+				children: "Col-6"
+			})]
+		})
+	]
+}), o = {
+	gutter: "200",
+	marginBottom: "050",
+	marginTop: "0"
+}, s = a.bind({});
+s.args = { ...o };
+var c = ((i) => /* @__PURE__ */ n("div", {
+	className: "page-wrapper",
+	style: i.gutter && r[i.gutter],
+	children: [/* @__PURE__ */ n(e, {
+		...i,
+		children: [
+			/* @__PURE__ */ t(e.Column, {
+				size: "4",
+				mediumSize: "6",
+				children: "L: 4, Md: 6, S: 12"
+			}),
+			/* @__PURE__ */ t(e.Column, {
+				size: "4",
+				mediumSize: "6",
+				children: "L: 4, Md: 6, S: 12"
+			}),
+			/* @__PURE__ */ t(e.Column, {
+				size: "4",
+				mediumSize: "12",
+				children: "L: 4, Md: 12"
+			})
+		]
+	}), /* @__PURE__ */ n(e, {
+		...i,
+		children: [
+			/* @__PURE__ */ t(e.Column, {
+				size: "3",
+				mediumSize: "6",
+				children: "L: 3, Md: 6, S: 12"
+			}),
+			/* @__PURE__ */ t(e.Column, {
+				size: "3",
+				mediumSize: "6",
+				children: "L: 3, Md: 12"
+			}),
+			/* @__PURE__ */ t(e.Column, {
+				size: "6",
+				mediumSize: "12",
+				children: "L: 6, Md: 12, S: 12"
+			})
+		]
+	})]
+})).bind({});
+s.args = { ...o };
+//#endregion
+export { s as GridRowExample, c as WithMediumBreakpoint, i as default };
+
+//# sourceMappingURL=GridRow.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridRow.stories.js","sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\nconst codeString = `\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/GridRow',\n  component: GridRow,\n  argTypes: {\n    gutter: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginBottom: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginTop: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n  },\n  parameters: {\n    inspectComponent: GridRow,\n    codeString: codeString,\n  },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column>Col-12</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n      <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n      <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n      <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n      <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n      <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n  gutter: '200',\n  marginBottom: '050',\n  marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"12\">\n        L: 4, Md: 12\n      </GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"6\" mediumSize=\"12\">\n        L: 6, Md: 12, S: 12\n      </GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n"],"names":["gapStyles","codeString","GridRow_stories","GridRow","Template","args","jsxs","jsx","defaultArgs","GridRowExample","TemplateMedium","WithMediumBreakpoint"],"mappings":";;AAQA,MAAMA,IAAY;AAAA,EAChB,GAAK,EAAE,cAAc,UAAA;AAAA,EACrB,OAAO,EAAE,cAAc,UAAA;AAAA,EACvB,OAAO,EAAE,cAAc,SAAA;AAAA,EACvB,OAAO,EAAE,cAAc,UAAA;AAAA,EACvB,KAAO,EAAE,cAAc,OAAA;AAAA,EACvB,KAAO,EAAE,cAAc,UAAA;AAAA,EACvB,KAAO,EAAE,cAAc,SAAA;AAAA,EACvB,KAAO,EAAE,cAAc,UAAA;AAAA,EACvB,KAAO,EAAE,cAAc,OAAA;AAAA,EACvB,KAAO,EAAE,cAAc,SAAA;AAAA,EACvB,KAAO,EAAE,cAAc,OAAA;AAAA,EACvB,KAAO,EAAE,cAAc,SAAA;AACzB,GAEMC,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1F,SAAS,EAAE,MAAM,SAAA;AAAA,IAAS;AAAA,IAE5B,cAAc;AAAA,MACZ,SAAS,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1F,SAAS,EAAE,MAAM,SAAA;AAAA,IAAS;AAAA,IAE5B,WAAW;AAAA,MACT,SAAS,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1F,SAAS,EAAE,MAAM,SAAA;AAAA,IAAS;AAAA,EAC5B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAkC,CAACC,MACvC,gBAAAC,EAAC,OAAA,EAAI,WAAU,gBAAe,OAAOD,EAAK,UAAWL,EAAUK,EAAK,MAAM,GACxE,UAAA;AAAA,EAAA,gBAAAE,EAACJ,GAAA,EAAS,GAAGE,GACX,UAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,oBAAM,EAAA,CACxB;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,SAAK;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,MAAK,UAAA,SAAA,CAAM;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,SAAK;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,MAAK,UAAA,SAAA,CAAM;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,SAAK;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,QAAA,CAAK;AAAA,EAAA,GAChC;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,SAAK;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,QAAA,CAAK;AAAA,EAAA,GAChC;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,SAAK;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,QAAA,CAAK;AAAA,EAAA,GAChC;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,SAAK;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAA,QAAA,CAAK;AAAA,EAAA,EAAA,CAChC;AAAA,GACF,GAGIK,IAAqC;AAAA,EACzC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AACb,GAEaC,IAAiBL,EAAS,KAAK,CAAA,CAAE;AAC9CK,EAAe,OAAO;AAAA,EACpB,GAAGD;AACL;AAEA,MAAME,IAAwC,CAACL,MAC7C,gBAAAC,EAAC,OAAA,EAAI,WAAU,gBAAe,OAAOD,EAAK,UAAWL,EAAUK,EAAK,MAAM,GACxE,UAAA;AAAA,EAAA,gBAAAC,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAAA,sBAExC;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAAA,sBAExC;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,MAAK,UAAA,eAAA,CAEzC;AAAA,EAAA,GACF;AAAA,EACA,gBAAAG,EAACH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAAA,sBAExC;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAAA,gBAExC;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,MAAK,UAAA,sBAAA,CAEzC;AAAA,EAAA,EAAA,CACF;AAAA,GACF,GAGWQ,IAAuBD,EAAe,KAAK,CAAA,CAAE;AAC1DD,EAAe,OAAO;AAAA,EACpB,GAAGD;AACL;"}
+{"version":3,"file":"GridRow.stories.js","names":[],"sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\nconst codeString = `\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/GridRow',\n  component: GridRow,\n  argTypes: {\n    gutter: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginBottom: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginTop: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n  },\n  parameters: {\n    inspectComponent: GridRow,\n    codeString: codeString,\n  },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column>Col-12</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n      <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n      <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n      <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n      <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n      <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n  gutter: '200',\n  marginBottom: '050',\n  marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"12\">\n        L: 4, Md: 12\n      </GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"6\" mediumSize=\"12\">\n        L: 6, Md: 12, S: 12\n      </GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;AAQA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,WAAW;CAChC,OAAO,EAAE,cAAc,WAAW;CAClC,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CAClC,EAUD,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ;GACN,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,cAAc;GACZ,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,WAAW;GACT,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA3BG;EA4BhB;CACF,EAEK,KAAmC,MACvC,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE;EACE,kBAAC,GAAD;GAAS,GAAI;aACX,kBAAC,EAAQ,QAAT,EAAA,UAAgB,UAAuB,CAAA;GAC/B,CAAA;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;IAAuB,CAAA,CACzC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;IAAuB,CAAA,CACzC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACN;IAGF,IAAqC;CACzC,QAAQ;CACR,cAAc;CACd,WAAW;CACZ,EAEY,IAAiB,EAAS,KAAK,EAAE,CAAC;AAC/C,EAAe,OAAO,EACpB,GAAG,GACJ;AA6BD,IAAa,MA3BkC,MAC7C,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE,CACE,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;IAExB,CAAA;GACT;KACV,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;IAExB,CAAA;GACT;IACN;IAG2C,KAAK,EAAE,CAAC;AAC3D,EAAe,OAAO,EACpB,GAAG,GACJ"}

package/dist/components/GridRow/index.js

@@ -1,5 +1,2 @@
-import { GridRow as d } from "./GridRow.js";
-export {
-  d as GridRow
-};
-//# sourceMappingURL=index.js.map
+import { GridRow as e } from "./GridRow.js";
+export { e as GridRow };

package/dist/components/HorizontalList/HorizontalList.js

@@ -1,13 +1,2 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import '../../assets/HorizontalList.css';const o = {
-  "horizontal-list-wrapper": "_horizontal-list-wrapper_oivby_1",
-  "horizontal-list-value": "_horizontal-list-value_oivby_6",
-  "horizontal-list-separator": "_horizontal-list-separator_oivby_11"
-}, e = ({ values: t, separator: l = "•" }) => /* @__PURE__ */ i("div", { className: o["horizontal-list-wrapper"], children: t.map((r, a) => /* @__PURE__ */ s("span", { className: o["horizontal-list-value"], children: [
-  r,
-  a < t.length - 1 && /* @__PURE__ */ i("span", { className: o["horizontal-list-separator"], children: l })
-] }, `${r?.toString()}-${a}`)) });
-export {
-  e as HorizontalList
-};
-//# sourceMappingURL=HorizontalList.js.map
+import { t as e } from "../../HorizontalList-C22DaDz-.js";
+export { e as HorizontalList };

package/dist/components/HorizontalList/HorizontalList.stories.js

@@ -1,47 +1,45 @@
-import { jsx as t } from "react/jsx-runtime";
-import { HorizontalList as o } from "./HorizontalList.js";
-import { Button as i } from "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import "@react-aria/button";
-import { Icon as r } from "../Icon/Icon.js";
-const n = '<HorizontalList values={values} separator="•" />', g = {
-  title: "Atoms/HorizontalList",
-  component: o,
-  argTypes: {
-    separator: {
-      control: "text"
-    }
-  },
-  parameters: {
-    inspectComponent: o,
-    codeString: n
-  }
-}, s = (a) => /* @__PURE__ */ t(o, { ...a }), l = s.bind({});
-l.args = {
-  values: ["Curabitur consequat", "Lectus sit amet luctus vulputate", "Nisi semi mattis"]
+import { Icon as e } from "../Icon/Icon.js";
+import { Button as t } from "../Buttons/Button.js";
+import { t as n } from "../../HorizontalList-C22DaDz-.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = {
+	title: "Atoms/HorizontalList",
+	component: n,
+	argTypes: { separator: { control: "text" } },
+	parameters: {
+		inspectComponent: n,
+		codeString: "<HorizontalList values={values} separator=\"•\" />"
+	}
+}, a = (e) => /* @__PURE__ */ r(n, { ...e }), o = a.bind({});
+o.args = { values: [
+	"Curabitur consequat",
+	"Lectus sit amet luctus vulputate",
+	"Nisi semi mattis"
+] };
+var s = a.bind({});
+s.args = {
+	values: [
+		/* @__PURE__ */ r("a", {
+			href: "/?path=/story/atoms-horizontallist--with-complex-content",
+			children: "Curabitur consequat"
+		}, "1"),
+		/* @__PURE__ */ r(t, {
+			type: "button",
+			variant: "primary",
+			children: "Lectus sit amet luctus vulputate"
+		}, "2"),
+		/* @__PURE__ */ r(e, { name: "Sparkles" }, "3"),
+		/* @__PURE__ */ r("strong", { children: "Nisi semi mattis" }, "4")
+	],
+	separator: /* @__PURE__ */ r(e, {
+		name: "CheveronRight",
+		size: 16
+	})
+}, s.argTypes = {
+	...s.argTypes,
+	separator: { table: { disable: !0 } }
 };
-const e = s.bind({});
-e.args = {
-  values: [
-    /* @__PURE__ */ t("a", { href: "/?path=/story/atoms-horizontallist--with-complex-content", children: "Curabitur consequat" }, "1"),
-    /* @__PURE__ */ t(i, { type: "button", variant: "primary", children: "Lectus sit amet luctus vulputate" }, "2"),
-    /* @__PURE__ */ t(r, { name: "Sparkles" }, "3"),
-    /* @__PURE__ */ t("strong", { children: "Nisi semi mattis" }, "4")
-  ],
-  separator: /* @__PURE__ */ t(r, { name: "CheveronRight", size: 16 })
-};
-e.argTypes = {
-  ...e.argTypes,
-  separator: {
-    table: {
-      disable: !0
-      // Disable separator controls for this specific story
-    }
-  }
-};
-export {
-  l as HorizontalListExample,
-  e as WithComplexContent,
-  g as default
-};
-//# sourceMappingURL=HorizontalList.stories.js.map
+//#endregion
+export { o as HorizontalListExample, s as WithComplexContent, i as default };
+
+//# sourceMappingURL=HorizontalList.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalList.stories.js","sources":["../../../src/components/HorizontalList/HorizontalList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { HorizontalListProps } from './HorizontalList';\n\nimport { HorizontalList } from './HorizontalList';\n\nimport { Button } from 'components/Buttons';\nimport { Icon } from 'components/Icon';\n\nconst codeString = '<HorizontalList values={values} separator=\"•\" />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/HorizontalList',\n  component: HorizontalList,\n  argTypes: {\n    separator: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: HorizontalList,\n    codeString: codeString,\n  },\n} as Meta<HorizontalListProps>;\n\nconst Template: StoryFn<HorizontalListProps> = (args) => <HorizontalList {...args} />;\n\nexport const HorizontalListExample = Template.bind({});\nHorizontalListExample.args = {\n  values: ['Curabitur consequat', 'Lectus sit amet luctus vulputate', 'Nisi semi mattis'],\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  values: [\n    <a href=\"/?path=/story/atoms-horizontallist--with-complex-content\" key=\"1\">\n      Curabitur consequat\n    </a>,\n    <Button type=\"button\" variant=\"primary\" key=\"2\">\n      Lectus sit amet luctus vulputate\n    </Button>,\n    <Icon name=\"Sparkles\" key=\"3\" />,\n    <strong key=\"4\">Nisi semi mattis</strong>,\n  ],\n  separator: <Icon name=\"CheveronRight\" size={16} />,\n};\n\nWithComplexContent.argTypes = {\n  ...WithComplexContent.argTypes,\n  separator: {\n    table: {\n      disable: true, // Disable separator controls for this specific story\n    },\n  },\n};\n"],"names":["codeString","HorizontalList_stories","HorizontalList","Template","args","jsx","HorizontalListExample","WithComplexContent","Button","Icon"],"mappings":";;;;;;AAQA,MAAMA,IAAa,oDAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAgB,GAAGE,GAAM,GAEtEE,IAAwBH,EAAS,KAAK,CAAA,CAAE;AACrDG,EAAsB,OAAO;AAAA,EAC3B,QAAQ,CAAC,uBAAuB,oCAAoC,kBAAkB;AACxF;AAEO,MAAMC,IAAqBJ,EAAS,KAAK,CAAA,CAAE;AAClDI,EAAmB,OAAO;AAAA,EACxB,QAAQ;AAAA,IACN,gBAAAF,EAAC,KAAA,EAAE,MAAK,4DAAmE,mCAAJ,GAEvE;AAAA,sBACCG,GAAA,EAAO,MAAK,UAAS,SAAQ,WAAkB,gDAAJ,GAE5C;AAAA,IACA,gBAAAH,EAACI,GAAA,EAAK,MAAK,WAAA,GAAe,GAAI;AAAA,IAC9B,gBAAAJ,EAAC,UAAA,EAAe,UAAA,mBAAA,GAAJ,GAAoB;AAAA,EAAA;AAAA,EAElC,WAAW,gBAAAA,EAACI,GAAA,EAAK,MAAK,iBAAgB,MAAM,GAAA,CAAI;AAClD;AAEAF,EAAmB,WAAW;AAAA,EAC5B,GAAGA,EAAmB;AAAA,EACtB,WAAW;AAAA,IACT,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"HorizontalList.stories.js","names":[],"sources":["../../../src/components/HorizontalList/HorizontalList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { HorizontalListProps } from './HorizontalList';\n\nimport { HorizontalList } from './HorizontalList';\n\nimport { Button } from 'components/Buttons';\nimport { Icon } from 'components/Icon';\n\nconst codeString = '<HorizontalList values={values} separator=\"•\" />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/HorizontalList',\n  component: HorizontalList,\n  argTypes: {\n    separator: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: HorizontalList,\n    codeString: codeString,\n  },\n} as Meta<HorizontalListProps>;\n\nconst Template: StoryFn<HorizontalListProps> = (args) => <HorizontalList {...args} />;\n\nexport const HorizontalListExample = Template.bind({});\nHorizontalListExample.args = {\n  values: ['Curabitur consequat', 'Lectus sit amet luctus vulputate', 'Nisi semi mattis'],\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  values: [\n    <a href=\"/?path=/story/atoms-horizontallist--with-complex-content\" key=\"1\">\n      Curabitur consequat\n    </a>,\n    <Button type=\"button\" variant=\"primary\" key=\"2\">\n      Lectus sit amet luctus vulputate\n    </Button>,\n    <Icon name=\"Sparkles\" key=\"3\" />,\n    <strong key=\"4\">Nisi semi mattis</strong>,\n  ],\n  separator: <Icon name=\"CheveronRight\" size={16} />,\n};\n\nWithComplexContent.argTypes = {\n  ...WithComplexContent.argTypes,\n  separator: {\n    table: {\n      disable: true, // Disable separator controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW,EACT,SAAS,QACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAbG;EAchB;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO,EAC3B,QAAQ;CAAC;CAAuB;CAAoC;CAAmB,EACxF;AAED,IAAa,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,QAAQ;EACN,kBAAC,KAAD;GAAG,MAAK;aAAmE;GAEvE,EAFmE,IAEnE;EACJ,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;aAAkB;GAEvC,EAFmC,IAEnC;EACT,kBAAC,GAAD,EAAM,MAAK,YAAqB,EAAN,IAAM;EAChC,kBAAC,UAAD,EAAA,UAAgB,oBAAyB,EAA7B,IAA6B;EAC1C;CACD,WAAW,kBAAC,GAAD;EAAM,MAAK;EAAgB,MAAM;EAAM,CAAA;CACnD,EAED,EAAmB,WAAW;CAC5B,GAAG,EAAmB;CACtB,WAAW,EACT,OAAO,EACL,SAAS,IACV,EACF;CACF"}

package/dist/components/HorizontalList/index.js

@@ -1,5 +1,2 @@
-import { HorizontalList as t } from "./HorizontalList.js";
-export {
-  t as HorizontalList
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../HorizontalList-C22DaDz-.js";
+export { e as HorizontalList };

package/dist/components/Icon/Icon.js

@@ -1,10 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Icons as i } from "./icons/index.js";
-const d = 24, s = ({ name: t, size: o = d, title: r, ...n }) => {
-  const c = i[t];
-  return /* @__PURE__ */ e(c, { "aria-hidden": !0, height: o, width: o, title: r, ...n });
+import { t as e } from "../../icons-TRhI-4V6.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Icon/Icon.tsx
+var n = 24, r = ({ name: r, size: i = n, title: a, ...o }) => {
+	let s = e[r];
+	return /* @__PURE__ */ t(s, {
+		"aria-hidden": !0,
+		height: i,
+		width: i,
+		title: a,
+		...o
+	});
 };
-export {
-  s as Icon
-};
-//# sourceMappingURL=Icon.js.map
+//#endregion
+export { r as Icon };
+
+//# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { ReactNode, SVGAttributes } from 'react';\n\nimport { Icons } from './icons';\n\ntype IconName = keyof typeof Icons;\n\nexport interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {\n  /** The name of the icon to render. */\n  name: IconName;\n  /** The size (in pixels) of the icon to render. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  size?: 16 | 20 | 24 | 32 | 48 | 64 | 96 | 128;\n  /** The title used for a tooltip. */\n  title?: string;\n}\n\nconst defaultSize = 24;\n\n/** Represents a component to render an icon. */\nexport const Icon = ({ name, size = defaultSize, title, ...restProps }: IconProps): ReactNode => {\n  const Icon = Icons[name];\n\n  return <Icon aria-hidden={true} height={size} width={size} title={title} {...restProps} />;\n};\n"],"names":["defaultSize","Icon","name","size","title","restProps","Icons","jsx"],"mappings":";;AAgBA,MAAMA,IAAc,IAGPC,IAAO,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAOH,GAAa,OAAAI,GAAO,GAAGC,QAAsC;AAC/F,QAAMJ,IAAOK,EAAMJ,CAAI;AAEvB,SAAO,gBAAAK,EAACN,GAAA,EAAK,eAAa,IAAM,QAAQE,GAAM,OAAOA,GAAM,OAAAC,GAAe,GAAGC,EAAA,CAAW;AAC1F;"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { ReactNode, SVGAttributes } from 'react';\n\nimport { Icons } from './icons';\n\ntype IconName = keyof typeof Icons;\n\nexport interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {\n  /** The name of the icon to render. */\n  name: IconName;\n  /** The size (in pixels) of the icon to render. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  size?: 16 | 20 | 24 | 32 | 48 | 64 | 96 | 128;\n  /** The title used for a tooltip. */\n  title?: string;\n}\n\nconst defaultSize = 24;\n\n/** Represents a component to render an icon. */\nexport const Icon = ({ name, size = defaultSize, title, ...restProps }: IconProps): ReactNode => {\n  const Icon = Icons[name];\n\n  return <Icon aria-hidden={true} height={size} width={size} title={title} {...restProps} />;\n};\n"],"mappings":";;;AAgBA,IAAM,IAAc,IAGP,KAAQ,EAAE,SAAM,UAAO,GAAa,UAAO,GAAG,QAAsC;CAC/F,IAAM,IAAO,EAAM;AAEnB,QAAO,kBAAC,GAAD;EAAM,eAAa;EAAM,QAAQ;EAAM,OAAO;EAAa;EAAO,GAAI;EAAa,CAAA"}