@onewelcome/react-lib-components 9.8.1 → 10.0.1

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeader.es.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.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, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  enableNestedRows?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableNestedRows,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    const headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":[],"mappings":";;;AAgCA,MAAM,gBAAgB,CAAC,QAAW,OAAO,MAAM;AAE/C,MAAM,0BAAoF,CACxF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,eAAe,CAAA,CAAE;AAE1D,YAAU,MAAM;AACF,gBAAA,eAAe,EAAE;AAAA,EAAA,GAC5B,CAAC,WAAW,CAAC;AAEV,QAAA,yBAAyB,CAAC,cAA0B;AACxD,UAAM,sBAAsB,cAAc,UAAU,CAAA,SAAQ,SAAS,SAAS;AAC9E,WAAO,cAAc,sBAAuB,IAAI,cAAc,MAAO;AAAA,EACvE;AAMM,QAAA,iBAAiB,CAAC,SAAuB;AAC7C,UAAM,UAAU,SAAS,KAAK,CAAQ,SAAA,KAAK,SAAS,IAAI;AAClD,UAAA,eAAe,qBAAqB,SAAS,OAAO,UAAQ,KAAK,SAAS,IAAI,IAAI,CAAC;AACnF,UAAA,mBAAmB,uBAAuB,mCAAS,SAAS;AAC3D,WAAA,mBACH,CAAC,EAAE,MAAM,WAAW,oBAAoB,GAAG,YAAY,IACvD;AAAA,EACN;AAEM,QAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,UAAU,eAAe,IAAI;AACnC,qCAAS;AACT,gBAAY,OAAO;AAAA,EACrB;AAEA,QAAM,cAAc,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACjD,QAAI,OAAO,QAAQ;AACV,aAAA;AAAA,IAAA;AAGT,UAAM,cAAmC;AAAA,MACvC,WAAW,OAAO,SAAS;AAAA,IAC7B;AAEA,QAAI,UAAU,GAAG;AACf,kBAAY,cAAc,mCAAS;AAAA,IAAA;AAErC,QAAI,UAAU,QAAQ,SAAS,KAAK,0BAA0B;AAC5D,kBAAY,eAAe,mCAAS;AAAA,IAAA;AAGtC,UAAM,OAAO,SAAS,KAAK,UAAQ,KAAK,SAAS,OAAO,IAAI;AAE1D,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,OAAO;AAAA,QACZ,MAAM,OAAO;AAAA,QACb,UAAU,OAAO;AAAA,QACjB,gBAAgB,OAAO,kBAAkB,CAAC;AAAA,QAC1C,QAAQ;AAAA,QACR,qBAAqB,6BAAM;AAAA,QAC3B,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAAA,CAEH;AAGC,SAAA,sBAAA,cAAC,SAAO,EAAA,GAAG,MAAM,IAAA,uCACd,MAAG,EAAA,WAAW,QAAQ,KAAK,EACzB,GAAA,2DACE,MAAG,EAAA,OAAO,EAAE,cAAc,mCAAS,aAAgB,GAAA,cAAW,iBAAiB,CAAA,GAEjF,aACA,CAAC,4BACA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,cAAc,mCAAS,aAAa;AAAA,MAC7C,cAAW;AAAA,MACX,WAAW,QAAQ,cAAc;AAAA,IAAA;AAAA,EAAA,CAGvC,CACF;AAEJ;AAEa,MAAA,iBAAiB,MAAM,WAAW,uBAAuB;"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.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 */.DataGridHeader_row_k4xuc{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_k4xuc:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_k4xuc{width:4.125rem;box-sizing:border-box}')),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 e="DataGridHeader_row_k4xuc",t={row:e,"context-menu":"DataGridHeader_context-menu_k4xuc"};exports.default=t,exports.row=e;
+//# sourceMappingURL=DataGridHeader.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.es.js

@@ -0,0 +1,11 @@
+!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 */.DataGridHeader_row_k4xuc{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_k4xuc:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_k4xuc{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const row = "DataGridHeader_row_k4xuc";
+const classes = {
+  row,
+  "context-menu": "DataGridHeader_context-menu_k4xuc"
+};
+export {
+  classes as default,
+  row
+};
+//# sourceMappingURL=DataGridHeader.module.scss.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.es.js.map

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

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Icon/Icon.cjs.js"),a=require("./DataGridHeaderCell.module.scss.cjs.js"),n={ASC:"ascending",DESC:"descending"},r=e.forwardRef((({headline:r,name:c,disableSorting:l,activeSortDirection:s,onSort:i,...o},d)=>{const u=e.createElement(e.Fragment,null,e.createElement("span",{className:a.default.headline},r),!l&&e.createElement("div",{className:a.default["sorting-indicator-container"]},e.createElement(t.Icon,{className:(()=>{const e=[a.default.indicator];return s&&e.push("ASC"===s?a.default.ascending:a.default.descending),e})().join(" "),icon:t.Icons.ArrowUp})));return e.createElement("th",{...o,ref:d,className:a.default["header-cell"],"aria-sort":s&&n[s]},l?e.createElement("div",{key:c},u):e.createElement("button",{key:c,onClick:()=>{null==i||i(c)}},u))}));exports.DataGridHeaderCell=r;
+//# sourceMappingURL=DataGridHeaderCell.cjs.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeaderCell.cjs.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.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 { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = () => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === \"ASC\" ? classes[\"ascending\"] : classes[\"descending\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return <Icon className={getSortingIndicatorClasses().join(\" \")} icon={Icons.ArrowUp} />;\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":["ariaSortMapping","ASC","DESC","DataGridHeaderCell","React","forwardRef","headline","name","disableSorting","activeSortDirection","onSort","rest","ref","innerContent","Fragment","createElement","className","classes","Icon","sortingIndicatorClasses","push","getSortingIndicatorClasses","join","icon","Icons","ArrowUp","key","onClick"],"mappings":"kMA6BMA,EAAkB,CACtBC,IAAK,YACLC,KAAM,cAmDKC,EAAqBC,EAAMC,YAhDmD,EACvFC,WAAUC,OAAMC,iBAAgBC,sBAAqBC,YAAWC,GAClEC,KAEA,MAiBMC,kBACHC,EACCA,SAAA,KAAAV,EAAAW,cAAC,QAAKC,UAAWC,EAAAA,QAAkB,UAAIX,IACrCE,mBACC,MAAI,CAAAQ,UAAWC,UAAQ,gCAPrBb,EAAAW,cAACG,OAAK,CAAAF,UATsB,MACjC,MAAMG,EAA0B,CAACF,UAAmB,WAK7C,OAJPR,GACEU,EAAwBC,KACE,QAAxBX,EAAgCQ,EAAAA,QAAmB,UAAIA,UAAoB,YAExEE,CAAA,EAGeE,GAA6BC,KAAK,KAAMC,KAAMC,EAAAA,MAAMC,YAa5E,OAAArB,EAAAW,cAAC,KAAA,IACKJ,EACJC,MACAI,UAAWC,UAAQ,eACnB,YAAWR,GAAuBT,EAAgBS,IAEjDD,EACCJ,EAAAW,cAAC,MAAI,CAAAW,IAAKnB,GAAOM,GAEjBT,EAAAW,cAAC,SAAO,CAAAW,IAAKnB,EAAMoB,QApCL,KACT,MAAAjB,GAAAA,EAAAH,EAAA,GAoCFM,GAGP"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.es.js

@@ -0,0 +1,38 @@
+import React, { Fragment } from "react";
+import { Icon, Icons } from "../../Icon/Icon.es.js";
+import classes from "./DataGridHeaderCell.module.scss.es.js";
+const ariaSortMapping = {
+  ASC: "ascending",
+  DESC: "descending"
+};
+const DataGridHeaderCellComponent = ({ headline, name, disableSorting, activeSortDirection, onSort, ...rest }, ref) => {
+  const onCellClick = () => {
+    onSort == null ? void 0 : onSort(name);
+  };
+  const sortingIndicator = () => {
+    const getSortingIndicatorClasses = () => {
+      const sortingIndicatorClasses = [classes["indicator"]];
+      activeSortDirection && sortingIndicatorClasses.push(
+        activeSortDirection === "ASC" ? classes["ascending"] : classes["descending"]
+      );
+      return sortingIndicatorClasses;
+    };
+    return /* @__PURE__ */ React.createElement(Icon, { className: getSortingIndicatorClasses().join(" "), icon: Icons.ArrowUp });
+  };
+  const innerContent = /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("span", { className: classes["headline"] }, headline), !disableSorting && /* @__PURE__ */ React.createElement("div", { className: classes["sorting-indicator-container"] }, sortingIndicator()));
+  return /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      ...rest,
+      ref,
+      className: classes["header-cell"],
+      "aria-sort": activeSortDirection && ariaSortMapping[activeSortDirection]
+    },
+    disableSorting ? /* @__PURE__ */ React.createElement("div", { key: name }, innerContent) : /* @__PURE__ */ React.createElement("button", { key: name, onClick: onCellClick }, innerContent)
+  );
+};
+const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);
+export {
+  DataGridHeaderCell
+};
+//# sourceMappingURL=DataGridHeaderCell.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeaderCell.es.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.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 { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = () => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === \"ASC\" ? classes[\"ascending\"] : classes[\"descending\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return <Icon className={getSortingIndicatorClasses().join(\" \")} icon={Icons.ArrowUp} />;\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":[],"mappings":";;;AA6BA,MAAM,kBAAkB;AAAA,EACtB,KAAK;AAAA,EACL,MAAM;AACR;AAEA,MAAM,8BAAqF,CACzF,EAAE,UAAU,MAAM,gBAAgB,qBAAqB,QAAQ,GAAG,KAAK,GACvE,QACG;AACH,QAAM,cAAc,MAAM;AACxB,qCAAS;AAAA,EACX;AAEA,QAAM,mBAAmB,MAAM;AAC7B,UAAM,6BAA6B,MAAM;AACvC,YAAM,0BAA0B,CAAC,QAAQ,WAAW,CAAC;AACrD,6BACE,wBAAwB;AAAA,QACtB,wBAAwB,QAAQ,QAAQ,WAAW,IAAI,QAAQ,YAAY;AAAA,MAC7E;AACK,aAAA;AAAA,IACT;AAEO,WAAA,sBAAA,cAAC,MAAK,EAAA,WAAW,2BAA2B,EAAE,KAAK,GAAG,GAAG,MAAM,MAAM,QAAS,CAAA;AAAA,EACvF;AAEM,QAAA,mDACH,UACC,MAAA,sBAAA,cAAC,UAAK,WAAW,QAAQ,UAAU,EAAI,GAAA,QAAS,GAC/C,CAAC,sDACC,OAAI,EAAA,WAAW,QAAQ,6BAA6B,KAAI,iBAAmB,CAAA,CAEhF;AAIA,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,QAAQ,aAAa;AAAA,MAChC,aAAW,uBAAuB,gBAAgB,mBAAmB;AAAA,IAAA;AAAA,IAEpE,iBACC,sBAAA,cAAC,OAAI,EAAA,KAAK,KAAO,GAAA,YAAa,IAE9B,sBAAA,cAAC,UAAO,EAAA,KAAK,MAAM,SAAS,eACzB,YACH;AAAA,EAEJ;AAEJ;AAEa,MAAA,qBAAqB,MAAM,WAAW,2BAA2B;"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.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 */.DataGridHeaderCell_header-cell_k4xuc{font-weight:400;text-align:left;padding:.625rem .75rem}.DataGridHeaderCell_header-cell_k4xuc:first-child{padding-left:1rem}.DataGridHeaderCell_header-cell_k4xuc:last-child{padding-right:1rem}.DataGridHeaderCell_header-cell_k4xuc>*{display:inline-flex}.DataGridHeaderCell_header-cell_k4xuc>button{padding:0;margin:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.DataGridHeaderCell_headline_k4xuc{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;color:var(--default)}.DataGridHeaderCell_sorting-indicator-container_k4xuc{display:flex;flex-direction:column;padding-left:.5rem;justify-content:center}.DataGridHeaderCell_sorting-indicator-container_k4xuc>*{font-size:var(--font-size-small)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc{color:var(--greyed-out);transition:transform .2s ease-in-out;transform:rotate(0)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc.DataGridHeaderCell_ascending_k4xuc{color:var(--color-primary)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc.DataGridHeaderCell_descending_k4xuc{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc.DataGridHeaderCell_hidden_k4xuc{visibility:hidden}@media only screen and (min-width: 50em){.DataGridHeaderCell_header-cell_k4xuc:first-child{padding-left:1.25rem}.DataGridHeaderCell_header-cell_k4xuc:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeaderCell_headline_k4xuc",a="DataGridHeaderCell_indicator_k4xuc",d="DataGridHeaderCell_ascending_k4xuc",i="DataGridHeaderCell_descending_k4xuc",r={"header-cell":"DataGridHeaderCell_header-cell_k4xuc",headline:e,"sorting-indicator-container":"DataGridHeaderCell_sorting-indicator-container_k4xuc",indicator:a,ascending:d,descending:i};exports.ascending=d,exports.default=r,exports.descending=i,exports.headline=e,exports.indicator=a;
+//# sourceMappingURL=DataGridHeaderCell.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.es.js

@@ -0,0 +1,21 @@
+!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 */.DataGridHeaderCell_header-cell_k4xuc{font-weight:400;text-align:left;padding:.625rem .75rem}.DataGridHeaderCell_header-cell_k4xuc:first-child{padding-left:1rem}.DataGridHeaderCell_header-cell_k4xuc:last-child{padding-right:1rem}.DataGridHeaderCell_header-cell_k4xuc>*{display:inline-flex}.DataGridHeaderCell_header-cell_k4xuc>button{padding:0;margin:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.DataGridHeaderCell_headline_k4xuc{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;color:var(--default)}.DataGridHeaderCell_sorting-indicator-container_k4xuc{display:flex;flex-direction:column;padding-left:.5rem;justify-content:center}.DataGridHeaderCell_sorting-indicator-container_k4xuc>*{font-size:var(--font-size-small)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc{color:var(--greyed-out);transition:transform .2s ease-in-out;transform:rotate(0)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc.DataGridHeaderCell_ascending_k4xuc{color:var(--color-primary)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc.DataGridHeaderCell_descending_k4xuc{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell_sorting-indicator-container_k4xuc .DataGridHeaderCell_indicator_k4xuc.DataGridHeaderCell_hidden_k4xuc{visibility:hidden}@media only screen and (min-width: 50em){.DataGridHeaderCell_header-cell_k4xuc:first-child{padding-left:1.25rem}.DataGridHeaderCell_header-cell_k4xuc:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const headline = "DataGridHeaderCell_headline_k4xuc";
+const indicator = "DataGridHeaderCell_indicator_k4xuc";
+const ascending = "DataGridHeaderCell_ascending_k4xuc";
+const descending = "DataGridHeaderCell_descending_k4xuc";
+const classes = {
+  "header-cell": "DataGridHeaderCell_header-cell_k4xuc",
+  headline,
+  "sorting-indicator-container": "DataGridHeaderCell_sorting-indicator-container_k4xuc",
+  indicator,
+  ascending,
+  descending
+};
+export {
+  ascending,
+  classes as default,
+  descending,
+  headline,
+  indicator
+};
+//# sourceMappingURL=DataGridHeaderCell.module.scss.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.es.js.map

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

package/dist/components/DatePicker/DatePicker.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-day-picker"),r=require("./DatePicker.module.scss.cjs.js");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=c(require("date-fns/locale"));exports.DatePicker=({onSelect:c,value:n,required:a,mode:s,locale:l,...u})=>{const[i,d]=e.useState(o.enGB),f=new Date(3e3,12);e.useEffect((()=>{try{const e=o[l];d(e)}catch(e){d(o.enGB)}}),[l]);const y={showOutsideDays:!0,captionLayout:"dropdown-years",required:a,classNames:(()=>{const e={};return Object.keys(r.default).forEach((t=>{const c=t.replace("rdp-","");e[c]=r.default[t]})),e})(),locale:i};return e.createElement(e.Fragment,null,e.createElement(t.DayPicker,{...u,...y,mode:s,endMonth:f,onSelect:c,selected:n}))};
+//# sourceMappingURL=DatePicker.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs.js","sources":["../../../src/components/DatePicker/DatePicker.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, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport {\n  ClassNames,\n  DateRange,\n  DayPicker,\n  Locale,\n  PropsBase,\n  CustomComponents\n} from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n  numberOfMonths?: number;\n  components?: Partial<CustomComponents>;\n  disabled?: boolean;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n  //we have to specify the endMonth value. Otherwise, the date range picker doesn't let us navigate between years\n  const endMonth = new Date(3000, 12);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":["onSelect","value","required","mode","locale","rest","dayPickerLocale","setDayPickerLocale","useState","locales","enGB","endMonth","Date","useEffect","selectedLocale","e","commonProps","showOutsideDays","captionLayout","classNames","dayPickerClassNames","Object","keys","classes","forEach","key","classKey","replace","default","getCustomClassNamesMapping","createElement","Fragment","React","DayPicker","selected"],"mappings":"wfAwC0B,EAAGA,WAAUC,QAAOC,WAAUC,OAAMC,YAAWC,MACvE,MAAOC,EAAiBC,GAAsBC,EAAAA,SAAiBC,EAAQC,MAEjEC,EAAW,IAAIC,KAAK,IAAM,IAEhCC,EAAAA,WAAU,KACJ,IACI,MAAAC,EAAiBL,EAAQL,GAC/BG,EAAmBO,SACZC,GACPR,EAAmBE,EAAQC,KAAI,IAEhC,CAACN,IAEJ,MAYMY,EAAyB,CAC7BC,iBAAiB,EACjBC,cAAe,iBACfhB,WACAiB,WAhBiC,MACjC,MACMC,EAA2C,CAAC,EAO3C,OALPC,OAAOC,KAAKC,EAAAA,SAASC,SAAeC,IAClC,MAAMC,EAAWD,EAAIE,QAJE,OAIwB,IAC3BP,EAAAM,GAAYH,EAAAK,QAAQH,EAAG,IAGtCL,CAAA,EAOKS,GACZzB,OAAQE,GAIR,SAAAwB,cAACC,EACEA,SAAA,KACCC,EAAAF,cAACG,EAAAA,UAAA,IACK5B,KACAW,EACJb,OACAQ,WACAX,WACAkC,SAAUjC,IAYhB"}

package/dist/components/DatePicker/DatePicker.es.js

@@ -0,0 +1,57 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { DayPicker } from "react-day-picker";
+import classes from "./DatePicker.module.scss.es.js";
+import * as locales from "date-fns/locale";
+const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }) => {
+  const [dayPickerLocale, setDayPickerLocale] = useState(locales.enGB);
+  const endMonth = new Date(3e3, 12);
+  useEffect(() => {
+    try {
+      const selectedLocale = locales[locale];
+      setDayPickerLocale(selectedLocale);
+    } catch (e) {
+      setDayPickerLocale(locales.enGB);
+    }
+  }, [locale]);
+  const getCustomClassNamesMapping = () => {
+    const CLASSNAME_PREFIX = "rdp-";
+    const dayPickerClassNames = {};
+    Object.keys(classes).forEach((key) => {
+      const classKey = key.replace(CLASSNAME_PREFIX, "");
+      dayPickerClassNames[classKey] = classes[key];
+    });
+    return dayPickerClassNames;
+  };
+  const commonProps = {
+    showOutsideDays: true,
+    captionLayout: "dropdown-years",
+    required,
+    classNames: getCustomClassNamesMapping(),
+    locale: dayPickerLocale
+  };
+  return /* @__PURE__ */ React.createElement(Fragment, null, mode === "single" ? /* @__PURE__ */ React.createElement(
+    DayPicker,
+    {
+      ...rest,
+      ...commonProps,
+      mode,
+      endMonth,
+      onSelect,
+      selected: value
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    DayPicker,
+    {
+      ...rest,
+      ...commonProps,
+      mode,
+      endMonth,
+      onSelect,
+      selected: value
+    }
+  ));
+};
+export {
+  DatePicker
+};
+//# sourceMappingURL=DatePicker.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.es.js","sources":["../../../src/components/DatePicker/DatePicker.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, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport {\n  ClassNames,\n  DateRange,\n  DayPicker,\n  Locale,\n  PropsBase,\n  CustomComponents\n} from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n  numberOfMonths?: number;\n  components?: Partial<CustomComponents>;\n  disabled?: boolean;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n  //we have to specify the endMonth value. Otherwise, the date range picker doesn't let us navigate between years\n  const endMonth = new Date(3000, 12);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAwCa,MAAA,aAAa,CAAC,EAAE,UAAU,OAAO,UAAU,MAAM,QAAQ,GAAG,WAAkB;AACzF,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,QAAQ,IAAI;AAE3E,QAAM,WAAW,IAAI,KAAK,KAAM,EAAE;AAElC,YAAU,MAAM;AACV,QAAA;AACI,YAAA,iBAAiB,QAAQ,MAAO;AACtC,yBAAmB,cAAc;AAAA,aAC1B,GAAG;AACV,yBAAmB,QAAQ,IAAI;AAAA,IAAA;AAAA,EACjC,GACC,CAAC,MAAM,CAAC;AAEX,QAAM,6BAA6B,MAA2B;AAC5D,UAAM,mBAAmB;AACzB,UAAM,sBAA2C,CAAC;AAElD,WAAO,KAAK,OAAO,EAAE,QAAQ,CAAO,QAAA;AAClC,YAAM,WAAW,IAAI,QAAQ,kBAAkB,EAAE;AAC7B,0BAAA,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAAA,CAC5C;AAEM,WAAA;AAAA,EACT;AAEA,QAAM,cAAyB;AAAA,IAC7B,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA,YAAY,2BAA2B;AAAA,IACvC,QAAQ;AAAA,EACV;AAGE,SAAA,sBAAA,cAAC,UACE,MAAA,SAAS,WACR,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAGZ,IAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,CAGhB;AAEJ;"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('.DatePicker_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DatePicker_hidden_k4xuc{display:none}.DatePicker_slide-in_k4xuc{animation:DatePicker_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-in_k4xuc{animation-duration:.1ms}}.DatePicker_slide-out_k4xuc{animation:DatePicker_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-out_k4xuc{animation-duration:.1ms}}@keyframes DatePicker_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DatePicker_slide-out_k4xuc{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 */.DatePicker_rdp-root_k4xuc{--rdp-day-height: calc(2 * var(--font-size));--rdp-day-width: calc(2 * var(--font-size));--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: var(--font-size-sub);--rdp-nav_button-width: var(--font-size-sub);--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--color-blue-grey100);--rdp-range_middle-color: black;--rdp-range_start-color: var(--color-blue-grey25);--rdp-range_start-background: var(--color-blue-grey500);--rdp-range_start-date-background-color: var(--color-blue-grey500);--rdp-range_end-background: var(--color-blue-grey500);--rdp-range_end-color: var(--color-blue-grey25);--rdp-range_end-date-background-color: var(--color-blue-grey500);--rdp-week_number-border-radius: var(--button-border-radius);--rdp-week_number-border: var(--button-border-radius) solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg}.DatePicker_rdp-root_k4xuc[dir=rtl]{--rdp-gradient-direction: -90deg}.DatePicker_rdp-root_k4xuc{position:relative;box-sizing:border-box;font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;line-height:var(--font-size);font-weight:400;text-transform:none;letter-spacing:0;color:var(--default);margin:0 0 calc(1 * var(--font-size)) 0}.DatePicker_rdp-root_k4xuc *{box-sizing:border-box}.DatePicker_rdp-day_k4xuc{width:var(--rdp-day-width);height:var(--rdp-day-height);border:none;text-align:center;padding:0}.DatePicker_rdp-day_button_k4xuc{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day-width);height:var(--rdp-day-height);border:var(--button-border-radius) solid transparent;border-radius:var(--button-border-radius)}.DatePicker_rdp-day_button_k4xuc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:-2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-day_button_k4xuc:disabled{cursor:revert}.DatePicker_rdp-caption_label_k4xuc{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.DatePicker_rdp-caption_label_k4xuc svg{transform:scale(var(--font-size))}.DatePicker_rdp-button_next_k4xuc,.DatePicker_rdp-button_previous_k4xuc{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.DatePicker_rdp-button_next_k4xuc:focus-visible,.DatePicker_rdp-button_previous_k4xuc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-button_previous_k4xuc{margin-right:.5rem}.DatePicker_rdp-button_next_k4xuc:disabled,.DatePicker_rdp-button_previous_k4xuc:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.DatePicker_rdp-chevron_k4xuc{display:inline-block;fill:var(--color-blue-grey500)}.DatePicker_rdp-root_k4xuc[dir=rtl] .DatePicker_rdp-nav_k4xuc .DatePicker_rdp-chevron_k4xuc{transform:rotate(180deg)}.DatePicker_rdp-root_k4xuc[dir=rtl] .DatePicker_rdp-nav_k4xuc .DatePicker_rdp-chevron_k4xuc{transform:rotate(180deg);transform-origin:50%}.DatePicker_rdp-dropdowns_k4xuc{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap);color:var(--color-blue-grey500);font-weight:700}.DatePicker_rdp-dropdown_k4xuc{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.DatePicker_rdp-dropdown_root_k4xuc{position:relative;display:inline-flex;align-items:center}.DatePicker_rdp-years_dropdown_k4xuc:focus-visible+.DatePicker_rdp-caption_label_k4xuc .DatePicker_rdp-chevron_k4xuc{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DatePicker_rdp-years_dropdown_k4xuc+.DatePicker_rdp-caption_label_k4xuc .DatePicker_rdp-chevron_k4xuc{margin-left:.25rem;width:.875rem}.DatePicker_rdp-dropdown_root_k4xuc[data-disabled=true] .DatePicker_rdp-chevron_k4xuc{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-month_caption_k4xuc{display:flex;align-content:center;height:var(--rdp-nav-height)}.DatePicker_rdp-months_k4xuc{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:fit-content}.DatePicker_rdp-month_grid_k4xuc{border-collapse:collapse}.DatePicker_rdp-nav_k4xuc{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.DatePicker_rdp-weekday_k4xuc{padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);font-size:var(--font-size-small);color:var(--color-blue-grey400);height:var(--rdp-day-height);width:var(--rdp-day-width);font-weight:400}.DatePicker_rdp-week_number_k4xuc{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc){position:relative}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc):after{content:"";position:absolute;top:67%;left:calc(50% - .125rem);width:.25rem;height:.25rem;border-radius:.5rem;background-color:var(--color-blue-grey900)}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc).DatePicker_rdp-range_end_k4xuc:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc).DatePicker_rdp-range_start_k4xuc:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-selected_k4xuc{color:#fff;background-color:var(--color-primary);border-radius:var(--button-border-radius)}.DatePicker_rdp-selected_k4xuc.DatePicker_rdp-outside_k4xuc.DatePicker_rdp-range_middle_k4xuc .DatePicker_rdp-day_button_k4xuc{color:var(--color-blue-grey400)}.DatePicker_rdp-selected_k4xuc .DatePicker_rdp-day_button_k4xuc{border:var(--button-border-radius) solid var(--color-blue-grey500)}.DatePicker_rdp-outside_k4xuc{color:var(--color-blue-grey400)}.DatePicker_rdp-disabled_k4xuc{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-hidden_k4xuc{visibility:hidden;color:var(--rdp-range_start-color)}.DatePicker_rdp-range_start_k4xuc{background:var(--rdp-range_start-background)}.DatePicker_rdp-range_start_k4xuc .DatePicker_rdp-day_button_k4xuc{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.DatePicker_rdp-range_middle_k4xuc{background-color:var(--rdp-range_middle-background-color);border-radius:0}.DatePicker_rdp-range_middle_k4xuc:focus-visible{border-radius:var(--focus-border-radius)}.DatePicker_rdp-range_middle_k4xuc .DatePicker_rdp-day_button_k4xuc{border-color:transparent;color:var(--rdp-range_middle-color)}.DatePicker_rdp-range_end_k4xuc{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.DatePicker_rdp-range_end_k4xuc .DatePicker_rdp-day_button_k4xuc{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.DatePicker_rdp-range_start_k4xuc.DatePicker_rdp-range_end_k4xuc{background:revert}.DatePicker_rdp-focusable_k4xuc{cursor:pointer}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DatePicker_hidden_k4xuc",r={"sr-only":"DatePicker_sr-only_k4xuc",hidden:e,"slide-in":"DatePicker_slide-in_k4xuc","slide-out":"DatePicker_slide-out_k4xuc","rdp-root":"DatePicker_rdp-root_k4xuc","rdp-day":"DatePicker_rdp-day_k4xuc","rdp-day_button":"DatePicker_rdp-day_button_k4xuc","rdp-caption_label":"DatePicker_rdp-caption_label_k4xuc","rdp-button_next":"DatePicker_rdp-button_next_k4xuc","rdp-button_previous":"DatePicker_rdp-button_previous_k4xuc","rdp-chevron":"DatePicker_rdp-chevron_k4xuc","rdp-nav":"DatePicker_rdp-nav_k4xuc","rdp-dropdowns":"DatePicker_rdp-dropdowns_k4xuc","rdp-dropdown":"DatePicker_rdp-dropdown_k4xuc","rdp-dropdown_root":"DatePicker_rdp-dropdown_root_k4xuc","rdp-years_dropdown":"DatePicker_rdp-years_dropdown_k4xuc","rdp-month_caption":"DatePicker_rdp-month_caption_k4xuc","rdp-months":"DatePicker_rdp-months_k4xuc","rdp-month_grid":"DatePicker_rdp-month_grid_k4xuc","rdp-weekday":"DatePicker_rdp-weekday_k4xuc","rdp-week_number":"DatePicker_rdp-week_number_k4xuc","rdp-today":"DatePicker_rdp-today_k4xuc","rdp-outside":"DatePicker_rdp-outside_k4xuc","rdp-range_end":"DatePicker_rdp-range_end_k4xuc","rdp-range_start":"DatePicker_rdp-range_start_k4xuc","rdp-selected":"DatePicker_rdp-selected_k4xuc","rdp-range_middle":"DatePicker_rdp-range_middle_k4xuc","rdp-disabled":"DatePicker_rdp-disabled_k4xuc","rdp-hidden":"DatePicker_rdp-hidden_k4xuc","rdp-focusable":"DatePicker_rdp-focusable_k4xuc"};exports.default=r,exports.hidden=e;
+//# sourceMappingURL=DatePicker.module.scss.cjs.js.map

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

@@ -0,0 +1,39 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('.DatePicker_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DatePicker_hidden_k4xuc{display:none}.DatePicker_slide-in_k4xuc{animation:DatePicker_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-in_k4xuc{animation-duration:.1ms}}.DatePicker_slide-out_k4xuc{animation:DatePicker_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-out_k4xuc{animation-duration:.1ms}}@keyframes DatePicker_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DatePicker_slide-out_k4xuc{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 */.DatePicker_rdp-root_k4xuc{--rdp-day-height: calc(2 * var(--font-size));--rdp-day-width: calc(2 * var(--font-size));--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: var(--font-size-sub);--rdp-nav_button-width: var(--font-size-sub);--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--color-blue-grey100);--rdp-range_middle-color: black;--rdp-range_start-color: var(--color-blue-grey25);--rdp-range_start-background: var(--color-blue-grey500);--rdp-range_start-date-background-color: var(--color-blue-grey500);--rdp-range_end-background: var(--color-blue-grey500);--rdp-range_end-color: var(--color-blue-grey25);--rdp-range_end-date-background-color: var(--color-blue-grey500);--rdp-week_number-border-radius: var(--button-border-radius);--rdp-week_number-border: var(--button-border-radius) solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg}.DatePicker_rdp-root_k4xuc[dir=rtl]{--rdp-gradient-direction: -90deg}.DatePicker_rdp-root_k4xuc{position:relative;box-sizing:border-box;font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;line-height:var(--font-size);font-weight:400;text-transform:none;letter-spacing:0;color:var(--default);margin:0 0 calc(1 * var(--font-size)) 0}.DatePicker_rdp-root_k4xuc *{box-sizing:border-box}.DatePicker_rdp-day_k4xuc{width:var(--rdp-day-width);height:var(--rdp-day-height);border:none;text-align:center;padding:0}.DatePicker_rdp-day_button_k4xuc{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day-width);height:var(--rdp-day-height);border:var(--button-border-radius) solid transparent;border-radius:var(--button-border-radius)}.DatePicker_rdp-day_button_k4xuc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:-2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-day_button_k4xuc:disabled{cursor:revert}.DatePicker_rdp-caption_label_k4xuc{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.DatePicker_rdp-caption_label_k4xuc svg{transform:scale(var(--font-size))}.DatePicker_rdp-button_next_k4xuc,.DatePicker_rdp-button_previous_k4xuc{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.DatePicker_rdp-button_next_k4xuc:focus-visible,.DatePicker_rdp-button_previous_k4xuc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-button_previous_k4xuc{margin-right:.5rem}.DatePicker_rdp-button_next_k4xuc:disabled,.DatePicker_rdp-button_previous_k4xuc:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.DatePicker_rdp-chevron_k4xuc{display:inline-block;fill:var(--color-blue-grey500)}.DatePicker_rdp-root_k4xuc[dir=rtl] .DatePicker_rdp-nav_k4xuc .DatePicker_rdp-chevron_k4xuc{transform:rotate(180deg)}.DatePicker_rdp-root_k4xuc[dir=rtl] .DatePicker_rdp-nav_k4xuc .DatePicker_rdp-chevron_k4xuc{transform:rotate(180deg);transform-origin:50%}.DatePicker_rdp-dropdowns_k4xuc{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap);color:var(--color-blue-grey500);font-weight:700}.DatePicker_rdp-dropdown_k4xuc{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.DatePicker_rdp-dropdown_root_k4xuc{position:relative;display:inline-flex;align-items:center}.DatePicker_rdp-years_dropdown_k4xuc:focus-visible+.DatePicker_rdp-caption_label_k4xuc .DatePicker_rdp-chevron_k4xuc{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DatePicker_rdp-years_dropdown_k4xuc+.DatePicker_rdp-caption_label_k4xuc .DatePicker_rdp-chevron_k4xuc{margin-left:.25rem;width:.875rem}.DatePicker_rdp-dropdown_root_k4xuc[data-disabled=true] .DatePicker_rdp-chevron_k4xuc{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-month_caption_k4xuc{display:flex;align-content:center;height:var(--rdp-nav-height)}.DatePicker_rdp-months_k4xuc{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:fit-content}.DatePicker_rdp-month_grid_k4xuc{border-collapse:collapse}.DatePicker_rdp-nav_k4xuc{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.DatePicker_rdp-weekday_k4xuc{padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);font-size:var(--font-size-small);color:var(--color-blue-grey400);height:var(--rdp-day-height);width:var(--rdp-day-width);font-weight:400}.DatePicker_rdp-week_number_k4xuc{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc){position:relative}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc):after{content:"";position:absolute;top:67%;left:calc(50% - .125rem);width:.25rem;height:.25rem;border-radius:.5rem;background-color:var(--color-blue-grey900)}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc).DatePicker_rdp-range_end_k4xuc:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-today_k4xuc:not(.DatePicker_rdp-outside_k4xuc).DatePicker_rdp-range_start_k4xuc:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-selected_k4xuc{color:#fff;background-color:var(--color-primary);border-radius:var(--button-border-radius)}.DatePicker_rdp-selected_k4xuc.DatePicker_rdp-outside_k4xuc.DatePicker_rdp-range_middle_k4xuc .DatePicker_rdp-day_button_k4xuc{color:var(--color-blue-grey400)}.DatePicker_rdp-selected_k4xuc .DatePicker_rdp-day_button_k4xuc{border:var(--button-border-radius) solid var(--color-blue-grey500)}.DatePicker_rdp-outside_k4xuc{color:var(--color-blue-grey400)}.DatePicker_rdp-disabled_k4xuc{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-hidden_k4xuc{visibility:hidden;color:var(--rdp-range_start-color)}.DatePicker_rdp-range_start_k4xuc{background:var(--rdp-range_start-background)}.DatePicker_rdp-range_start_k4xuc .DatePicker_rdp-day_button_k4xuc{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.DatePicker_rdp-range_middle_k4xuc{background-color:var(--rdp-range_middle-background-color);border-radius:0}.DatePicker_rdp-range_middle_k4xuc:focus-visible{border-radius:var(--focus-border-radius)}.DatePicker_rdp-range_middle_k4xuc .DatePicker_rdp-day_button_k4xuc{border-color:transparent;color:var(--rdp-range_middle-color)}.DatePicker_rdp-range_end_k4xuc{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.DatePicker_rdp-range_end_k4xuc .DatePicker_rdp-day_button_k4xuc{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.DatePicker_rdp-range_start_k4xuc.DatePicker_rdp-range_end_k4xuc{background:revert}.DatePicker_rdp-focusable_k4xuc{cursor:pointer}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+const hidden = "DatePicker_hidden_k4xuc";
+const classes = {
+  "sr-only": "DatePicker_sr-only_k4xuc",
+  hidden,
+  "slide-in": "DatePicker_slide-in_k4xuc",
+  "slide-out": "DatePicker_slide-out_k4xuc",
+  "rdp-root": "DatePicker_rdp-root_k4xuc",
+  "rdp-day": "DatePicker_rdp-day_k4xuc",
+  "rdp-day_button": "DatePicker_rdp-day_button_k4xuc",
+  "rdp-caption_label": "DatePicker_rdp-caption_label_k4xuc",
+  "rdp-button_next": "DatePicker_rdp-button_next_k4xuc",
+  "rdp-button_previous": "DatePicker_rdp-button_previous_k4xuc",
+  "rdp-chevron": "DatePicker_rdp-chevron_k4xuc",
+  "rdp-nav": "DatePicker_rdp-nav_k4xuc",
+  "rdp-dropdowns": "DatePicker_rdp-dropdowns_k4xuc",
+  "rdp-dropdown": "DatePicker_rdp-dropdown_k4xuc",
+  "rdp-dropdown_root": "DatePicker_rdp-dropdown_root_k4xuc",
+  "rdp-years_dropdown": "DatePicker_rdp-years_dropdown_k4xuc",
+  "rdp-month_caption": "DatePicker_rdp-month_caption_k4xuc",
+  "rdp-months": "DatePicker_rdp-months_k4xuc",
+  "rdp-month_grid": "DatePicker_rdp-month_grid_k4xuc",
+  "rdp-weekday": "DatePicker_rdp-weekday_k4xuc",
+  "rdp-week_number": "DatePicker_rdp-week_number_k4xuc",
+  "rdp-today": "DatePicker_rdp-today_k4xuc",
+  "rdp-outside": "DatePicker_rdp-outside_k4xuc",
+  "rdp-range_end": "DatePicker_rdp-range_end_k4xuc",
+  "rdp-range_start": "DatePicker_rdp-range_start_k4xuc",
+  "rdp-selected": "DatePicker_rdp-selected_k4xuc",
+  "rdp-range_middle": "DatePicker_rdp-range_middle_k4xuc",
+  "rdp-disabled": "DatePicker_rdp-disabled_k4xuc",
+  "rdp-hidden": "DatePicker_rdp-hidden_k4xuc",
+  "rdp-focusable": "DatePicker_rdp-focusable_k4xuc"
+};
+export {
+  classes as default,
+  hidden
+};
+//# sourceMappingURL=DatePicker.module.scss.es.js.map

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

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

package/dist/components/Form/Checkbox/Checkbox.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("./Checkbox.module.scss.cjs.js"),o=require("../../../hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js"),s=require("../../withReadOnly.cjs.js"),n=require("../../InlineEditing/InlineEditingContext.cjs.js"),l=e=>{var r;return!!(null==(r=null==e?void 0:e.props)?void 0:r["data-toggle"])},i=s.withReadOnly(e.forwardRef((({readOnly:s,children:c,name:d,helperText:p,helperProps:u,indeterminate:m,parentErrorId:h,errorMessage:b,errorMessageProps:f,disabled:I,label:j,parentHelperId:E,className:g,error:k,checked:x=!1,formSelectorWrapperProps:q,required:y,onChange:v,...N},S)=>{const{errorId:$,identifier:C,describedBy:w}=o.useFormSelector({name:d,helperText:p,parentErrorId:h,errorMessage:b,error:k,parentHelperId:E}),{required:P}=n.useInlineEditing();e.useEffect((()=>{if(!d)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if("object"==typeof c&&!l(c)&&void 0===m)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const M=[a.default.input],F=[a.default["native-input"]],O=[a.default["checkbox-wrapper"]];return k&&F.push(a.default.error),I&&F.push(a.default.disabled)&&M.push(a.default.disabled),g&&O.push(g),e.createElement(t.FormSelectorWrapper,{...q,className:O.join(" "),containerProps:{className:a.default["checkbox-container"]},helperText:p,helperProps:u,parentErrorId:h,errorId:$,errorMessage:b,errorMessageProps:{...f,className:`${null==f?void 0:f.className} ${a.default["error-message"]}`},error:k,disabled:I,identifier:C,required:P,nestedChildren:"object"==typeof c&&!l(c)&&e.createElement("ul",{className:a.default["checkbox-list"]},e.Children.map(c,(r=>e.createElement("li",null,e.createElement(i,{...r.props,parentHelperId:E,parentErrorId:h,error:k,disabled:r.props.disabled?r.props.disabled:I},r.props.children)))))},e.createElement("input",{...N,ref:S,disabled:I,className:F.join(" "),checked:x,onChange:e=>{I||null==v||v(e)},"aria-invalid":k,"aria-checked":m?"mixed":x,"aria-describedby":w,"aria-required":y||P,id:`${C}-checkbox`,name:d,type:"checkbox"}),e.Children.toArray(c).filter(l),m&&e.createElement(r.Icon,{className:`${M.join(" ")} ${a.default.indeterminate}`,icon:r.Icons.MinusSquare}),x&&!m&&e.createElement(r.Icon,{className:`${M.join(" ")} ${a.default.checkmark}`,icon:r.Icons.CheckmarkSquare}),!x&&!m&&e.createElement(r.Icon,{className:`${M.join(" ")} ${a.default.square}`,icon:r.Icons.Square}),e.createElement("label",{className:`${y?a.default.required:""}`,htmlFor:`${C}-checkbox`},j||("string"==typeof c?c:void 0)))})));exports.Checkbox=i;
+//# sourceMappingURL=Checkbox.cjs.js.map

package/dist/components/Form/Checkbox/Checkbox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs.js","sources":["../../../../src/components/Form/Checkbox/Checkbox.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  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, FormSelector {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  required?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  readOnlyView?: boolean;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    readOnly,\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    errorMessageProps,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    required,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const { required: inlineRequired } = useInlineEditing();\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      errorMessageProps={{\n        ...errorMessageProps,\n        className: `${errorMessageProps?.className} ${classes[\"error-message\"]}`\n      }}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      required={inlineRequired}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        aria-required={required || inlineRequired}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label\n        className={`${required ? classes[\"required\"] : \"\"}`}\n        htmlFor={`${identifier}-checkbox`}\n      >\n        {determineLabel()}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));\n"],"names":["isToggle","children","_a","props","Checkbox","withReadOnly","React","forwardRef","readOnly","name","helperText","helperProps","indeterminate","parentErrorId","errorMessage","errorMessageProps","disabled","label","parentHelperId","className","error","checked","formSelectorWrapperProps","required","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","inlineRequired","useInlineEditing","useEffect","Error","iconClasses","classes","nativeInputClasses","wrapperClasses","push","default","createElement","FormSelectorWrapper","join","containerProps","nestedChildren","Children","map","child","event","id","type","toArray","filter","Icon","icon","Icons","MinusSquare","CheckmarkSquare","Square","htmlFor"],"mappings":"8YAmCMA,EAAYC,UAAyB,SAAE,OAAAC,EAA2B,MAAAD,OAAA,EAAAA,EAAAE,YAAQ,EAAAD,EAAA,eAAA,EAyKnEE,EAAWC,EAAAA,aAAaC,EAAMC,YA7JkC,EAEzEC,WACAP,WACAQ,OACAC,aACAC,cACAC,gBACAC,gBACAC,eACAC,oBACAC,WACAC,QACAC,iBACAC,YACAC,QACAC,WAAU,EACVC,2BACAC,WACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,WAAAA,EAAAC,YAAYA,GAAgBC,EAAAA,gBAAgB,CAC3DrB,OACAC,aACAG,gBACAC,eACAM,QACAF,oBAGMK,SAAUQ,GAAmBC,qBAErCC,EAAAA,WAAU,KACR,IAAKxB,EACG,MAAA,IAAIyB,MAAM,2DAGd,GAAoB,iBAAbjC,IAA0BD,EAASC,SAA+B,IAAlBW,EACzD,MAAM,IAAIsB,MACR,6HACF,GAED,IAEH,MAuCMC,EAAc,CAACC,UAAe,OAC9BC,EAAqB,CAACD,UAAQ,iBAC9BE,EAAiB,CAACF,UAAQ,qBAM9B,OALFhB,GAASiB,EAAmBE,KAAKH,EAAQI,QAAO,OACpCxB,GAAAqB,EAAmBE,KAAKH,EAAAA,QAAkB,WAAMD,EAAYI,KAAKH,UAAkB,UAClFjB,GAAAmB,EAAeC,KAAKpB,GAG/Bb,EAAAmC,cAACC,EAAAA,oBAAA,IACKpB,EACJH,UAAWmB,EAAeK,KAAK,KAC/BC,eAAgB,CAAEzB,UAAWiB,EAAAI,QAAQ,uBACrC9B,aACAC,cACAE,gBACAc,UACAb,eACAC,kBAAmB,IACdA,EACHI,UAAW,GAAsB,MAAnBJ,OAAmB,EAAAA,EAAAI,aAAaiB,EAAAA,QAAQ,oBAExDhB,QACAJ,WACAY,aACAL,SAAUQ,EACVc,eACsB,iBAAb5C,IAA0BD,EAASC,IAtD7CK,EAAAmC,cAAA,KAAA,CAAGtB,UAAWiB,EAAAA,QAAQ,kBACpB9B,EAAMwC,SAASC,IAAI9C,GAAqC+C,mBAEpD,KACC,KAAA1C,EAAAmC,cAACrC,EAAA,IACK4C,EAAM7C,MACVe,iBACAL,gBACAO,QACAJ,SAAUgC,EAAM7C,MAAMa,SAAWgC,EAAM7C,MAAMa,SAAWA,GAEvDgC,EAAM7C,MAAMF,eA8CrBK,EAAAmC,cAAC,QAAA,IACKhB,EACJC,MACAV,WACAG,UAAWkB,EAAmBM,KAAK,KACnCtB,UACAG,SA5CmByB,IACnBjC,GAGO,MAAAQ,GAAAA,EAAAyB,EAAA,EAyCP,eAAc7B,EACd,eAAcR,EAAgB,QAAUS,EACxC,mBAAkBQ,EAClB,gBAAeN,GAAYQ,EAC3BmB,GAAI,GAAGtB,aACPnB,OACA0C,KAAK,aA5CgB7C,EAAMwC,SAASM,QAAQnD,GAAUoD,OAAOrD,GAgD9DY,GACCN,EAAAmC,cAACa,EAAAA,KAAA,CACCnC,UAAW,GAAGgB,EAAYQ,KAAK,QAAQP,EAAAA,QAAuB,gBAC9DmB,KAAMC,EAAAA,MAAMC,cAGfpC,IAAYT,GACXN,EAAAmC,cAACa,EAAAA,KAAA,CACCnC,UAAW,GAAGgB,EAAYQ,KAAK,QAAQP,EAAAA,QAAmB,YAC1DmB,KAAMC,EAAAA,MAAME,mBAGdrC,IAAYT,GACXN,EAAAmC,cAAAa,OAAA,CAAKnC,UAAW,GAAGgB,EAAYQ,KAAK,QAAQP,EAAAA,QAAgB,SAAKmB,KAAMC,QAAMG,SAEhFrD,EAAAmC,cAAC,QAAA,CACCtB,UAAW,GAAGI,EAAWa,EAAQI,QAAU,SAAI,KAC/CoB,QAAS,GAAGhC,cAnGZX,IAE2B,iBAAbhB,EACTA,OAFA,IAsGT"}

package/dist/components/Form/Checkbox/Checkbox.es.js

@@ -0,0 +1,154 @@
+import React, { useEffect } from "react";
+import { Icon, Icons } from "../../Icon/Icon.es.js";
+import classes from "./Checkbox.module.scss.es.js";
+import { useFormSelector } from "../../../hooks/useFormSelector.es.js";
+import { FormSelectorWrapper } from "../FormSelectorWrapper/FormSelectorWrapper.es.js";
+import { withReadOnly } from "../../withReadOnly.es.js";
+import { useInlineEditing } from "../../InlineEditing/InlineEditingContext.es.js";
+const isToggle = (children) => {
+  var _a;
+  return !!((_a = children == null ? void 0 : children.props) == null ? void 0 : _a["data-toggle"]);
+};
+const CheckboxComponent = ({
+  readOnly,
+  children,
+  name,
+  helperText,
+  helperProps,
+  indeterminate,
+  parentErrorId,
+  errorMessage,
+  errorMessageProps,
+  disabled,
+  label,
+  parentHelperId,
+  className,
+  error,
+  checked = false,
+  formSelectorWrapperProps,
+  required,
+  onChange,
+  ...rest
+}, ref) => {
+  const { errorId, identifier, describedBy } = useFormSelector({
+    name,
+    helperText,
+    parentErrorId,
+    errorMessage,
+    error,
+    parentHelperId
+  });
+  const { required: inlineRequired } = useInlineEditing();
+  useEffect(() => {
+    if (!name) {
+      throw new Error("Please pass a 'name' prop to your <Checkbox> component.");
+    }
+    if (typeof children === "object" && !isToggle(children) && indeterminate === void 0) {
+      throw new Error(
+        "If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop."
+      );
+    }
+  }, []);
+  const determineLabel = () => {
+    if (label) {
+      return label;
+    } else if (typeof children === "string") {
+      return children;
+    }
+  };
+  const renderNestedCheckboxes = () => /* @__PURE__ */ React.createElement("ul", { className: classes["checkbox-list"] }, React.Children.map(children, (child) => {
+    return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+      Checkbox,
+      {
+        ...child.props,
+        parentHelperId,
+        parentErrorId,
+        error,
+        disabled: child.props.disabled ? child.props.disabled : disabled
+      },
+      child.props.children
+    ));
+  }));
+  const onChangeHandler = (event) => {
+    if (disabled) {
+      return;
+    }
+    onChange == null ? void 0 : onChange(event);
+  };
+  const renderToggle = () => React.Children.toArray(children).filter(isToggle);
+  const iconClasses = [classes["input"]];
+  const nativeInputClasses = [classes["native-input"]];
+  const wrapperClasses = [classes["checkbox-wrapper"]];
+  error && nativeInputClasses.push(classes["error"]);
+  disabled && nativeInputClasses.push(classes["disabled"]) && iconClasses.push(classes["disabled"]);
+  className && wrapperClasses.push(className);
+  return /* @__PURE__ */ React.createElement(
+    FormSelectorWrapper,
+    {
+      ...formSelectorWrapperProps,
+      className: wrapperClasses.join(" "),
+      containerProps: { className: classes["checkbox-container"] },
+      helperText,
+      helperProps,
+      parentErrorId,
+      errorId,
+      errorMessage,
+      errorMessageProps: {
+        ...errorMessageProps,
+        className: `${errorMessageProps == null ? void 0 : errorMessageProps.className} ${classes["error-message"]}`
+      },
+      error,
+      disabled,
+      identifier,
+      required: inlineRequired,
+      nestedChildren: typeof children === "object" && !isToggle(children) && renderNestedCheckboxes()
+    },
+    /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        ...rest,
+        ref,
+        disabled,
+        className: nativeInputClasses.join(" "),
+        checked,
+        onChange: onChangeHandler,
+        "aria-invalid": error,
+        "aria-checked": indeterminate ? "mixed" : checked,
+        "aria-describedby": describedBy,
+        "aria-required": required || inlineRequired,
+        id: `${identifier}-checkbox`,
+        name,
+        type: "checkbox"
+      }
+    ),
+    renderToggle(),
+    indeterminate && /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        className: `${iconClasses.join(" ")} ${classes["indeterminate"]}`,
+        icon: Icons.MinusSquare
+      }
+    ),
+    checked && !indeterminate && /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        className: `${iconClasses.join(" ")} ${classes["checkmark"]}`,
+        icon: Icons.CheckmarkSquare
+      }
+    ),
+    !checked && !indeterminate && /* @__PURE__ */ React.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["square"]}`, icon: Icons.Square }),
+    /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        className: `${required ? classes["required"] : ""}`,
+        htmlFor: `${identifier}-checkbox`
+      },
+      determineLabel()
+    )
+  );
+};
+const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.es.js.map

package/dist/components/Form/Checkbox/Checkbox.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.es.js","sources":["../../../../src/components/Form/Checkbox/Checkbox.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  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, FormSelector {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  required?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  readOnlyView?: boolean;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    readOnly,\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    errorMessageProps,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    required,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const { required: inlineRequired } = useInlineEditing();\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      errorMessageProps={{\n        ...errorMessageProps,\n        className: `${errorMessageProps?.className} ${classes[\"error-message\"]}`\n      }}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      required={inlineRequired}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        aria-required={required || inlineRequired}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label\n        className={`${required ? classes[\"required\"] : \"\"}`}\n        htmlFor={`${identifier}-checkbox`}\n      >\n        {determineLabel()}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));\n"],"names":[],"mappings":";;;;;;;AAmCA,MAAM,WAAW,CAAC,aAAwB;;AAAA,UAAC,GAAE,0CAA2B,UAA3B,mBAAmC;AAAA;AAYhF,MAAM,oBAAuE,CAC3E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,YAAY,YAAA,IAAgB,gBAAgB;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,EAAE,UAAU,eAAe,IAAI,iBAAiB;AAEtD,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACH,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAAA;AAGvE,QAAA,OAAO,aAAa,YAAY,CAAC,SAAS,QAAQ,KAAK,kBAAkB,QAAW;AACtF,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ,GAAG,EAAE;AAEL,QAAM,iBAAiB,MAAM;AAG3B,QAAI,OAAO;AACF,aAAA;AAAA,IAAA,WACE,OAAO,aAAa,UAAU;AAChC,aAAA;AAAA,IAAA;AAAA,EAEX;AAEA,QAAM,yBAAyB,MAC5B,sBAAA,cAAA,MAAA,EAAG,WAAW,QAAQ,eAAe,EAAA,GACnC,MAAM,SAAS,IAAI,UAA4B,CAAS,UAAA;AACvD,+CACG,MACC,MAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,MAAM,MAAM,WAAW,MAAM,MAAM,WAAW;AAAA,MAAA;AAAA,MAEvD,MAAM,MAAM;AAAA,IAAA,CAEjB;AAAA,EAAA,CAEH,CACH;AAGI,QAAA,kBAAkB,CAAC,UAA+C;AACtE,QAAI,UAAU;AACZ;AAAA,IAAA;AAEF,yCAAW;AAAA,EACb;AAEM,QAAA,eAAe,MAAM,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,QAAQ;AAE3E,QAAM,cAAc,CAAC,QAAQ,OAAO,CAAC;AACrC,QAAM,qBAAqB,CAAC,QAAQ,cAAc,CAAC;AACnD,QAAM,iBAAiB,CAAC,QAAQ,kBAAkB,CAAC;AACnD,WAAS,mBAAmB,KAAK,QAAQ,OAAO,CAAC;AACrC,cAAA,mBAAmB,KAAK,QAAQ,UAAU,CAAC,KAAK,YAAY,KAAK,QAAQ,UAAU,CAAC;AACnF,eAAA,eAAe,KAAK,SAAS;AAGxC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,eAAe,KAAK,GAAG;AAAA,MAClC,gBAAgB,EAAE,WAAW,QAAQ,oBAAoB,EAAE;AAAA,MAC3D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH,WAAW,GAAG,uDAAmB,SAAS,IAAI,QAAQ,eAAe,CAAC;AAAA,MACxE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,gBACE,OAAO,aAAa,YAAY,CAAC,SAAS,QAAQ,KAAK,uBAAuB;AAAA,IAAA;AAAA,IAGhF,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW,mBAAmB,KAAK,GAAG;AAAA,QACtC;AAAA,QACA,UAAU;AAAA,QACV,gBAAc;AAAA,QACd,gBAAc,gBAAgB,UAAU;AAAA,QACxC,oBAAkB;AAAA,QAClB,iBAAe,YAAY;AAAA,QAC3B,IAAI,GAAG,UAAU;AAAA,QACjB;AAAA,QACA,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACC,aAAa;AAAA,IAEb,iBACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,YAAY,KAAK,GAAG,CAAC,IAAI,QAAQ,eAAe,CAAC;AAAA,QAC/D,MAAM,MAAM;AAAA,MAAA;AAAA,IACd;AAAA,IAED,WAAW,CAAC,iBACX,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,YAAY,KAAK,GAAG,CAAC,IAAI,QAAQ,WAAW,CAAC;AAAA,QAC3D,MAAM,MAAM;AAAA,MAAA;AAAA,IACd;AAAA,IAED,CAAC,WAAW,CAAC,iBACX,sBAAA,cAAA,MAAA,EAAK,WAAW,GAAG,YAAY,KAAK,GAAG,CAAC,IAAI,QAAQ,QAAQ,CAAC,IAAI,MAAM,MAAM,QAAQ;AAAA,IAExF,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,WAAW,QAAQ,UAAU,IAAI,EAAE;AAAA,QACjD,SAAS,GAAG,UAAU;AAAA,MAAA;AAAA,MAErB,eAAe;AAAA,IAAA;AAAA,EAEpB;AAEJ;AAEO,MAAM,WAAW,aAAa,MAAM,WAAW,iBAAiB,CAAC;"}

package/dist/components/Form/Checkbox/Checkbox.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('.Checkbox_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Checkbox_hidden_k4xuc{display:none}.Checkbox_slide-in_k4xuc{animation:Checkbox_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Checkbox_slide-in_k4xuc{animation-duration:.1ms}}.Checkbox_slide-out_k4xuc{animation:Checkbox_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Checkbox_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Checkbox_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox_slide-out_k4xuc{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 */.Checkbox_checkbox-wrapper_k4xuc{position:relative}.Checkbox_checkbox-wrapper_k4xuc+.Checkbox_checkbox-wrapper_k4xuc{margin-top:.75rem}.Checkbox_checkbox-container_k4xuc{display:flex}.Checkbox_checkbox-container_k4xuc label{display:inline-block;margin-left:calc(.5 * var(--font-size));-webkit-user-select:none;user-select:none;font-size:var(--font-size-form-label);font-family:var(--font-family);margin-top:.1rem}.Checkbox_checkbox-list_k4xuc{padding:0;margin:1rem 0 0 1.75rem;list-style:none}.Checkbox_checkbox-list_k4xuc li+li{margin-top:.75rem}.Checkbox_native-input_k4xuc{position:absolute;top:0;left:0;opacity:0;margin:0;width:var(--font-size-big);height:var(--font-size-big);z-index:2}.Checkbox_native-input_k4xuc:checked:not(.Checkbox_disabled_k4xuc)+*{color:var(--checkbox-checked-color)}.Checkbox_native-input_k4xuc:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox_native-input_k4xuc:active:not(.Checkbox_disabled_k4xuc)+span{background-color:var(--disabled)}.Checkbox_native-input_k4xuc.Checkbox_error_k4xuc:focus-visible+*{outline-color:var(--color-error)}.Checkbox_native-input_k4xuc+span[data-icon=true]:before{display:block;width:var(--font-size-big);height:var(--font-size-big)}.Checkbox_native-input_k4xuc:hover+.Checkbox_square_k4xuc:not(.Checkbox_disabled_k4xuc){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox_native-input_k4xuc:active+.Checkbox_square_k4xuc:not(.Checkbox_disabled_k4xuc){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox_native-input_k4xuc:hover+.Checkbox_checkmark_k4xuc:not(.Checkbox_disabled_k4xuc),.Checkbox_native-input_k4xuc:active+.Checkbox_indeterminate_k4xuc:not(.Checkbox_disabled_k4xuc){color:var(--checkbox-checked-hover-color)}.Checkbox_native-input_k4xuc:active+.Checkbox_checkmark_k4xuc:not(.Checkbox_disabled_k4xuc),.Checkbox_native-input_k4xuc:active+.Checkbox_indeterminate_k4xuc:not(.Checkbox_disabled_k4xuc){color:var(--checkbox-checked-pressed-color)}.Checkbox_error-message_k4xuc{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size));font-size:var(--font-size-sub)}.Checkbox_input_k4xuc{font-size:var(--font-size-big);width:var(--font-size-big);height:var(--font-size-big);z-index:1;color:var(--checkbox-unchecked-color)}.Checkbox_disabled_k4xuc{cursor:not-allowed}.Checkbox_disabled_k4xuc+span{color:var(--disabled);pointer-events:none}.Checkbox_disabled_k4xuc+label{color:var(--greyed-out)}.Checkbox_disabled_k4xuc+.Checkbox_checkmark_k4xuc,.Checkbox_disabled_k4xuc+.Checkbox_indeterminate_k4xuc{color:var(--disabled);background-color:var(--greyed-out);border-radius:2px;outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox_indeterminate_k4xuc{color:var(--checkbox-checked-color)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc label{border-color:var(--read-only-border-color);color:var(--read-only-text-color);background-color:transparent;-webkit-user-select:text;user-select:text}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc span{color:var(--color-blue-grey100)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc span.Checkbox_checkmark_k4xuc{background-color:var(--color-blue-grey900);color:var(--color-white);border-radius:2px}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc span.Checkbox_checkmark_k4xuc:before{outline:1px solid var(--read-only-border-color);border-radius:2px;outline-offset:-1px}[data-readonlyview=true] .Checkbox_checkbox-wrapper_k4xuc input[type=checkbox]{pointer-events:none}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span:before{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_k4xuc{background-color:var(--color-blue-grey900);color:var(--color-white);border:1px solid var(--read-only-border-color);border-radius:3px}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_k4xuc:before{color:var(--color-white)}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span[data-icon=true]{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_k4xuc{background-color:var(--color-blue-grey900);color:var(--color-white);border:0}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_k4xuc:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:2px}.Checkbox_checkbox-container_k4xuc input[type=checkbox][data-readonlyview=true]~label{pointer-events:none;-webkit-user-select:text;user-select:text}.Checkbox_required_k4xuc:after{content:" *";color:var(--error)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Checkbox_disabled_k4xuc",r="Checkbox_error_k4xuc",c="Checkbox_square_k4xuc",o="Checkbox_checkmark_k4xuc",x="Checkbox_indeterminate_k4xuc",k="Checkbox_input_k4xuc",t="Checkbox_required_k4xuc",u={"checkbox-wrapper":"Checkbox_checkbox-wrapper_k4xuc","checkbox-container":"Checkbox_checkbox-container_k4xuc","checkbox-list":"Checkbox_checkbox-list_k4xuc","native-input":"Checkbox_native-input_k4xuc",disabled:e,error:r,square:c,checkmark:o,indeterminate:x,"error-message":"Checkbox_error-message_k4xuc",input:k,required:t};exports.checkmark=o,exports.default=u,exports.disabled=e,exports.error=r,exports.indeterminate=x,exports.input=k,exports.required=t,exports.square=c;
+//# sourceMappingURL=Checkbox.module.scss.cjs.js.map