@onewelcome/react-lib-components 9.8.0 → 10.0.0

package/README.md

@@ -25,10 +25,10 @@ When you are developing for the component library, you're going to want to run t
 Run the Typescript compiler:
 
 ```bash
-npm start
+npm build
 ```
 
-This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.
+This builds to `/dist`.
 
 To run tests, use `npm test`
 
@@ -47,16 +47,10 @@ npm test -- --watch
 Run Storybook locally:
 
 ```bash
-npm run storybook
+npm start
 ```
 
-### All at once
-
-When developing stories, components and tests at the same time, it may be easier to run the command `npm run dev`. This will run the commands `start`, `test:watch` and `storybook` in parallel.
-
-```bash
-npm run dev
-```
+This will run storybook on default port 6006 with hot-reloading feature activated for both, your component's code and stories and docs code.
 
 ## Development
 

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Icon/Icon.cjs.js"),a=require("../Typography/Typography.cjs.js"),c=require("./Breadcrumbs.module.scss.cjs.js"),t=e.forwardRef((({children:t,ariaLabel:s,className:n="",...l},o)=>{const i=e.Children.map(t,((s,n)=>{const l=!Array.isArray(t)||n===t.length-1,o=Array.isArray(t)&&0===n,i=e.cloneElement(s,{className:c.default["breadcrumb-link"],...o?{prefixIcon:e.createElement(r.Icon,{icon:r.Icons.HomeFilled,style:{marginRight:"0.35rem"}})}:{}});return l?e.createElement(a.Typography,{key:s.key,variant:"body",tag:"span",className:c.default.last,"aria-current":"page"},s.props.children):e.createElement(e.Fragment,{key:s.key},i,e.createElement(r.Icon,{icon:r.Icons.ChevronRight,className:c.default.icon}))}));return e.createElement("nav",{...l,ref:o,"aria-label":s,className:`${c.default.breadcrumbs} ${n}`},i)}));exports.Breadcrumbs=t;
+//# sourceMappingURL=Breadcrumbs.cjs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    const item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":["Breadcrumbs","React","forwardRef","children","ariaLabel","className","rest","ref","items","Children","map","child","index","isLastElement","Array","isArray","length","isFirstElement","item","cloneElement","classes","prefixIcon","createElement","Icon","icon","Icons","HomeFilled","style","marginRight","Typography","key","variant","tag","props","Fragment","ChevronRight","default"],"mappings":"qOAmFaA,EAAcC,EAAMC,YAjD6C,EAC1EC,WAAUC,YAAWC,YAAY,MAAOC,GAC1CC,KAEA,MAAMC,EAAQP,EAAMQ,SAASC,IAAIP,GAAU,CAACQ,EAAOC,KAC3C,MAAAC,GAAgBC,MAAMC,QAAQZ,IAAYS,IAAUT,EAASa,OAAS,EACtEC,EAAiBH,MAAMC,QAAQZ,IAAuB,IAAVS,EAC5CM,EAAOjB,EAAMkB,aAAaR,EAAO,CACrCN,UAAWe,UAAQ,sBACfH,EACA,CACEI,WAAapB,EAAAqB,cAAAC,EAAAA,KAAA,CAAKC,KAAMC,QAAMC,WAAYC,MAAO,CAAEC,YAAa,cAElE,CAAA,IAGN,OAAIf,EAEAZ,EAAAqB,cAACO,EAAAA,WAAA,CACCC,IAAKnB,EAAMmB,IACXC,QAAQ,OACRC,IAAI,OACJ3B,UAAWe,UAAc,KACzB,eAAa,QAEZT,EAAMsB,MAAM9B,UAKdF,EAAAqB,cAAAY,WAAA,CAASJ,IAAKnB,EAAMmB,KAClBZ,EACDjB,EAAAqB,cAACC,OAAK,CAAAC,KAAMC,QAAMU,aAAc9B,UAAWe,EAAQgB,QAAM,OAC3D,IAKJ,OAAAnC,EAAAqB,cAAC,MAAA,IACKhB,EACJC,MACA,aAAYH,EACZC,UAAW,GAAGe,EAAAgB,QAAqB,eAAK/B,KAEvCG,EACH"}

package/dist/components/Breadcrumbs/Breadcrumbs.es.js

@@ -0,0 +1,46 @@
+import React, { Fragment } from "react";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import { Typography } from "../Typography/Typography.es.js";
+import classes from "./Breadcrumbs.module.scss.es.js";
+const BreadcrumbsComponent = ({ children, ariaLabel, className = "", ...rest }, ref) => {
+  const items = React.Children.map(children, (child, index) => {
+    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;
+    const isFirstElement = Array.isArray(children) && index === 0;
+    const item = React.cloneElement(child, {
+      className: classes["breadcrumb-link"],
+      ...isFirstElement ? {
+        prefixIcon: /* @__PURE__ */ React.createElement(Icon, { icon: Icons.HomeFilled, style: { marginRight: "0.35rem" } })
+      } : {}
+    });
+    if (isLastElement) {
+      return /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          key: child.key,
+          variant: "body",
+          tag: "span",
+          className: classes["last"],
+          "aria-current": "page"
+        },
+        child.props.children
+      );
+    } else {
+      return /* @__PURE__ */ React.createElement(Fragment, { key: child.key }, item, /* @__PURE__ */ React.createElement(Icon, { icon: Icons.ChevronRight, className: classes["icon"] }));
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    "nav",
+    {
+      ...rest,
+      ref,
+      "aria-label": ariaLabel,
+      className: `${classes["breadcrumbs"]} ${className}`
+    },
+    items
+  );
+};
+const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);
+export {
+  Breadcrumbs
+};
+//# sourceMappingURL=Breadcrumbs.es.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.es.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    const item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":[],"mappings":";;;;AAkCA,MAAM,uBAAwE,CAC5E,EAAE,UAAU,WAAW,YAAY,IAAI,GAAG,KAAK,GAC/C,QACG;AACH,QAAM,QAAQ,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACrD,UAAA,gBAAgB,MAAM,QAAQ,QAAQ,IAAI,UAAU,SAAS,SAAS,IAAI;AAChF,UAAM,iBAAiB,MAAM,QAAQ,QAAQ,KAAK,UAAU;AACtD,UAAA,OAAO,MAAM,aAAa,OAAO;AAAA,MACrC,WAAW,QAAQ,iBAAiB;AAAA,MACpC,GAAI,iBACA;AAAA,QACE,YAAa,sBAAA,cAAA,MAAA,EAAK,MAAM,MAAM,YAAY,OAAO,EAAE,aAAa,UAAA,EAAa,CAAA;AAAA,MAAA,IAE/E,CAAA;AAAA,IAAC,CACO;AAEd,QAAI,eAAe;AAEf,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,MAAM;AAAA,UACX,SAAQ;AAAA,UACR,KAAI;AAAA,UACJ,WAAW,QAAQ,MAAM;AAAA,UACzB,gBAAa;AAAA,QAAA;AAAA,QAEZ,MAAM,MAAM;AAAA,MACf;AAAA,IAAA,OAEG;AACL,aACG,sBAAA,cAAA,UAAA,EAAS,KAAK,MAAM,OAClB,MACD,sBAAA,cAAC,MAAK,EAAA,MAAM,MAAM,cAAc,WAAW,QAAQ,MAAM,GAAG,CAC9D;AAAA,IAAA;AAAA,EAEJ,CACD;AAEC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,GAAG,QAAQ,aAAa,CAAC,IAAI,SAAS;AAAA,IAAA;AAAA,IAEhD;AAAA,EACH;AAEJ;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_last_E7GBT{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_icon_E7GBT{color:var(--color-primary);font-size:var(--font-size-small);line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT{text-decoration:none}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:hover [data-underline],.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT.Breadcrumbs_visited_E7GBT [data-underline]{text-decoration:underline}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:focus,.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:visited{color:var(--color-primary700)}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:active{color:var(--color-primary900);font-weight:700}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="Breadcrumbs_breadcrumbs_E7GBT",e="Breadcrumbs_last_E7GBT",s="Breadcrumbs_icon_E7GBT",a={breadcrumbs:r,last:e,icon:s,"breadcrumb-link":"Breadcrumbs_breadcrumb-link_E7GBT"};exports.breadcrumbs=r,exports.default=a,exports.icon=s,exports.last=e;
+//# sourceMappingURL=Breadcrumbs.module.scss.cjs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.es.js

@@ -0,0 +1,17 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_last_E7GBT{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_icon_E7GBT{color:var(--color-primary);font-size:var(--font-size-small);line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT{text-decoration:none}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:hover [data-underline],.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT.Breadcrumbs_visited_E7GBT [data-underline]{text-decoration:underline}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:focus,.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:visited{color:var(--color-primary700)}.Breadcrumbs_breadcrumbs_E7GBT .Breadcrumbs_breadcrumb-link_E7GBT:active{color:var(--color-primary900);font-weight:700}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const breadcrumbs = "Breadcrumbs_breadcrumbs_E7GBT";
+const last = "Breadcrumbs_last_E7GBT";
+const icon = "Breadcrumbs_icon_E7GBT";
+const classes = {
+  breadcrumbs,
+  last,
+  icon,
+  "breadcrumb-link": "Breadcrumbs_breadcrumb-link_E7GBT"
+};
+export {
+  breadcrumbs,
+  classes as default,
+  icon,
+  last
+};
+//# sourceMappingURL=Breadcrumbs.module.scss.es.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Button/BaseButton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./BaseButton.module.scss.cjs.js"),n=require("./Spinner.cjs.js"),r=e.forwardRef((({children:r,type:s="button",className:a,loading:o,disabled:u,hidden:d,...i},l)=>{const c=u??o;if(!["submit","button","reset"].includes(s))throw new Error(`You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${s}`);const m=[t.default.button];return o&&m.push(t.default.loading),a&&m.push(a),e.createElement("button",{...i,disabled:c,ref:l,type:s,hidden:d,className:d?"":m.join(" ")},o?e.createElement(e.Fragment,null,e.createElement("div",{className:t.default["content-hidden"]},r),e.createElement(n.ButtonSpinner,{className:t.default.spinner})):r)}));exports.BaseButton=r;
+//# sourceMappingURL=BaseButton.cjs.js.map

package/dist/components/Button/BaseButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.cjs.js","sources":["../../../src/components/Button/BaseButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, hidden, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type)) {\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n  }\n\n  const buttonClasses = [classes.button];\n  loading && buttonClasses.push(classes.loading);\n  className && buttonClasses.push(className);\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      hidden={hidden}\n      className={hidden ? \"\" : buttonClasses.join(\" \")}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":["BaseButton","React","forwardRef","children","type","className","loading","disabled","hidden","rest","ref","isDisabled","includes","Error","buttonClasses","classes","default","button","push","createElement","join","Fragment","ButtonSpinner"],"mappings":"oLAgEaA,EAAaC,EAAMC,YArCgD,EAC5EC,WAAUC,OAAO,SAAUC,YAAWC,UAASC,WAAUC,YAAWC,GACtEC,KAEA,MACMC,EAAaJ,GAAYD,EAC/B,IAFmB,CAAC,SAAU,SAAU,SAExBM,SAASR,GACvB,MAAM,IAAIS,MACR,uFAAuFT,KAIrF,MAAAU,EAAgB,CAACC,EAAAC,QAAQC,QAK7B,OAJSX,GAAAQ,EAAcI,KAAKH,EAAAA,QAAQT,SACzBD,GAAAS,EAAcI,KAAKb,GAG9BJ,EAAAkB,cAAC,SAAA,IACKV,EACJF,SAAUI,EACVD,MACAN,OACAI,SACAH,UAAWG,EAAS,GAAKM,EAAcM,KAAK,MAE3Cd,EACEL,EAAAkB,cAAAE,EAAAA,SAAA,qBACE,MAAI,CAAAhB,UAAWU,UAAQ,mBAAoBZ,mBAC3CmB,EAAcA,cAAA,CAAAjB,UAAWU,UAAiB,WAG7CZ,EAEJ"}

package/dist/components/Button/BaseButton.es.js

@@ -0,0 +1,32 @@
+import React, { Fragment } from "react";
+import classes from "./BaseButton.module.scss.es.js";
+import { ButtonSpinner } from "./Spinner.es.js";
+const BaseButtonComponent = ({ children, type = "button", className, loading, disabled, hidden, ...rest }, ref) => {
+  const validTypes = ["submit", "button", "reset"];
+  const isDisabled = disabled ?? loading;
+  if (!validTypes.includes(type)) {
+    throw new Error(
+      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`
+    );
+  }
+  const buttonClasses = [classes.button];
+  loading && buttonClasses.push(classes.loading);
+  className && buttonClasses.push(className);
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      ...rest,
+      disabled: isDisabled,
+      ref,
+      type,
+      hidden,
+      className: hidden ? "" : buttonClasses.join(" ")
+    },
+    loading ? /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes["content-hidden"] }, children), /* @__PURE__ */ React.createElement(ButtonSpinner, { className: classes["spinner"] })) : children
+  );
+};
+const BaseButton = React.forwardRef(BaseButtonComponent);
+export {
+  BaseButton
+};
+//# sourceMappingURL=BaseButton.es.js.map

package/dist/components/Button/BaseButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.es.js","sources":["../../../src/components/Button/BaseButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, hidden, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type)) {\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n  }\n\n  const buttonClasses = [classes.button];\n  loading && buttonClasses.push(classes.loading);\n  className && buttonClasses.push(className);\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      hidden={hidden}\n      className={hidden ? \"\" : buttonClasses.join(\" \")}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":[],"mappings":";;;AA2BA,MAAM,sBAA0E,CAC9E,EAAE,UAAU,OAAO,UAAU,WAAW,SAAS,UAAU,QAAQ,GAAG,KAAA,GACtE,QACG;AACH,QAAM,aAAa,CAAC,UAAU,UAAU,OAAO;AAC/C,QAAM,aAAa,YAAY;AAC/B,MAAI,CAAC,WAAW,SAAS,IAAI,GAAG;AAC9B,UAAM,IAAI;AAAA,MACR,uFAAuF,IAAI;AAAA,IAC7F;AAAA,EAAA;AAGI,QAAA,gBAAgB,CAAC,QAAQ,MAAM;AAC1B,aAAA,cAAc,KAAK,QAAQ,OAAO;AAChC,eAAA,cAAc,KAAK,SAAS;AAGvC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,SAAS,KAAK,cAAc,KAAK,GAAG;AAAA,IAAA;AAAA,IAE9C,UACE,sBAAA,cAAA,UAAA,0CACE,OAAI,EAAA,WAAW,QAAQ,gBAAgB,EAAA,GAAI,QAAS,uCACpD,eAAc,EAAA,WAAW,QAAQ,SAAS,EAAG,CAAA,CAChD,IAEA;AAAA,EAEJ;AAEJ;AAEa,MAAA,aAAa,MAAM,WAAW,mBAAmB;"}

package/dist/components/Button/BaseButton.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.BaseButton_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.BaseButton_hidden_E7GBT{display:none}.BaseButton_slide-in_E7GBT{animation:BaseButton_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseButton_slide-in_E7GBT{animation-duration:.1ms}}.BaseButton_slide-out_E7GBT{animation:BaseButton_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseButton_slide-out_E7GBT{animation-duration:.1ms}}@keyframes BaseButton_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseButton_button_E7GBT{position:relative}.BaseButton_button_E7GBT .BaseButton_content-hidden_E7GBT{visibility:hidden;display:flex}.BaseButton_button_E7GBT{border-width:var(--button-border-width);border-style:var(--button-border-style);border-radius:var(--button-border-radius);font-size:var(--button-font-size);line-height:1;margin:0;padding:calc(.5 * var(--font-size)) calc(.75 * var(--font-size));min-height:calc(2.5 * var(--font-size));cursor:pointer;font-family:var(--font-family);transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.BaseButton_button_E7GBT{transition-duration:.1ms}}.BaseButton_button_E7GBT:disabled{color:var(--greyed-out);cursor:not-allowed;background-color:var(--disabled);border-color:var(--disabled)}.BaseButton_spinner_E7GBT{position:absolute;top:calc(50% - .75rem);left:calc(50% - .75rem);transform:translate(-50%,-50%);animation:BaseButton_spin_E7GBT 1s infinite linear}@keyframes BaseButton_spin_E7GBT{0%{transform:rotate(0)}to{transform:rotate(360deg)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="BaseButton_button_E7GBT",e="BaseButton_spinner_E7GBT",n={button:t,"content-hidden":"BaseButton_content-hidden_E7GBT",spinner:e};exports.button=t,exports.default=n,exports.spinner=e;
+//# sourceMappingURL=BaseButton.module.scss.cjs.js.map

package/dist/components/Button/BaseButton.module.scss.es.js

@@ -0,0 +1,14 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.BaseButton_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.BaseButton_hidden_E7GBT{display:none}.BaseButton_slide-in_E7GBT{animation:BaseButton_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseButton_slide-in_E7GBT{animation-duration:.1ms}}.BaseButton_slide-out_E7GBT{animation:BaseButton_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.BaseButton_slide-out_E7GBT{animation-duration:.1ms}}@keyframes BaseButton_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseButton_button_E7GBT{position:relative}.BaseButton_button_E7GBT .BaseButton_content-hidden_E7GBT{visibility:hidden;display:flex}.BaseButton_button_E7GBT{border-width:var(--button-border-width);border-style:var(--button-border-style);border-radius:var(--button-border-radius);font-size:var(--button-font-size);line-height:1;margin:0;padding:calc(.5 * var(--font-size)) calc(.75 * var(--font-size));min-height:calc(2.5 * var(--font-size));cursor:pointer;font-family:var(--font-family);transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.BaseButton_button_E7GBT{transition-duration:.1ms}}.BaseButton_button_E7GBT:disabled{color:var(--greyed-out);cursor:not-allowed;background-color:var(--disabled);border-color:var(--disabled)}.BaseButton_spinner_E7GBT{position:absolute;top:calc(50% - .75rem);left:calc(50% - .75rem);transform:translate(-50%,-50%);animation:BaseButton_spin_E7GBT 1s infinite linear}@keyframes BaseButton_spin_E7GBT{0%{transform:rotate(0)}to{transform:rotate(360deg)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const button = "BaseButton_button_E7GBT";
+const spinner = "BaseButton_spinner_E7GBT";
+const classes = {
+  button,
+  "content-hidden": "BaseButton_content-hidden_E7GBT",
+  spinner
+};
+export {
+  button,
+  classes as default,
+  spinner
+};
+//# sourceMappingURL=BaseButton.module.scss.es.js.map

package/dist/components/Button/BaseButton.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Button/Button.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./BaseButton.cjs.js"),r=require("./Button.module.scss.cjs.js"),n=e.forwardRef((({children:n,variant:s="fill",color:a="primary",startIcon:l=!1,endIcon:u=!1,className:o,...c},i)=>{const d=[];return(l||u)&&d.push(r.default["has-icon"]),l&&d.push(r.default["start-icon"]),u&&d.push(r.default["end-icon"]),o&&d.push(o),e.createElement(t.BaseButton,{...c,ref:i,className:`${r.default[a]} ${r.default[s]} ${d.join(" ")}`},l&&e.createElement("i",null,l),e.createElement("span",null,n),u&&e.createElement("i",null," ",u))}));exports.Button=n;
+//# sourceMappingURL=Button.cjs.js.map

package/dist/components/Button/Button.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { BaseButton, Props as BaseButtonProps } from \"./BaseButton\";\nimport classes from \"./Button.module.scss\";\n\nexport interface Props extends BaseButtonProps {\n  startIcon?: React.ReactNode | false;\n  endIcon?: React.ReactNode | false;\n  variant?: \"text\" | \"fill\" | \"outline\";\n}\n\nconst ButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    variant = \"fill\",\n    color = \"primary\",\n    startIcon = false,\n    endIcon = false,\n    className,\n    ...rest\n  },\n  ref\n) => {\n  const additionalClasses = [];\n\n  if (startIcon || endIcon) {\n    additionalClasses.push(classes[\"has-icon\"]);\n  }\n\n  if (startIcon) {\n    additionalClasses.push(classes[\"start-icon\"]);\n  }\n\n  if (endIcon) {\n    additionalClasses.push(classes[\"end-icon\"]);\n  }\n\n  if (className) {\n    additionalClasses.push(className);\n  }\n\n  return (\n    <BaseButton\n      {...rest}\n      ref={ref}\n      className={`${classes[color]} ${classes[variant]} ${additionalClasses.join(\" \")}`}\n    >\n      {startIcon && <i>{startIcon}</i>}\n      <span>{children}</span>\n      {endIcon && <i>&nbsp;{endIcon}</i>}\n    </BaseButton>\n  );\n};\n\nexport const Button = React.forwardRef(ButtonComponent);\n"],"names":["Button","React","forwardRef","children","variant","color","startIcon","endIcon","className","rest","ref","additionalClasses","push","classes","createElement","BaseButton","join"],"mappings":"mLAqEaA,EAASC,EAAMC,YA3CgD,EAExEC,WACAC,UAAU,OACVC,QAAQ,UACRC,aAAY,EACZC,WAAU,EACVC,eACGC,GAELC,KAEA,MAAMC,EAAoB,GAmBxB,OAjBEL,GAAaC,IACGI,EAAAC,KAAKC,UAAQ,aAG7BP,GACgBK,EAAAC,KAAKC,UAAQ,eAG7BN,GACgBI,EAAAC,KAAKC,UAAQ,aAG7BL,GACFG,EAAkBC,KAAKJ,GAIvBP,EAAAa,cAACC,EAAAA,WAAA,IACKN,EACJC,MACAF,UAAW,GAAGK,EAAAA,QAAQR,MAAUQ,EAAAA,QAAQT,MAAYO,EAAkBK,KAAK,QAE1EV,GAAcL,EAAAa,cAAA,IAAA,KAAGR,GAClBL,EAAAa,cAAC,YAAMX,GACNI,GAAWN,EAAAa,cAAC,IAAE,KAAA,IAAOP,GACxB"}

package/dist/components/Button/Button.es.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { BaseButton } from "./BaseButton.es.js";
+import classes from "./Button.module.scss.es.js";
+const ButtonComponent = ({
+  children,
+  variant = "fill",
+  color = "primary",
+  startIcon = false,
+  endIcon = false,
+  className,
+  ...rest
+}, ref) => {
+  const additionalClasses = [];
+  if (startIcon || endIcon) {
+    additionalClasses.push(classes["has-icon"]);
+  }
+  if (startIcon) {
+    additionalClasses.push(classes["start-icon"]);
+  }
+  if (endIcon) {
+    additionalClasses.push(classes["end-icon"]);
+  }
+  if (className) {
+    additionalClasses.push(className);
+  }
+  return /* @__PURE__ */ React.createElement(
+    BaseButton,
+    {
+      ...rest,
+      ref,
+      className: `${classes[color]} ${classes[variant]} ${additionalClasses.join(" ")}`
+    },
+    startIcon && /* @__PURE__ */ React.createElement("i", null, startIcon),
+    /* @__PURE__ */ React.createElement("span", null, children),
+    endIcon && /* @__PURE__ */ React.createElement("i", null, " ", endIcon)
+  );
+};
+const Button = React.forwardRef(ButtonComponent);
+export {
+  Button
+};
+//# sourceMappingURL=Button.es.js.map

package/dist/components/Button/Button.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.es.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { BaseButton, Props as BaseButtonProps } from \"./BaseButton\";\nimport classes from \"./Button.module.scss\";\n\nexport interface Props extends BaseButtonProps {\n  startIcon?: React.ReactNode | false;\n  endIcon?: React.ReactNode | false;\n  variant?: \"text\" | \"fill\" | \"outline\";\n}\n\nconst ButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    variant = \"fill\",\n    color = \"primary\",\n    startIcon = false,\n    endIcon = false,\n    className,\n    ...rest\n  },\n  ref\n) => {\n  const additionalClasses = [];\n\n  if (startIcon || endIcon) {\n    additionalClasses.push(classes[\"has-icon\"]);\n  }\n\n  if (startIcon) {\n    additionalClasses.push(classes[\"start-icon\"]);\n  }\n\n  if (endIcon) {\n    additionalClasses.push(classes[\"end-icon\"]);\n  }\n\n  if (className) {\n    additionalClasses.push(className);\n  }\n\n  return (\n    <BaseButton\n      {...rest}\n      ref={ref}\n      className={`${classes[color]} ${classes[variant]} ${additionalClasses.join(\" \")}`}\n    >\n      {startIcon && <i>{startIcon}</i>}\n      <span>{children}</span>\n      {endIcon && <i>&nbsp;{endIcon}</i>}\n    </BaseButton>\n  );\n};\n\nexport const Button = React.forwardRef(ButtonComponent);\n"],"names":[],"mappings":";;;AA0BA,MAAM,kBAAsE,CAC1E;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,oBAAoB,CAAC;AAE3B,MAAI,aAAa,SAAS;AACN,sBAAA,KAAK,QAAQ,UAAU,CAAC;AAAA,EAAA;AAG5C,MAAI,WAAW;AACK,sBAAA,KAAK,QAAQ,YAAY,CAAC;AAAA,EAAA;AAG9C,MAAI,SAAS;AACO,sBAAA,KAAK,QAAQ,UAAU,CAAC;AAAA,EAAA;AAG5C,MAAI,WAAW;AACb,sBAAkB,KAAK,SAAS;AAAA,EAAA;AAIhC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,KAAK,CAAC,IAAI,QAAQ,OAAO,CAAC,IAAI,kBAAkB,KAAK,GAAG,CAAC;AAAA,IAAA;AAAA,IAE9E,aAAc,sBAAA,cAAA,KAAA,MAAG,SAAU;AAAA,IAC5B,sBAAA,cAAC,cAAM,QAAS;AAAA,IACf,WAAW,sBAAA,cAAC,KAAE,MAAA,KAAO,OAAQ;AAAA,EAChC;AAEJ;AAEa,MAAA,SAAS,MAAM,WAAW,eAAe;"}

package/dist/components/Button/Button.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Button_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Button_hidden_E7GBT{display:none}.Button_slide-in_E7GBT{animation:Button_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Button_slide-in_E7GBT{animation-duration:.1ms}}.Button_slide-out_E7GBT{animation:Button_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Button_slide-out_E7GBT{animation-duration:.1ms}}@keyframes Button_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Button_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Button_fill_E7GBT{font-weight:500}.Button_fill_E7GBT:not(:disabled){color:var(--button-fill-text-color)}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled){background-color:var(--button-fill-primary-default-color);border-color:var(--button-fill-primary-default-color)}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-fill-primary-hover-color);border-color:var(--button-fill-primary-hover-color)}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-fill-primary-focused-color);border-color:var(--button-fill-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-fill-primary-pressed-color);border-color:var(--button-fill-primary-pressed-color)}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled){background-color:var(--button-fill-success-default-color);border-color:var(--button-fill-success-default-color)}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-fill-success-hover-color);border-color:var(--button-fill-success-hover-color)}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-fill-success-focused-color);border-color:var(--button-fill-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-fill-success-pressed-color);border-color:var(--button-fill-success-pressed-color)}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled){background-color:var(--button-fill-danger-default-color);border-color:var(--button-fill-danger-default-color)}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-fill-danger-hover-color);border-color:var(--button-fill-danger-hover-color)}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-fill-danger-focused-color);border-color:var(--button-fill-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-fill-danger-pressed-color);border-color:var(--button-fill-danger-pressed-color)}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled){background-color:var(--button-default-color);border-color:var(--button-default-color)}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-default-hover-color);border-color:var(--button-default-hover-color)}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color)}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled){background-color:var(--button-warning-default-color);border-color:var(--button-warning-default-color)}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-warning-hover-color);border-color:var(--button-warning-hover-color)}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color)}.Button_outline_E7GBT{font-weight:500;background-color:var(--white)}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled){border-color:var(--button-outline-primary-default-color);color:var(--button-outline-primary-default-color)}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-outline-primary-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-primary-hover-color)}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-outline-primary-focused-color);border-color:var(--button-outline-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-outline-primary-pressed-color);border-color:var(--button-outline-primary-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled){border-color:var(--button-outline-success-default-color);color:var(--button-outline-success-default-color)}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-outline-success-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-success-hover-color)}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-outline-success-focused-color);border-color:var(--button-outline-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-outline-success-pressed-color);border-color:var(--button-outline-success-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled){border-color:var(--button-outline-danger-default-color);color:var(--button-outline-danger-default-color)}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-outline-danger-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-danger-hover-color)}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-outline-danger-focused-color);border-color:var(--button-outline-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-outline-danger-pressed-color);border-color:var(--button-outline-danger-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled){border-color:var(--button-default-color);color:var(--button-default-color)}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-default-hover-color);background-color:var(--color-black10);border-color:var(--button-default-hover-color)}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-warning-hover-color);background-color:var(--color-black10);border-color:var(--button-warning-hover-color)}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT{font-weight:500;border-color:transparent;background-color:transparent}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled){color:var(--button-text-primary-default-color)}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-text-primary-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-text-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-text-primary-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled){color:var(--button-text-success-default-color)}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-text-success-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-text-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-text-success-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled){color:var(--button-text-danger-default-color)}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-text-danger-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-text-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-text-danger-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled){color:var(--button-default-color)}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-default-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled){color:var(--button-warning-default-color)}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-warning-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.Button_has-icon_E7GBT{display:flex;align-items:center}.Button_has-icon_E7GBT.Button_start-icon_E7GBT{padding-left:calc(.75 * var(--font-size));padding-right:calc(1.25 * var(--font-size))}.Button_has-icon_E7GBT.Button_end-icon_E7GBT{padding-left:calc(1.25 * var(--font-size));padding-right:calc(.75 * var(--font-size))}.Button_has-icon_E7GBT i{display:flex;align-items:center;justify-content:center;width:calc(1.5 * var(--font-size));margin-right:calc(.25 * var(--font-size))}.Button_has-icon_E7GBT i span{font-size:var(--font-size)}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="Button_hidden_E7GBT",e="Button_fill_E7GBT",n="Button_primary_E7GBT",o="Button_disabled_E7GBT",s="Button_success_E7GBT",i="Button_danger_E7GBT",_="Button_warning_E7GBT",u="Button_outline_E7GBT",B="Button_text_E7GBT",r={"sr-only":"Button_sr-only_E7GBT",hidden:t,"slide-in":"Button_slide-in_E7GBT","slide-out":"Button_slide-out_E7GBT",fill:e,primary:n,disabled:o,success:s,danger:i,default:"Button_default_E7GBT",warning:_,outline:u,text:B,"has-icon":"Button_has-icon_E7GBT","start-icon":"Button_start-icon_E7GBT","end-icon":"Button_end-icon_E7GBT"};exports.danger=i,exports.default=r,exports.disabled=o,exports.fill=e,exports.hidden=t,exports.outline=u,exports.primary=n,exports.success=s,exports.text=B,exports.warning=_;
+//# sourceMappingURL=Button.module.scss.cjs.js.map

package/dist/components/Button/Button.module.scss.es.js

@@ -0,0 +1,41 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Button_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Button_hidden_E7GBT{display:none}.Button_slide-in_E7GBT{animation:Button_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Button_slide-in_E7GBT{animation-duration:.1ms}}.Button_slide-out_E7GBT{animation:Button_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Button_slide-out_E7GBT{animation-duration:.1ms}}@keyframes Button_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Button_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Button_fill_E7GBT{font-weight:500}.Button_fill_E7GBT:not(:disabled){color:var(--button-fill-text-color)}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled){background-color:var(--button-fill-primary-default-color);border-color:var(--button-fill-primary-default-color)}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-fill-primary-hover-color);border-color:var(--button-fill-primary-hover-color)}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-fill-primary-focused-color);border-color:var(--button-fill-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_primary_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-fill-primary-pressed-color);border-color:var(--button-fill-primary-pressed-color)}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled){background-color:var(--button-fill-success-default-color);border-color:var(--button-fill-success-default-color)}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-fill-success-hover-color);border-color:var(--button-fill-success-hover-color)}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-fill-success-focused-color);border-color:var(--button-fill-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_success_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-fill-success-pressed-color);border-color:var(--button-fill-success-pressed-color)}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled){background-color:var(--button-fill-danger-default-color);border-color:var(--button-fill-danger-default-color)}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-fill-danger-hover-color);border-color:var(--button-fill-danger-hover-color)}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-fill-danger-focused-color);border-color:var(--button-fill-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_danger_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-fill-danger-pressed-color);border-color:var(--button-fill-danger-pressed-color)}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled){background-color:var(--button-default-color);border-color:var(--button-default-color)}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-default-hover-color);border-color:var(--button-default-hover-color)}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_default_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color)}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled){background-color:var(--button-warning-default-color);border-color:var(--button-warning-default-color)}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){background-color:var(--button-warning-hover-color);border-color:var(--button-warning-hover-color)}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){background-color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_fill_E7GBT.Button_warning_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){background-color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color)}.Button_outline_E7GBT{font-weight:500;background-color:var(--white)}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled){border-color:var(--button-outline-primary-default-color);color:var(--button-outline-primary-default-color)}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-outline-primary-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-primary-hover-color)}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-outline-primary-focused-color);border-color:var(--button-outline-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_primary_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-outline-primary-pressed-color);border-color:var(--button-outline-primary-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled){border-color:var(--button-outline-success-default-color);color:var(--button-outline-success-default-color)}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-outline-success-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-success-hover-color)}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-outline-success-focused-color);border-color:var(--button-outline-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_success_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-outline-success-pressed-color);border-color:var(--button-outline-success-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled){border-color:var(--button-outline-danger-default-color);color:var(--button-outline-danger-default-color)}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-outline-danger-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-danger-hover-color)}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-outline-danger-focused-color);border-color:var(--button-outline-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_danger_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-outline-danger-pressed-color);border-color:var(--button-outline-danger-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled){border-color:var(--button-default-color);color:var(--button-default-color)}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-default-hover-color);background-color:var(--color-black10);border-color:var(--button-default-hover-color)}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_default_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-warning-hover-color);background-color:var(--color-black10);border-color:var(--button-warning-hover-color)}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_outline_E7GBT.Button_warning_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT{font-weight:500;border-color:transparent;background-color:transparent}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled){color:var(--button-text-primary-default-color)}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-text-primary-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-text-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_primary_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-text-primary-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled){color:var(--button-text-success-default-color)}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-text-success-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-text-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_success_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-text-success-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled){color:var(--button-text-danger-default-color)}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-text-danger-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-text-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_danger_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-text-danger-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled){color:var(--button-default-color)}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-default-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_default_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled){color:var(--button-warning-default-color)}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):hover:not(.Button_disabled_E7GBT){color:var(--button-warning-hover-color);background-color:var(--color-black10)}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):focus:not(.Button_disabled_E7GBT),.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):focus-visible:not(.Button_disabled_E7GBT){color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Button_text_E7GBT.Button_warning_E7GBT:not(:disabled):active:not(.Button_disabled_E7GBT){color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.Button_has-icon_E7GBT{display:flex;align-items:center}.Button_has-icon_E7GBT.Button_start-icon_E7GBT{padding-left:calc(.75 * var(--font-size));padding-right:calc(1.25 * var(--font-size))}.Button_has-icon_E7GBT.Button_end-icon_E7GBT{padding-left:calc(1.25 * var(--font-size));padding-right:calc(.75 * var(--font-size))}.Button_has-icon_E7GBT i{display:flex;align-items:center;justify-content:center;width:calc(1.5 * var(--font-size));margin-right:calc(.25 * var(--font-size))}.Button_has-icon_E7GBT i span{font-size:var(--font-size)}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const hidden = "Button_hidden_E7GBT";
+const fill = "Button_fill_E7GBT";
+const primary = "Button_primary_E7GBT";
+const disabled = "Button_disabled_E7GBT";
+const success = "Button_success_E7GBT";
+const danger = "Button_danger_E7GBT";
+const warning = "Button_warning_E7GBT";
+const outline = "Button_outline_E7GBT";
+const text = "Button_text_E7GBT";
+const classes = {
+  "sr-only": "Button_sr-only_E7GBT",
+  hidden,
+  "slide-in": "Button_slide-in_E7GBT",
+  "slide-out": "Button_slide-out_E7GBT",
+  fill,
+  primary,
+  disabled,
+  success,
+  danger,
+  "default": "Button_default_E7GBT",
+  warning,
+  outline,
+  text,
+  "has-icon": "Button_has-icon_E7GBT",
+  "start-icon": "Button_start-icon_E7GBT",
+  "end-icon": "Button_end-icon_E7GBT"
+};
+export {
+  danger,
+  classes as default,
+  disabled,
+  fill,
+  hidden,
+  outline,
+  primary,
+  success,
+  text,
+  warning
+};
+//# sourceMappingURL=Button.module.scss.es.js.map

package/dist/components/Button/Button.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Button/IconButton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./BaseButton.cjs.js"),s=require("./IconButton.module.scss.cjs.js"),o=require("../../readyclasses.module.scss.cjs.js"),r=({children:r,color:n="primary",variant:a="text",iconSize:c="m",title:u="Icon button",className:l,...i},m)=>{const d=[s.default["icon-button"],s.default[a],s.default[n],s.default["button-"+c]];return l&&d.push(l),e.createElement(t.BaseButton,{...i,ref:m,title:u,className:d.join(" ")},e.createElement(e.Fragment,null,r,e.createElement("span",{className:o.default["sr-only"]},u)))},n=e.forwardRef(r);exports.IconButton=n,exports.IconButtonComponent=r;
+//# sourceMappingURL=IconButton.cjs.js.map

package/dist/components/Button/IconButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs.js","sources":["../../../src/components/Button/IconButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, Fragment } from \"react\";\nimport { BaseButton, Props as BaseButtonProps } from \"./BaseButton\";\nimport classes from \"./IconButton.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\n\nexport interface Props extends BaseButtonProps {\n  children?: React.ReactNode;\n  iconSize?: \"s\" | \"m\" | \"l\";\n  variant?: \"text\" | \"fill\" | \"outline\";\n  className?: string;\n  title?: string;\n}\n\nexport const IconButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    color = \"primary\",\n    variant = \"text\",\n    iconSize = \"m\",\n    title = \"Icon button\",\n    className,\n    ...rest\n  },\n  ref\n) => {\n  const iconButtonClasses = [\n    classes[\"icon-button\"],\n    classes[variant],\n    classes[color],\n    classes[\"button-\" + iconSize]\n  ];\n\n  if (className) {\n    iconButtonClasses.push(className);\n  }\n\n  return (\n    <BaseButton {...rest} ref={ref} title={title} className={iconButtonClasses.join(\" \")}>\n      <Fragment>\n        {children}\n        <span className={readyclasses[\"sr-only\"]}>{title}</span>\n      </Fragment>\n    </BaseButton>\n  );\n};\n\nexport const IconButton = React.forwardRef(IconButtonComponent);\n"],"names":["IconButtonComponent","children","color","variant","iconSize","title","className","rest","ref","iconButtonClasses","classes","default","push","React","createElement","BaseButton","join","Fragment","readyclasses","IconButton","forwardRef"],"mappings":"0OA6BaA,EAA0E,EAEnFC,WACAC,QAAQ,UACRC,UAAU,OACVC,WAAW,IACXC,QAAQ,cACRC,eACGC,GAELC,KAEA,MAAMC,EAAoB,CACxBC,EAAAA,QAAQ,eACRA,EAAAA,QAAQP,GACRO,EAAAA,QAAQR,GACRQ,EAAAC,QAAQ,UAAYP,IAQpB,OALEE,GACFG,EAAkBG,KAAKN,GAIvBO,EAAAC,cAACC,iBAAeR,EAAMC,MAAUH,QAAcC,UAAWG,EAAkBO,KAAK,sBAC7EC,EACEA,SAAA,KAAAhB,kBACA,OAAK,CAAAK,UAAWY,EAAAA,QAAa,YAAab,IAE/C,EAISc,EAAaN,EAAMO,WAAWpB"}

package/dist/components/Button/IconButton.es.js

@@ -0,0 +1,30 @@
+import React, { Fragment } from "react";
+import { BaseButton } from "./BaseButton.es.js";
+import classes from "./IconButton.module.scss.es.js";
+import readyclasses from "../../readyclasses.module.scss.es.js";
+const IconButtonComponent = ({
+  children,
+  color = "primary",
+  variant = "text",
+  iconSize = "m",
+  title = "Icon button",
+  className,
+  ...rest
+}, ref) => {
+  const iconButtonClasses = [
+    classes["icon-button"],
+    classes[variant],
+    classes[color],
+    classes["button-" + iconSize]
+  ];
+  if (className) {
+    iconButtonClasses.push(className);
+  }
+  return /* @__PURE__ */ React.createElement(BaseButton, { ...rest, ref, title, className: iconButtonClasses.join(" ") }, /* @__PURE__ */ React.createElement(Fragment, null, children, /* @__PURE__ */ React.createElement("span", { className: readyclasses["sr-only"] }, title)));
+};
+const IconButton = React.forwardRef(IconButtonComponent);
+export {
+  IconButton,
+  IconButtonComponent
+};
+//# sourceMappingURL=IconButton.es.js.map

package/dist/components/Button/IconButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.es.js","sources":["../../../src/components/Button/IconButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, Fragment } from \"react\";\nimport { BaseButton, Props as BaseButtonProps } from \"./BaseButton\";\nimport classes from \"./IconButton.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\n\nexport interface Props extends BaseButtonProps {\n  children?: React.ReactNode;\n  iconSize?: \"s\" | \"m\" | \"l\";\n  variant?: \"text\" | \"fill\" | \"outline\";\n  className?: string;\n  title?: string;\n}\n\nexport const IconButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    color = \"primary\",\n    variant = \"text\",\n    iconSize = \"m\",\n    title = \"Icon button\",\n    className,\n    ...rest\n  },\n  ref\n) => {\n  const iconButtonClasses = [\n    classes[\"icon-button\"],\n    classes[variant],\n    classes[color],\n    classes[\"button-\" + iconSize]\n  ];\n\n  if (className) {\n    iconButtonClasses.push(className);\n  }\n\n  return (\n    <BaseButton {...rest} ref={ref} title={title} className={iconButtonClasses.join(\" \")}>\n      <Fragment>\n        {children}\n        <span className={readyclasses[\"sr-only\"]}>{title}</span>\n      </Fragment>\n    </BaseButton>\n  );\n};\n\nexport const IconButton = React.forwardRef(IconButtonComponent);\n"],"names":[],"mappings":";;;;AA6BO,MAAM,sBAA0E,CACrF;AAAA,EACE;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,oBAAoB;AAAA,IACxB,QAAQ,aAAa;AAAA,IACrB,QAAQ,OAAO;AAAA,IACf,QAAQ,KAAK;AAAA,IACb,QAAQ,YAAY,QAAQ;AAAA,EAC9B;AAEA,MAAI,WAAW;AACb,sBAAkB,KAAK,SAAS;AAAA,EAAA;AAIhC,SAAA,sBAAA,cAAC,cAAY,GAAG,MAAM,KAAU,OAAc,WAAW,kBAAkB,KAAK,GAAG,EAAA,uCAChF,UACE,MAAA,8CACA,QAAK,EAAA,WAAW,aAAa,SAAS,EAAA,GAAI,KAAM,CACnD,CACF;AAEJ;AAEa,MAAA,aAAa,MAAM,WAAW,mBAAmB;"}

package/dist/components/Button/IconButton.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.IconButton_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.IconButton_hidden_E7GBT{display:none}.IconButton_slide-in_E7GBT{animation:IconButton_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.IconButton_slide-in_E7GBT{animation-duration:.1ms}}.IconButton_slide-out_E7GBT{animation:IconButton_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.IconButton_slide-out_E7GBT{animation-duration:.1ms}}@keyframes IconButton_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IconButton_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.IconButton_icon-button_E7GBT{border:var(--button-border-width) var(--button-border-style) transparent;background-color:transparent;padding:0;border-radius:var(--button-border-radius);display:flex;align-items:center;justify-content:center;min-height:auto}.IconButton_icon-button_E7GBT span{vertical-align:top}.IconButton_icon-button_E7GBT.IconButton_button-s_E7GBT{width:calc(1.875 * var(--font-size));height:calc(1.875 * var(--font-size))}.IconButton_icon-button_E7GBT.IconButton_button-s_E7GBT span{font-size:calc(.75 * var(--font-size))}.IconButton_icon-button_E7GBT.IconButton_button-m_E7GBT{width:calc(2.5 * var(--font-size));height:calc(2.5 * var(--font-size))}.IconButton_icon-button_E7GBT.IconButton_button-m_E7GBT span{font-size:var(--font-size)}.IconButton_icon-button_E7GBT.IconButton_button-l_E7GBT{width:calc(3.125 * var(--font-size));height:calc(3.125 * var(--font-size))}.IconButton_icon-button_E7GBT.IconButton_button-l_E7GBT span{font-size:calc(1.375 * var(--font-size))}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT{font-weight:500}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT:not(:disabled){color:var(--button-fill-text-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_primary_E7GBT:not(:disabled){background-color:var(--button-fill-primary-default-color);border-color:var(--button-fill-primary-default-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_primary_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-primary-hover-color);border-color:var(--button-fill-primary-hover-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_primary_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_primary_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-primary-focused-color);border-color:var(--button-fill-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_primary_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-primary-pressed-color);border-color:var(--button-fill-primary-pressed-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_success_E7GBT:not(:disabled){background-color:var(--button-fill-success-default-color);border-color:var(--button-fill-success-default-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_success_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-success-hover-color);border-color:var(--button-fill-success-hover-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_success_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_success_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-success-focused-color);border-color:var(--button-fill-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_success_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-success-pressed-color);border-color:var(--button-fill-success-pressed-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_danger_E7GBT:not(:disabled){background-color:var(--button-fill-danger-default-color);border-color:var(--button-fill-danger-default-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_danger_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-danger-hover-color);border-color:var(--button-fill-danger-hover-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_danger_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_danger_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-danger-focused-color);border-color:var(--button-fill-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_danger_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){background-color:var(--button-fill-danger-pressed-color);border-color:var(--button-fill-danger-pressed-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_default_E7GBT:not(:disabled){background-color:var(--button-default-color);border-color:var(--button-default-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_default_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){background-color:var(--button-default-hover-color);border-color:var(--button-default-hover-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_default_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_default_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){background-color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_default_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){background-color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_warning_E7GBT:not(:disabled){background-color:var(--button-warning-default-color);border-color:var(--button-warning-default-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_warning_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){background-color:var(--button-warning-hover-color);border-color:var(--button-warning-hover-color)}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_warning_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_warning_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){background-color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_fill_E7GBT.IconButton_warning_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){background-color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT{font-weight:500;border-color:transparent;background-color:transparent}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_primary_E7GBT:not(:disabled){color:var(--button-text-primary-default-color)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_primary_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-text-primary-hover-color);background-color:var(--color-black10)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_primary_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_primary_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-text-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_primary_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-text-primary-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_success_E7GBT:not(:disabled){color:var(--button-text-success-default-color)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_success_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-text-success-hover-color);background-color:var(--color-black10)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_success_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_success_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-text-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_success_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-text-success-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_danger_E7GBT:not(:disabled){color:var(--button-text-danger-default-color)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_danger_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-text-danger-hover-color);background-color:var(--color-black10)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_danger_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_danger_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-text-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_danger_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-text-danger-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_default_E7GBT:not(:disabled){color:var(--button-default-color)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_default_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-default-hover-color);background-color:var(--color-black10)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_default_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_default_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_default_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-default-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_warning_E7GBT:not(:disabled){color:var(--button-warning-default-color)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_warning_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-warning-hover-color);background-color:var(--color-black10)}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_warning_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_warning_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_text_E7GBT.IconButton_warning_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT{font-weight:500;background-color:var(--white)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_primary_E7GBT:not(:disabled){border-color:var(--button-outline-primary-default-color);color:var(--button-outline-primary-default-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_primary_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-outline-primary-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-primary-hover-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_primary_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_primary_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-outline-primary-focused-color);border-color:var(--button-outline-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_primary_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-outline-primary-pressed-color);border-color:var(--button-outline-primary-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_success_E7GBT:not(:disabled){border-color:var(--button-outline-success-default-color);color:var(--button-outline-success-default-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_success_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-outline-success-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-success-hover-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_success_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_success_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-outline-success-focused-color);border-color:var(--button-outline-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_success_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-outline-success-pressed-color);border-color:var(--button-outline-success-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_danger_E7GBT:not(:disabled){border-color:var(--button-outline-danger-default-color);color:var(--button-outline-danger-default-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_danger_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-outline-danger-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-danger-hover-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_danger_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_danger_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-outline-danger-focused-color);border-color:var(--button-outline-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_danger_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-outline-danger-pressed-color);border-color:var(--button-outline-danger-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_default_E7GBT:not(:disabled){border-color:var(--button-default-color);color:var(--button-default-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_default_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-default-hover-color);background-color:var(--color-black10);border-color:var(--button-default-hover-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_default_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_default_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_default_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color);background-color:var(--color-black20)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_warning_E7GBT:not(:disabled){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_warning_E7GBT:not(:disabled):hover:not(.IconButton_disabled_E7GBT){color:var(--button-warning-hover-color);background-color:var(--color-black10);border-color:var(--button-warning-hover-color)}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_warning_E7GBT:not(:disabled):focus:not(.IconButton_disabled_E7GBT),.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_warning_E7GBT:not(:disabled):focus-visible:not(.IconButton_disabled_E7GBT){color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.IconButton_icon-button_E7GBT.IconButton_outline_E7GBT.IconButton_warning_E7GBT:not(:disabled):active:not(.IconButton_disabled_E7GBT){color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color);background-color:var(--color-black20)}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="IconButton_hidden_E7GBT",o="IconButton_fill_E7GBT",n="IconButton_primary_E7GBT",e="IconButton_disabled_E7GBT",u="IconButton_success_E7GBT",s="IconButton_danger_E7GBT",_="IconButton_warning_E7GBT",B="IconButton_text_E7GBT",i="IconButton_outline_E7GBT",r={"sr-only":"IconButton_sr-only_E7GBT",hidden:t,"slide-in":"IconButton_slide-in_E7GBT","slide-out":"IconButton_slide-out_E7GBT","icon-button":"IconButton_icon-button_E7GBT","button-s":"IconButton_button-s_E7GBT","button-m":"IconButton_button-m_E7GBT","button-l":"IconButton_button-l_E7GBT",fill:o,primary:n,disabled:e,success:u,danger:s,default:"IconButton_default_E7GBT",warning:_,text:B,outline:i};exports.danger=s,exports.default=r,exports.disabled=e,exports.fill=o,exports.hidden=t,exports.outline=i,exports.primary=n,exports.success=u,exports.text=B,exports.warning=_;
+//# sourceMappingURL=IconButton.module.scss.cjs.js.map