@uva-glass/component-library 1.65.0 → 2.0.1

package/dist/index.js

@@ -31,7 +31,7 @@ import { Label as mo } from "./components/Label/Label.js";
 import { MenuLink as io } from "./components/MenuLink/MenuLink.js";
 import { MetaDataList as no } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as co } from "./components/ModalDialog/ModalDialog.js";
-import { M as so } from "./TablePlugin-BbiBRjod.js";
+import { M as so } from "./TablePlugin-DDlrU-7e.js";
 import { OverlayCloseButton as So } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { PageOverlay as ko } from "./components/PageOverlay/PageOverlay.js";
 import { Periods as Fo } from "./components/Periods/Periods.js";

package/dist/react-18-BIqxBxbW.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-18-BIqxBxbW.js","sources":["../node_modules/react-dom/client.js","../node_modules/@storybook/react-dom-shim/dist/react-18.mjs"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom/client';\n\nvar nodes=new Map;function getIsReactActEnvironment(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var WithCallback=({callback,children})=>{let once=React.useRef();return React.useLayoutEffect(()=>{once.current!==callback&&(once.current=callback,callback());},[callback]),children};typeof Promise.withResolvers>\"u\"&&(Promise.withResolvers=()=>{let resolve=null,reject=null;return {promise:new Promise((res,rej)=>{resolve=res,reject=rej;}),resolve,reject}});var renderElement=async(node,el,rootOptions)=>{let root=await getReactRoot(el,rootOptions);if(getIsReactActEnvironment()){root.render(node);return}let{promise,resolve}=Promise.withResolvers();return root.render(React.createElement(WithCallback,{callback:resolve},node)),promise},unmountElement=(el,shouldUseNewRootApi)=>{let root=nodes.get(el);root&&(root.unmount(),nodes.delete(el));},getReactRoot=async(el,rootOptions)=>{let root=nodes.get(el);return root||(root=ReactDOM.createRoot(el,rootOptions),nodes.set(el,root)),root};\n\nexport { renderElement, unmountElement };\n"],"names":["m","require$$0","client","i","c","h","o","nodes","getIsReactActEnvironment","WithCallback","callback","children","once","React","resolve","reject","res","rej","renderElement","node","el","rootOptions","root","getReactRoot","promise","unmountElement","shouldUseNewRootApi","ReactDOM.createRoot"],"mappings":";;;;;;AAEA,MAAIA,IAAIC;AACR,MAAI,QAAQ,IAAI,aAAa;AAC3B,IAAAC,EAAkB,aAAGF,EAAE,YACvBE,EAAmB,cAAGF,EAAE;AAAA,OACnB;AACL,QAAIG,IAAIH,EAAE;AACV,IAAAE,eAAqB,SAASE,GAAG,GAAG;AAClC,MAAAD,EAAE,wBAAwB;AAC1B,UAAI;AACF,eAAOH,EAAE,WAAWI,GAAG,CAAC;AAAA,MAC9B,UAAc;AACR,QAAAD,EAAE,wBAAwB;AAAA,MAChC;AAAA,OAEED,EAAA,cAAsB,SAASE,GAAGC,GAAGC,GAAG;AACtC,MAAAH,EAAE,wBAAwB;AAC1B,UAAI;AACF,eAAOH,EAAE,YAAYI,GAAGC,GAAGC,CAAC;AAAA,MAClC,UAAc;AACR,QAAAH,EAAE,wBAAwB;AAAA,MAChC;AAAA;EAEA;;;aCrBII,IAAM,oBAAI;AAAI,SAASC,IAA0B;AAAC,SAAO,WAAW;AAAwB;AAAC,IAAIC,IAAa,CAAC,EAAC,UAAAC,GAAS,UAAAC,EAAQ,MAAI;AAAC,MAAIC,IAAKC,EAAM,OAAQ;AAAC,SAAOA,EAAM,gBAAgB,MAAI;AAAC,IAAAD,EAAK,YAAUF,MAAWE,EAAK,UAAQF,GAASA,EAAQ;AAAA,EAAI,GAAE,CAACA,CAAQ,CAAC,GAAEC;AAAQ;AAAE,OAAO,QAAQ,gBAAc,QAAM,QAAQ,gBAAc,MAAI;AAAC,MAAIG,IAAQ,MAAKC,IAAO;AAAK,SAAO,EAAC,SAAQ,IAAI,QAAQ,CAACC,GAAIC,MAAM;AAAC,IAAAH,IAAQE,GAAID,IAAOE;AAAA,EAAI,CAAC,GAAE,SAAAH,GAAQ,QAAAC,EAAM;AAAC;AAAM,IAACG,IAAc,OAAMC,GAAKC,GAAGC,MAAc;AAAC,MAAIC,IAAK,MAAMC,EAAaH,GAAGC,CAAW;AAAE,MAAGb,EAA0B,GAAC;AAAC,IAAAc,EAAK,OAAOH,CAAI;AAAE;AAAA,EAAM;AAAC,MAAG,EAAC,SAAAK,GAAQ,SAAAV,EAAO,IAAE,QAAQ,cAAa;AAAG,SAAOQ,EAAK,OAAOT,EAAM,cAAcJ,GAAa,EAAC,UAASK,EAAO,GAAEK,CAAI,CAAC,GAAEK;AAAO,GAAEC,IAAe,CAACL,GAAGM,MAAsB;AAAC,MAAIJ,IAAKf,EAAM,IAAIa,CAAE;AAAE,EAAAE,MAAOA,EAAK,WAAUf,EAAM,OAAOa,CAAE;AAAG,GAAEG,IAAa,OAAMH,GAAGC,MAAc;AAAC,MAAIC,IAAKf,EAAM,IAAIa,CAAE;AAAE,SAAOE,MAAOA,IAAKK,EAAmB,WAACP,GAAGC,CAAW,GAAEd,EAAM,IAAIa,GAAGE,CAAI,IAAGA;AAAI;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"react-18-BIqxBxbW.js","sources":["../node_modules/react-dom/client.js","../node_modules/@storybook/react-dom-shim/dist/react-18.mjs"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom/client';\n\nvar nodes=new Map;function getIsReactActEnvironment(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var WithCallback=({callback,children})=>{let once=React.useRef();return React.useLayoutEffect(()=>{once.current!==callback&&(once.current=callback,callback());},[callback]),children};typeof Promise.withResolvers>\"u\"&&(Promise.withResolvers=()=>{let resolve=null,reject=null;return {promise:new Promise((res,rej)=>{resolve=res,reject=rej;}),resolve,reject}});var renderElement=async(node,el,rootOptions)=>{let root=await getReactRoot(el,rootOptions);if(getIsReactActEnvironment()){root.render(node);return}let{promise,resolve}=Promise.withResolvers();return root.render(React.createElement(WithCallback,{callback:resolve},node)),promise},unmountElement=(el,shouldUseNewRootApi)=>{let root=nodes.get(el);root&&(root.unmount(),nodes.delete(el));},getReactRoot=async(el,rootOptions)=>{let root=nodes.get(el);return root||(root=ReactDOM.createRoot(el,rootOptions),nodes.set(el,root)),root};\n\nexport { renderElement, unmountElement };\n"],"names":["m","require$$0","client","i","c","h","o","nodes","getIsReactActEnvironment","WithCallback","callback","children","once","React","resolve","reject","res","rej","renderElement","node","el","rootOptions","root","getReactRoot","promise","unmountElement","shouldUseNewRootApi","ReactDOM.createRoot"],"mappings":";;;;;;AAEA,MAAIA,IAAIC,EAAoB;AAC5B,MAAI,QAAQ,IAAI,aAAa;AAC3B,IAAAC,EAAkB,aAAGF,EAAE,YACvBE,EAAmB,cAAGF,EAAE;AAAA,OACnB;AACL,QAAIG,IAAIH,EAAE;AACV,IAAAE,eAAqB,SAASE,GAAG,GAAG;AAClC,MAAAD,EAAE,wBAAwB;AAC1B,UAAI;AACF,eAAOH,EAAE,WAAWI,GAAG,CAAC;AAAA,MAC9B,UAAc;AACR,QAAAD,EAAE,wBAAwB;AAAA,MAChC;AAAA,IACG,GACDD,EAAA,cAAsB,SAASE,GAAGC,GAAGC,GAAG;AACtC,MAAAH,EAAE,wBAAwB;AAC1B,UAAI;AACF,eAAOH,EAAE,YAAYI,GAAGC,GAAGC,CAAC;AAAA,MAClC,UAAc;AACR,QAAAH,EAAE,wBAAwB;AAAA,MAChC;AAAA,IACG;AAAA,EACH;;;aCrBII,IAAM,oBAAI;AAAI,SAASC,IAA0B;AAAC,SAAO,WAAW;AAAwB;AAAC,IAAIC,IAAa,CAAC,EAAC,UAAAC,GAAS,UAAAC,EAAQ,MAAI;AAAC,MAAIC,IAAKC,EAAM,OAAQ;AAAC,SAAOA,EAAM,gBAAgB,MAAI;AAAC,IAAAD,EAAK,YAAUF,MAAWE,EAAK,UAAQF,GAASA,EAAQ;AAAA,EAAI,GAAE,CAACA,CAAQ,CAAC,GAAEC;AAAQ;AAAE,OAAO,QAAQ,gBAAc,QAAM,QAAQ,gBAAc,MAAI;AAAC,MAAIG,IAAQ,MAAKC,IAAO;AAAK,SAAO,EAAC,SAAQ,IAAI,QAAQ,CAACC,GAAIC,MAAM;AAAC,IAAAH,IAAQE,GAAID,IAAOE;AAAA,EAAI,CAAC,GAAE,SAAAH,GAAQ,QAAAC,EAAM;AAAC;AAAM,IAACG,IAAc,OAAMC,GAAKC,GAAGC,MAAc;AAAC,MAAIC,IAAK,MAAMC,EAAaH,GAAGC,CAAW;AAAE,MAAGb,EAA0B,GAAC;AAAC,IAAAc,EAAK,OAAOH,CAAI;AAAE;AAAA,EAAM;AAAC,MAAG,EAAC,SAAAK,GAAQ,SAAAV,EAAO,IAAE,QAAQ,cAAa;AAAG,SAAOQ,EAAK,OAAOT,EAAM,cAAcJ,GAAa,EAAC,UAASK,EAAO,GAAEK,CAAI,CAAC,GAAEK;AAAO,GAAEC,IAAe,CAACL,GAAGM,MAAsB;AAAC,MAAIJ,IAAKf,EAAM,IAAIa,CAAE;AAAE,EAAAE,MAAOA,EAAK,WAAUf,EAAM,OAAOa,CAAE;AAAG,GAAEG,IAAa,OAAMH,GAAGC,MAAc;AAAC,MAAIC,IAAKf,EAAM,IAAIa,CAAE;AAAE,SAAOE,MAAOA,IAAKK,EAAmB,WAACP,GAAGC,CAAW,GAAEd,EAAM,IAAIa,GAAGE,CAAI,IAAGA;AAAI;","x_google_ignoreList":[0,1]}

package/dist/storyComponents/ClipboardButton/ClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardButton.js","sources":["../../../src/storyComponents/ClipboardButton/ClipboardButton.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport styles from './ClipboardButton.module.css';\n\ninterface ClipboardButtonProps {\n  text: string;\n}\n\nconst DELAY = 2000;\n\nexport const ClipboardButton = ({ text }: ClipboardButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopyClick = () => {\n    if (!isCopied) {\n      void navigator.clipboard.writeText(text).then(() => {\n        setIsCopied(true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, DELAY);\n      });\n    }\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <button onClick={handleCopyClick} className={styles['clipboard-button']} aria-label={`Copy ${text}`}>\n        <svg\n          width=\"15\"\n          height=\"15\"\n          viewBox=\"0 0 15 15\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"h-3 w-3\"\n        >\n          {isCopied ? (\n            <path\n              d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          ) : (\n            <path\n              d=\"M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          )}\n        </svg>\n      </button>\n    </div>\n  );\n};\n"],"names":["DELAY","ClipboardButton","text","isCopied","setIsCopied","useState","jsx","styles"],"mappings":";;;;GAQMA,IAAQ,KAEDC,IAAkB,CAAC,EAAE,MAAAC,QAAiC;AACjE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAa9C,2BACG,OAAI,EAAA,OAAO,EAAE,UAAU,cACtB,UAAC,gBAAAC,EAAA,UAAA,EAAO,SAbY,MAAM;AAC5B,IAAKH,KACE,UAAU,UAAU,UAAUD,CAAI,EAAE,KAAK,MAAM;AAClD,MAAAE,EAAY,EAAI,GAChB,WAAW,MAAM;AACf,QAAAA,EAAY,EAAK;AAAA,SAChBJ,CAAK;AAAA,IAAA,CACT;AAAA,EACH,GAKoC,WAAWO,EAAO,kBAAkB,GAAG,cAAY,QAAQL,CAAI,IAC/F,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAU;AAAA,MAET,UACCH,IAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MAAA,IAGX,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,EAGN,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"ClipboardButton.js","sources":["../../../src/storyComponents/ClipboardButton/ClipboardButton.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport styles from './ClipboardButton.module.css';\n\ninterface ClipboardButtonProps {\n  text: string;\n}\n\nconst DELAY = 2000;\n\nexport const ClipboardButton = ({ text }: ClipboardButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopyClick = () => {\n    if (!isCopied) {\n      void navigator.clipboard.writeText(text).then(() => {\n        setIsCopied(true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, DELAY);\n      });\n    }\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <button onClick={handleCopyClick} className={styles['clipboard-button']} aria-label={`Copy ${text}`}>\n        <svg\n          width=\"15\"\n          height=\"15\"\n          viewBox=\"0 0 15 15\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"h-3 w-3\"\n        >\n          {isCopied ? (\n            <path\n              d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          ) : (\n            <path\n              d=\"M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          )}\n        </svg>\n      </button>\n    </div>\n  );\n};\n"],"names":["DELAY","ClipboardButton","text","isCopied","setIsCopied","useState","jsx","styles"],"mappings":";;;;GAQMA,IAAQ,KAEDC,IAAkB,CAAC,EAAE,MAAAC,QAAiC;AACjE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAa9C,2BACG,OAAI,EAAA,OAAO,EAAE,UAAU,cACtB,UAAC,gBAAAC,EAAA,UAAA,EAAO,SAbY,MAAM;AAC5B,IAAKH,KACE,UAAU,UAAU,UAAUD,CAAI,EAAE,KAAK,MAAM;AAClD,MAAAE,EAAY,EAAI,GAChB,WAAW,MAAM;AACf,QAAAA,EAAY,EAAK;AAAA,SAChBJ,CAAK;AAAA,IAAA,CACT;AAAA,EAEL,GAIsC,WAAWO,EAAO,kBAAkB,GAAG,cAAY,QAAQL,CAAI,IAC/F,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAU;AAAA,MAET,UACCH,IAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MAAA,IAGX,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,KAGN,EACF,CAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../src/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' | 'large-full-height';\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--large-full-height']]: size === 'large-full-height',\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,8BAA8B,CAAC,GAAGR,MAAS;AAAA,QACnD,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;"}
+{"version":3,"file":"Container.js","sources":["../../../src/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' | 'large-full-height';\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--large-full-height']]: size === 'large-full-height',\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,8BAA8B,CAAC,GAAGR,MAAS;AAAA,QACnD,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,EAAA;AACH,GACF;"}