@onewelcome/react-lib-components 6.6.0 → 6.7.1

package/dist/esm/Pagination/Pagination.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.esm.js","sources":["../../../../../src/components/Pagination/Pagination.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  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) return 1;\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label id=\"page-size-select-label\">{translate.itemsPerPage}</Label>\n            <Select\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                searchInputProps={{\n                  wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                  reset: resetPageNoSelect,\n                  autoComplete: \"off\"\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {!!(currentPage !== undefined || (currentPage !== undefined && !totalElements)) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations","PaginationComponent","totalElements","pageSize","translate","currentPage","className","onPageChange","onPageSizeChange","rest","ref","calculateAmountOfPages","Math","ceil","pagesAmount","resetPageNoSelect","setResetPageNoSelect","useState","onPageSizeChangeHandler","event","pageSizeNumber","Number","target","value","onPageChangeHandler","pageToGoTo","useEffect","React","classes","createElement","Label","id","itemsPerPage","Select","labeledBy","toString","onChange","Option","tabIndex","totalItems","Fragment","htmlFor","readyclasses","currentPageLabel","key","size","length","e","name","searchInputProps","wrapperProps","reset","autoComplete","Array","from","keys","map","page","replace","IconButton","disabled","title","onClick","Icon","icon","Icons","NavigationFirst","ChevronLeft","undefined","ChevronRight","NavigationLast","Pagination","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Pagination.esm.js","sources":["../../../../../src/components/Pagination/Pagination.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  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) return 1;\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label id=\"page-size-select-label\" className={classes[\"label\"]}>\n              {translate.itemsPerPage}\n            </Label>\n            <Select\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                searchInputProps={{\n                  wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                  reset: resetPageNoSelect,\n                  autoComplete: \"off\"\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {!!(currentPage !== undefined || (currentPage !== undefined && !totalElements)) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations","PaginationComponent","totalElements","pageSize","translate","currentPage","className","onPageChange","onPageSizeChange","rest","ref","calculateAmountOfPages","Math","ceil","pagesAmount","resetPageNoSelect","setResetPageNoSelect","useState","onPageSizeChangeHandler","event","pageSizeNumber","Number","target","value","onPageChangeHandler","pageToGoTo","useEffect","React","classes","createElement","Label","id","itemsPerPage","Select","labeledBy","toString","onChange","Option","tabIndex","totalItems","Fragment","htmlFor","readyclasses","currentPageLabel","key","size","length","e","name","searchInputProps","wrapperProps","reset","autoComplete","Array","from","keys","map","page","replace","IconButton","disabled","title","onClick","Icon","icon","Icons","NavigationFirst","ChevronLeft","undefined","ChevronRight","NavigationLast","Pagination","forwardRef"],"mappings":"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"}

package/dist/esm/Pagination/Pagination.module.esm.js

@@ -1,2 +1,2 @@
-import i from "../../lib/style-inject.js";var a='/*!\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 */.Pagination-module_pagination-wrapper__X2HPa{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);justify-content:space-between;line-height:var(--default-line-height)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_left__JVzMc{display:flex}.Pagination-module_pagination-wrapper__X2HPa label{margin-bottom:0}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB{height:2.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB .Pagination-module_search-input-wrapper__Hitqd{width:2.75rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB button{min-height:2.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD span{color:var(--color-blue-grey500)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_next__m7YXa,.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_previous__Ll4sA{align-items:center;display:flex}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_next__m7YXa button span:before,.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_previous__Ll4sA button span:before{font-size:.75rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm{align-items:center;display:none}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm label{color:var(--color-blue-grey900);font-weight:500}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm+.Pagination-module_total__y4KKD{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page__GmQEl{align-items:center;display:flex;flex-basis:min-content;padding-right:1rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-total__LAt-e{color:var(--color-blue-grey900);display:inline-block;font-weight:500;margin-left:.5rem;white-space:nowrap}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page__GmQEl+.Pagination-module_previous__Ll4sA{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX{margin:0 .25rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button{min-width:3.75rem;padding:0}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button div[data-display]{left:.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button div:not([data-display]){right:.5rem}.Pagination-module_current-page-select__L8FUf button{min-width:3.75rem;padding:0}.Pagination-module_current-page-select__L8FUf button div[data-display]{left:.5rem}.Pagination-module_current-page-select__L8FUf button div:not([data-display]){right:.5rem}@media screen and (min-width:30em){.Pagination-module_pagination-wrapper__X2HPa{flex-direction:row}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD{justify-content:flex-start}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79{justify-content:flex-end;margin-top:0}}@media screen and (min-width:48em){.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm{display:flex;margin-right:1rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2Q0FJRSx1QkFBd0IsQ0FDeEIsWUFBYSxDQUNiLHFCQUFzQixDQUx0Qiw4QkFBK0IsQ0FDL0IsMEJBQTJCLENBSzNCLDZCQUE4QixDQUo5QixzQ0FLRixDQUNBLDRFQUNFLFlBQ0YsQ0FDQSxtREFDRSxlQUNGLENBQ0Esb0ZBQ0UsYUFDRixDQUNBLG1JQUNFLGFBQ0YsQ0FDQSwyRkFDRSxpQkFDRixDQUNBLDZFQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsYUFBYyxDQUdkLHNCQUNGLENBQ0Esa0ZBQ0UsK0JBQ0YsQ0FDQSxrRkFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGFBQWMsQ0FHZCxzQkFBdUIsQ0FDdkIsZUFDRixDQUNBLHNPQUdFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsNFFBRUUsZ0JBQ0YsQ0FDQSxnRkFFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHNGQUVFLCtCQUFnQyxDQURoQyxlQUVGLENBQ0EsZ0hBRUUsK0NBQWdELENBRGhELHFCQUVGLENBQ0EsNEVBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixzQkFBdUIsQ0FDdkIsa0JBQ0YsQ0FDQSxrRkFLRSwrQkFBZ0MsQ0FKaEMsb0JBQXFCLENBR3JCLGVBQWdCLENBRmhCLGlCQUFtQixDQUNuQixrQkFHRixDQUNBLCtHQUVFLCtDQUFnRCxDQURoRCxxQkFFRixDQUNBLHdGQUNFLGVBQ0YsQ0FDQSwrRkFDRSxpQkFBa0IsQ0FDbEIsU0FDRixDQUNBLGlIQUNFLFVBQ0YsQ0FDQSx1SEFDRSxXQUNGLENBRUEscURBQ0UsaUJBQWtCLENBQ2xCLFNBQ0YsQ0FDQSx1RUFDRSxVQUNGLENBQ0EsNkVBQ0UsV0FDRixDQUVBLG1DQUNFLDZDQUNFLGtCQUNGLENBQ0EsNkVBQ0UsMEJBQ0YsQ0FDQSxrRkFFRSx3QkFBeUIsQ0FEekIsWUFFRixDQUNGLENBQ0EsbUNBQ0UsZ0ZBQ0UsWUFBYSxDQUNiLGlCQUNGLENBQ0YiLCJmaWxlIjoiUGFnaW5hdGlvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAubGVmdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIGxhYmVsIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCB7XG4gIGhlaWdodDogMi41cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAuZm9ybS1lbGVtZW50IC5zZWFyY2gtaW5wdXQtd3JhcHBlciB7XG4gIHdpZHRoOiAyLjc1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAuZm9ybS1lbGVtZW50IGJ1dHRvbiB7XG4gIG1pbi1oZWlnaHQ6IDIuNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgZmxleDogMSAwIGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAudG90YWwgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gIGZsZXg6IDEgMCBhdXRvO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLnByZXZpb3VzLFxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiAubmV4dCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5wcmV2aW91cyBidXR0b24gc3BhbjpiZWZvcmUsXG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5uZXh0IGJ1dHRvbiBzcGFuOmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIGxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wZXItcGFnZSArIC50b3RhbCB7XG4gIHBhZGRpbmctbGVmdDogMC45Mzc1cmVtO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1iYXNpczogbWluLWNvbnRlbnQ7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXRvdGFsIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2UgKyAucHJldmlvdXMge1xuICBwYWRkaW5nLWxlZnQ6IDAuOTM3NXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCB7XG4gIG1hcmdpbjogMCAwLjI1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCBidXR0b24ge1xuICBtaW4td2lkdGg6IDMuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXNpemUtc2VsZWN0IGJ1dHRvbiBkaXZbZGF0YS1kaXNwbGF5XSB7XG4gIGxlZnQ6IDAuNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIHtcbiAgbWluLXdpZHRoOiAzLjc1cmVtO1xuICBwYWRkaW5nOiAwO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB9XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0OGVtKSB7XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgfVxufSJdfQ== */';var n={"pagination-wrapper":"Pagination-module_pagination-wrapper__X2HPa",left:"Pagination-module_left__JVzMc","form-element":"Pagination-module_form-element__kxljB","search-input-wrapper":"Pagination-module_search-input-wrapper__Hitqd",total:"Pagination-module_total__y4KKD",pagination:"Pagination-module_pagination__Kih79",previous:"Pagination-module_previous__Ll4sA",next:"Pagination-module_next__m7YXa","per-page":"Pagination-module_per-page__r5GWm",page:"Pagination-module_page__GmQEl","page-total":"Pagination-module_page-total__LAt-e","page-size-select":"Pagination-module_page-size-select__tCBkX","current-page-select":"Pagination-module_current-page-select__L8FUf"};i(a);export{n as default};
+import i from "../../lib/style-inject.js";var a='/*!\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 */.Pagination-module_pagination-wrapper__X2HPa{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-data-grid);justify-content:space-between;line-height:var(--data-grid-line-height)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_left__JVzMc{display:flex}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB{height:2.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB .Pagination-module_search-input-wrapper__Hitqd{width:2.75rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB button{min-height:2.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD span{color:var(--color-blue-grey500)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_next__m7YXa,.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_previous__Ll4sA{align-items:center;display:flex}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_next__m7YXa button span:before,.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_previous__Ll4sA button span:before{font-size:.75rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm{align-items:center;display:none}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm label{color:var(--color-blue-grey900);font-size:var(--font-size-data-grid);font-weight:500;line-height:var(--data-grid-line-height)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm+.Pagination-module_total__y4KKD{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page__GmQEl{align-items:center;display:flex;flex-basis:min-content;padding-right:1rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-total__LAt-e{color:var(--color-blue-grey900);display:inline-block;font-weight:500;margin-left:.5rem;white-space:nowrap}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page__GmQEl+.Pagination-module_previous__Ll4sA{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX{margin:0 .25rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button{min-width:3.75rem;padding:0}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button div[data-display]{left:.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button div:not([data-display]){right:.5rem}.Pagination-module_current-page-select__L8FUf button{min-width:3.75rem;padding:0}.Pagination-module_current-page-select__L8FUf button div[data-display]{left:.5rem}.Pagination-module_current-page-select__L8FUf button div:not([data-display]){right:.5rem}@media screen and (min-width:30em){.Pagination-module_pagination-wrapper__X2HPa{flex-direction:row}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD{justify-content:flex-start}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79{justify-content:flex-end;margin-top:0}}@media screen and (min-width:48em){.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm{display:flex;margin-right:1rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2Q0FJRSx1QkFBd0IsQ0FDeEIsWUFBYSxDQUNiLHFCQUFzQixDQUx0Qiw4QkFBK0IsQ0FDL0Isb0NBQXFDLENBS3JDLDZCQUE4QixDQUo5Qix3Q0FLRixDQUNBLDRFQUNFLFlBQ0YsQ0FDQSxvRkFDRSxhQUNGLENBQ0EsbUlBQ0UsYUFDRixDQUNBLDJGQUNFLGlCQUNGLENBQ0EsNkVBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixhQUFjLENBR2Qsc0JBQ0YsQ0FDQSxrRkFDRSwrQkFDRixDQUNBLGtGQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsYUFBYyxDQUdkLHNCQUF1QixDQUN2QixlQUNGLENBQ0Esc09BR0Usa0JBQW1CLENBRG5CLFlBRUYsQ0FDQSw0UUFFRSxnQkFDRixDQUNBLGdGQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0Esc0ZBSUUsK0JBQWdDLENBSGhDLG9DQUFxQyxDQUVyQyxlQUFnQixDQURoQix3Q0FHRixDQUNBLGdIQUVFLCtDQUFnRCxDQURoRCxxQkFFRixDQUNBLDRFQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0Esa0ZBS0UsK0JBQWdDLENBSmhDLG9CQUFxQixDQUdyQixlQUFnQixDQUZoQixpQkFBbUIsQ0FDbkIsa0JBR0YsQ0FDQSwrR0FFRSwrQ0FBZ0QsQ0FEaEQscUJBRUYsQ0FDQSx3RkFDRSxlQUNGLENBQ0EsK0ZBQ0UsaUJBQWtCLENBQ2xCLFNBQ0YsQ0FDQSxpSEFDRSxVQUNGLENBQ0EsdUhBQ0UsV0FDRixDQUVBLHFEQUNFLGlCQUFrQixDQUNsQixTQUNGLENBQ0EsdUVBQ0UsVUFDRixDQUNBLDZFQUNFLFdBQ0YsQ0FFQSxtQ0FDRSw2Q0FDRSxrQkFDRixDQUNBLDZFQUNFLDBCQUNGLENBQ0Esa0ZBRUUsd0JBQXlCLENBRHpCLFlBRUYsQ0FDRixDQUNBLG1DQUNFLGdGQUNFLFlBQWEsQ0FDYixpQkFDRixDQUNGIiwiZmlsZSI6IlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBhZ2luYXRpb24td3JhcHBlciB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmxlZnQge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAuZm9ybS1lbGVtZW50IHtcbiAgaGVpZ2h0OiAyLjVyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5mb3JtLWVsZW1lbnQgLnNlYXJjaC1pbnB1dC13cmFwcGVyIHtcbiAgd2lkdGg6IDIuNzVyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5mb3JtLWVsZW1lbnQgYnV0dG9uIHtcbiAgbWluLWhlaWdodDogMi41cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAudG90YWwge1xuICBmbGV4OiAxIDAgYXV0bztcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC50b3RhbCBzcGFuIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIHtcbiAgZmxleDogMSAwIGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiAucHJldmlvdXMsXG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5uZXh0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLnByZXZpb3VzIGJ1dHRvbiBzcGFuOmJlZm9yZSxcbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLm5leHQgYnV0dG9uIHNwYW46YmVmb3JlIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGVyLXBhZ2Uge1xuICBkaXNwbGF5OiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGVyLXBhZ2UgbGFiZWwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wZXItcGFnZSArIC50b3RhbCB7XG4gIHBhZGRpbmctbGVmdDogMC45Mzc1cmVtO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1iYXNpczogbWluLWNvbnRlbnQ7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXRvdGFsIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2UgKyAucHJldmlvdXMge1xuICBwYWRkaW5nLWxlZnQ6IDAuOTM3NXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCB7XG4gIG1hcmdpbjogMCAwLjI1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCBidXR0b24ge1xuICBtaW4td2lkdGg6IDMuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXNpemUtc2VsZWN0IGJ1dHRvbiBkaXZbZGF0YS1kaXNwbGF5XSB7XG4gIGxlZnQ6IDAuNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIHtcbiAgbWluLXdpZHRoOiAzLjc1cmVtO1xuICBwYWRkaW5nOiAwO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB9XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0OGVtKSB7XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgfVxufSJdfQ== */';var n={"pagination-wrapper":"Pagination-module_pagination-wrapper__X2HPa",left:"Pagination-module_left__JVzMc","form-element":"Pagination-module_form-element__kxljB","search-input-wrapper":"Pagination-module_search-input-wrapper__Hitqd",total:"Pagination-module_total__y4KKD",pagination:"Pagination-module_pagination__Kih79",previous:"Pagination-module_previous__Ll4sA",next:"Pagination-module_next__m7YXa","per-page":"Pagination-module_per-page__r5GWm",page:"Pagination-module_page__GmQEl","page-total":"Pagination-module_page-total__LAt-e","page-size-select":"Pagination-module_page-size-select__tCBkX","current-page-select":"Pagination-module_current-page-select__L8FUf"};i(a);export{n as default};
 //# sourceMappingURL=Pagination.module.esm.js.map

package/dist/esm/_BaseStyling_/BaseStyling.esm.js

@@ -1,2 +1,2 @@
-import r,{useState as o,useRef as e,useEffect as l}from"react";const a=({children:a,properties:t={}})=>{const c={colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorBlueGrey25:"#F7F7F9",colorBlueGrey25Transparent:"rgba(247, 247, 249, .8)",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorLightBlue500:"#00BCDD",colorLightBlue600:"#0096B1",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorShadowBlue:"#7078C3",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBackgroundColor:"var(--color-blue-grey25-transparent)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",snackbarTextColor:"var(--light)",snackbarInfoBackgroundColor:"var(--color-primary500)",snackbarSuccessBackgroundColor:"var(--color-green500)",snackbarErrorBackgroundColor:"var(--color-red500)",snackbarWarningBackgroundColor:"var(--color-orange500)",snackbarBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",wizardStepIndicatorFutureColor:"var(--color-blue-grey200)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",formControlFontSize:"0.875rem"};const[n,u]=o(true);const d=e(null);const i=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));d.current.style.setProperty(`--${r}`,e)}};l((()=>{if(Object.keys(t).length!==0&&d.current){const r={...c,...t};i(r)}else if(d.current)i(c);u(false)}),[t,d.current]);return r.createElement("div",{className:"basestyling-wrapper",ref:d},!n?a:null)};export{a as BaseStyling};
+import r,{useState as o,useRef as e,useEffect as l}from"react";const a=({children:a,properties:t={}})=>{const c={colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorPrimaryLight:"#E6E7F4",colorBlueGrey25:"#F7F7F9",colorBlueGrey25Transparent:"rgba(247, 247, 249, .8)",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorLightBlue500:"#00BCDD",colorLightBlue600:"#0096B1",colorOrange100:"#FFE0B2",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed100:"#FFCDD2",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorShadowBlue:"#7078C3",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",dataGridLineHeight:"1.25",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",fileUploadBorderWidth:"1px",dragDropBorderStyle:"dashed",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBackgroundColor:"var(--color-blue-grey25-transparent)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",snackbarTextColor:"var(--light)",snackbarInfoBackgroundColor:"var(--color-primary500)",snackbarSuccessBackgroundColor:"var(--color-green500)",snackbarErrorBackgroundColor:"var(--color-red500)",snackbarWarningBackgroundColor:"var(--color-orange500)",snackbarBorderRadius:"2px",alertTextColor:"var(--default)",alertTextInvertedColor:"var(--light)",alertNeutralBackgroundColor:"var(--color-blue-grey50)",alertNeutralInvertedColor:"var(--color-blue-grey500)",alertInfoBackgroundColor:"var(--color-primary100)",alertInfoInvertedColor:"var(--color-primary500)",alertSuccessBackgroundColor:"var(--color-green100)",alertSuccessInvertedColor:"var(--color-green500)",alertErrorBackgroundColor:"var(--color-red100)",alertErrorInvertedColor:"var(--color-red500)",alertWarningBackgroundColor:"var(--color-orange100)",alertWarningInvertedColor:"var(--color-orange500)",alertBorderWidth:"4px",alertBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",wizardStepIndicatorFutureColor:"var(--color-blue-grey200)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",defaultZIndex1:"1",formControlFontSize:"0.875rem",fontSizeDataGrid:"0.875rem"};const[n,d]=o(true);const u=e(null);const i=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));u.current.style.setProperty(`--${r}`,e)}};l((()=>{if(Object.keys(t).length!==0&&u.current){const r={...c,...t};i(r)}else if(u.current)i(c);d(false)}),[t,u.current]);return r.createElement("div",{className:"basestyling-wrapper",ref:u},!n?a:null)};export{a as BaseStyling};
 //# sourceMappingURL=BaseStyling.esm.js.map

package/dist/esm/_BaseStyling_/BaseStyling.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.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\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey25Transparent?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorLightBlue500?: string;\n  colorLightBlue600?: string;\n  colorShadowBlue?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n  snackbarTextColor?: string;\n  snackbarInfoBackgroundColor?: string;\n  snackbarSuccessBackgroundColor?: string;\n  snackbarErrorBackgroundColor?: string;\n  snackbarWarningBackgroundColor?: string;\n  snackbarBorderRadius?: string;\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  wizardStepIndicatorFutureColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorLightBlue500: \"#00BCDD\",\n    colorLightBlue600: \"#0096B1\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorShadowBlue: \"#7078C3\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n    snackbarTextColor: \"var(--light)\",\n    snackbarInfoBackgroundColor: \"var(--color-primary500)\",\n    snackbarSuccessBackgroundColor: \"var(--color-green500)\",\n    snackbarErrorBackgroundColor: \"var(--color-red500)\",\n    snackbarWarningBackgroundColor: \"var(--color-orange500)\",\n    snackbarBorderRadius: \"2px\",\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    wizardStepIndicatorFutureColor: \"var(--color-blue-grey200)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    formControlFontSize: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["BaseStyling","children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange500","colorOrange600","colorOrange700","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","snackbarTextColor","snackbarInfoBackgroundColor","snackbarSuccessBackgroundColor","snackbarErrorBackgroundColor","snackbarWarningBackgroundColor","snackbarBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","wizardStepIndicatorFutureColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"+DAyMO,MAAMA,EAAc,EAAGC,WAAUC,aAAa,CAAE,MACrD,MAAMC,EAAmC,CACvCC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,2BAA4B,0BAC5BC,gBAAiB,UACjBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,kBAAmB,UACnBC,kBAAmB,UACnBC,eAAgB,UAChBC,eAAgB,UAChBC,eAAgB,UAChBC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,cAAe,UACfC,aAAc,qBACdC,aAAc,qBACdC,gBAAiB,UACjBC,WAAY,UACZC,WAAY,0BACZC,aAAc,0BACdC,aAAc,wBACdC,aAAc,yBACdC,YAAa,sBACbC,oBAAqB,4BACrBC,kBAAmB,2BACnBC,kBAAmB,MACnBC,oBAAqB,UACrBC,kBAAmB,WACnBC,mBAAoB,WACpBC,kBAAmB,MACnBC,eAAgB,WAChBC,kBAAmB,QACnBC,oBAAqB,eACrBC,0BAA2B,0BAC3BC,wBAAyB,0BACzBC,0BAA2B,0BAC3BC,0BAA2B,0BAC3BC,0BAA2B,wBAC3BC,wBAAyB,wBACzBC,0BAA2B,wBAC3BC,0BAA2B,wBAC3BC,yBAA0B,sBAC1BC,uBAAwB,sBACxBC,yBAA0B,sBAC1BC,yBAA0B,sBAC1BC,0BAA2B,yBAC3BC,wBAAyB,yBACzBC,0BAA2B,yBAC3BC,0BAA2B,yBAC3BC,mBAAoB,4BACpBC,wBAAyB,4BACzBC,0BAA2B,4BAC3BC,0BAA2B,4BAC3BC,4BAA6B,0BAC7BC,4BAA6B,2BAC7BC,8BAA+B,+BAC/BC,0BAA2B,0BAC3BC,4BAA6B,0BAC7BC,0BAA2B,2BAC3BC,4BAA6B,+BAC7BC,gBAAiB,0BACjBC,kBAAmB,0BACnBC,kBAAmB,MACnBC,iBAAkB,MAClBC,sBAAuB,MACvBC,iBAAkB,QAClBC,iBAAkB,4BAClBC,qBAAsB,eACtBC,qBAAsB,4BACtBC,0BAA2B,6BAC3BC,6BAA8B,sCAC9BC,oBAAqB,uCACrBC,gBAAiB,QACjBC,iBAAkB,sBAClBC,qBAAsB,eACtBC,mBAAoB,iBACpBC,wBAAyB,kBACzBC,0BAA2B,gBAC3BC,kBAAmB,eACnBC,4BAA6B,0BAC7BC,+BAAgC,wBAChCC,6BAA8B,sBAC9BC,+BAAgC,yBAChCC,qBAAsB,MACtBC,oBAAqB,4BACrBC,yBAA0B,4BAC1BC,0BAA2B,4BAC3BC,4BAA6B,4BAC7BC,oBAAqB,0BACrBC,yBAA0B,0BAC1BC,0BAA2B,0BAC3BC,4BAA6B,0BAC7BC,iBAAkB,wBAClBC,sBAAuB,wBACvBC,uBAAwB,wBACxBC,yBAA0B,wBAC1BC,kBAAmB,sBACnBC,uBAAwB,sBACxBC,wBAAyB,sBACzBC,0BAA2B,sBAC3BC,wBAAyB,qBACzBC,iBAAkB,4BAClBC,qBAAsB,4BACtBC,yBAA0B,4BAC1BC,6BAA8B,4BAC9BC,kBAAmB,4BACnBC,oBAAqB,4BACrBC,yBAA0B,sBAC1BC,0BAA2B,4BAC3BC,4BAA6B,4BAC7BC,iCAAkC,sBAClCC,mBAAoB,MACpBC,kBAAmB,YACnBC,2BAA4B,cAC5BC,gCAAiC,6BACjCC,2BAA4B,kBAC5BC,oBAAqB,eACrBC,sBAAuB,UACvBC,qBAAsB,uBACtBC,mBAAoB,uBACpBC,mBAAoB,YACpBC,mBAAoB,QACpBC,mBAAoB,4BACpBC,aAAc,4BACdC,cAAe,6BACfC,gBAAiB,+BACjBC,sBAAuB,4BACvBC,uBAAwB,iBACxBC,+BAAgC,4BAChCC,sBAAuB,6BACvBC,wBAAyB,+BACzBC,QAAS,4BACTC,QAAS,wBACTC,MAAO,sBACPC,KAAM,0BACNC,SAAU,4BACVC,UAAW,4BACXC,gBAAiB,4BACjBC,QAAS,yBACTC,MAAO,qBACPC,WAAY,qBACZC,eAAgB,2BAChBC,kBAAmB,WACnBC,SAAU,OACVC,WAAY,SACZC,WAAY,WACZC,WAAY,SACZC,WAAY,UACZC,YAAa,SACbC,aAAc,OACdC,oBAAqB,YAIvB,MAAOC,EAAWC,GAAgBC,EAAS,MAC3C,MAAMC,EAAqBC,EAAO,MAElC,MAAMC,EAAoBC,IACxB,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQJ,GAAsB,CAC9D,MAAMK,EAAwBJ,EAAIK,QAAQ,YAAYC,GAAO,IAAIA,EAAIC,kBACpEX,EAAmBY,QAAyBC,MAAMC,YACjD,KAAKN,IACLH,EAEH,GAGHU,GAAU,KACR,GAAIT,OAAOU,KAAK9L,GAAY+L,SAAW,GAAKjB,EAAmBY,QAAS,CACtE,MAAMM,EAAc,IAAK/L,KAAsBD,GAC/CgL,EAAiBgB,EAClB,MAAM,GAAIlB,EAAmBY,QAC5BV,EAAiB/K,GAEnB2K,EAAa,MAAM,GAClB,CAAC5K,EAAY8K,EAAmBY,UAEnC,OACEO,uBAAKC,UAAU,sBAAsBC,IAAKrB,IACtCH,EAAY5K,EAAW,KAE3B"}
+{"version":3,"file":"BaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.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\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimaryLight?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey25Transparent?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorLightBlue500?: string;\n  colorLightBlue600?: string;\n  colorShadowBlue?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  /**\n   * @deprecated\n   */\n  snackbarTextColor?: string;\n  /**\n   * @deprecated\n   */\n  snackbarInfoBackgroundColor?: string;\n  /**\n   * @deprecated\n   */\n  snackbarSuccessBackgroundColor?: string;\n  /**\n   * @deprecated\n   */\n  snackbarErrorBackgroundColor?: string;\n  /**\n   * @deprecated\n   */\n  snackbarWarningBackgroundColor?: string;\n  /**\n   * @deprecated\n   */\n  snackbarBorderRadius?: string;\n\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  wizardStepIndicatorFutureColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  defaultZIndex1?: string;\n  fontSizeDataGrid?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorPrimaryLight: \"#E6E7F4\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorLightBlue500: \"#00BCDD\",\n    colorLightBlue600: \"#0096B1\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorShadowBlue: \"#7078C3\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    snackbarTextColor: \"var(--light)\",\n    snackbarInfoBackgroundColor: \"var(--color-primary500)\",\n    snackbarSuccessBackgroundColor: \"var(--color-green500)\",\n    snackbarErrorBackgroundColor: \"var(--color-red500)\",\n    snackbarWarningBackgroundColor: \"var(--color-orange500)\",\n    snackbarBorderRadius: \"2px\",\n\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    wizardStepIndicatorFutureColor: \"var(--color-blue-grey200)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    defaultZIndex1: \"1\",\n    formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n    fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["BaseStyling","children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorPrimaryLight","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","snackbarTextColor","snackbarInfoBackgroundColor","snackbarSuccessBackgroundColor","snackbarErrorBackgroundColor","snackbarWarningBackgroundColor","snackbarBorderRadius","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","wizardStepIndicatorFutureColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","defaultZIndex1","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"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"}

package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.esm.js

@@ -0,0 +1,2 @@
+import e from"react";import n from"./MicrofrontendContainer.module.esm.js";const t=({header:t,children:r,contentMargins:o=true,contentMaxWidth:i=true,...a})=>{const c=[];o&&c.push(n["microfrontend-container-margin"]);i&&c.push(n["microfrontend-container-max-width"]);return e.createElement(e.Fragment,null,e.createElement("div",null,t),e.createElement("div",{className:c.join(" "),...a},r))};export{t as MicrofrontendContainer};
+//# sourceMappingURL=MicrofrontendContainer.esm.js.map

package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrofrontendContainer.esm.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["MicrofrontendContainer","header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"iFA0BaA,EAAyB,EACpCC,SACAC,WACAC,iBAAiB,KACjBC,kBAAkB,QACfC,MAEH,MAAMC,EAAiB,GAEvBH,GAAkBG,EAAeC,KAAKC,EAAQ,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAQ,sCAE/C,OACEC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,KAAMT,GACNQ,EAAAC,cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}

package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.esm.js

@@ -0,0 +1,2 @@
+import n from "../../../../lib/style-inject.js";var e='/*!\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 */.MicrofrontendContainer-module_microfrontend-container-margin__sCNCe{padding:2rem}.MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6{max-width:105rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pY3JvZnJvbnRlbmRDb250YWluZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixxRUFDRSxZQUNGLENBQ0Esd0VBQ0UsZ0JBQ0YiLCJmaWxlIjoiTWljcm9mcm9udGVuZENvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWljcm9mcm9udGVuZC1jb250YWluZXItbWFyZ2luIHtcbiAgcGFkZGluZzogMnJlbTtcbn1cbi5taWNyb2Zyb250ZW5kLWNvbnRhaW5lci1tYXgtd2lkdGgge1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn0iXX0= */';var i={"microfrontend-container-margin":"MicrofrontendContainer-module_microfrontend-container-margin__sCNCe","microfrontend-container-max-width":"MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6"};n(e);export{i as default};
+//# sourceMappingURL=MicrofrontendContainer.module.esm.js.map

package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrofrontendContainer.module.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Form/FileUpload/FileItem/FileItem.d.ts

@@ -6,12 +6,22 @@ export interface Props extends ComponentPropsWithRef<"div"> {
     status?: UploadProgress;
     progress?: number;
     error?: string;
+    downloadFileLink?: string;
+    totalPercentage?: number;
     onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
 }
 export declare enum FILE_ACTION {
     DELETE = "delete",
+    DOWNLOAD = "download",
     REMOVE = "remove",
     ABORT = "abort",
     RETRY = "retry"
 }
+export declare enum ACTION_STATUS {
+    COMPLETED = "completed",
+    UPLOADING = "uploading",
+    ERROR = "error",
+    RETRY = "retry",
+    READONLY = "readonly"
+}
 export declare const FileItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/components/Form/FileUpload/FileUpload.d.ts

@@ -21,6 +21,9 @@ export interface Props extends FileUploadType {
     onDrop?: (e: FileType[]) => void;
     onChange?: (e: FileType[]) => void;
     onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+    downloadFileLink?: string;
+    isRequired?: boolean;
+    invalidDropErrorMessage?: string;
 }
 export declare const FileUpload: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/src/components/Icon/Icon.d.ts

@@ -73,7 +73,11 @@ export declare enum Icons {
     FileDownload = "file-download-outline",
     UploadOutline = "upload-outline",
     ReplyOutline = "reply-outline",
-    SaveOutline = "save-outline"
+    SaveOutline = "save-outline",
+    DownloadFile = "download-file-outline",
+    RetryFile = "retry",
+    AbortFile = "cancel",
+    FileAltIcon = "file-alt"
 }
 type Tag = "span" | "div" | "i";
 export interface Props extends ComponentPropsWithRef<"div"> {

package/dist/esm/src/components/Layout/ContentHeader/ContentHeader.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes, ReactElement } from "react";
+import { Button, Props as ButtonProps } from "../../Button/Button";
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    subtitle?: string;
+    buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];
+    collapsed?: boolean;
+}
+export declare const ContentHeaderComponent: ({ title, children, buttons, collapsed, subtitle, ...rest }: Props) => React.JSX.Element;
+export declare const ContentHeader: ({ title, children, buttons, collapsed, subtitle, ...rest }: Props) => React.JSX.Element;

package/dist/esm/src/components/Layout/ContentHeader/ContentHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    header?: string;
+    subtext?: string;
+}
+export declare const FormSectionComponent: ForwardRefRenderFunction<HTMLDivElement, Props>;
+export declare const FormSection: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Props as StepperProps } from "../../../../Stepper/Stepper";
+import { Props as StepProps } from "../../../../Stepper/Step";
+export interface FormStepProps extends StepProps {
+    targetScrollViewId?: string;
+}
+export interface Props extends StepperProps {
+    steps: FormStepProps[];
+}
+export declare const FormStepper: ({ steps, direction, textPosition, ...rest }: Props) => React.JSX.Element;

package/dist/esm/src/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Layout/FormPage/FormWithStepper/FormWithStepper.d.ts

@@ -0,0 +1,6 @@
+import React, { HTMLAttributes, ReactElement } from "react";
+import { Props as FormStepperProps, FormStepper } from "./FormStepper/FormStepper";
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    stepper?: ReactElement<FormStepperProps, typeof FormStepper>;
+}
+export declare const FormWithStepper: ({ children, stepper, ...rest }: Props) => React.JSX.Element;

package/dist/esm/src/components/Layout/FormPage/FormWithStepper/FormWithStepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Notifications/Alert/AlertContainer/AlertContainer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface Placement {
+    vertical: "top" | "bottom";
+    horizontal: "start" | "center" | "end";
+}
+export interface Props {
+    placement: Placement;
+    children?: React.ReactNode;
+    zIndex?: number;
+    className?: string;
+}
+export declare const AlertContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

package/dist/esm/src/components/Notifications/Alert/AlertContainer/AlertContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.d.ts

@@ -0,0 +1,4 @@
+export declare function useAlertContainerHeightAnimation(): {
+    height: number;
+    justifyContent: "flex-end" | "flex-start";
+};

package/dist/esm/src/components/Notifications/Alert/AlertItem/AlertItem.d.ts

@@ -0,0 +1,22 @@
+import React, { ButtonHTMLAttributes } from "react";
+export declare const EMPHASES: readonly ["low", "medium", "high"];
+export type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];
+export declare const VARIANTS: readonly ["neutral", "informative", "success", "warning", "error"];
+export type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];
+export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+})[];
+export interface Props {
+    id: string;
+    title?: string;
+    content?: string;
+    duration?: number;
+    emphasis?: Emphasis;
+    variant?: Variant;
+    className?: string;
+    onClose?: () => void;
+    closeButtonTitle?: string;
+    actions?: Actions;
+    wasShown?: boolean;
+}
+export declare const AlertItem: ({ id, title, duration, variant, emphasis, content, className, actions, onClose, closeButtonTitle, wasShown }: Props) => React.JSX.Element;

package/dist/esm/src/components/Notifications/Alert/AlertItem/AlertItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Notifications/Alert/AlertProvider/AlertContext.d.ts

@@ -0,0 +1,13 @@
+import { AlertEntry } from "./AlertProvider";
+export type AlertQueue = Omit<AlertEntry, "id">;
+export interface AlertContextValue {
+    enqueueAlert: (entry: AlertQueue) => void;
+    enqueueInfoAlert: (entry: AlertQueue) => void;
+    enqueueSuccessAlert: (entry: AlertQueue) => void;
+    enqueueWarningAlert: (entry: AlertQueue) => void;
+    enqueueErrorAlert: (entry: AlertQueue) => void;
+    setAlertHeight: (id: string, height: number) => void;
+    alerts: AlertEntry[];
+}
+declare const AlertContext: import("react").Context<AlertContextValue>;
+export default AlertContext;

package/dist/esm/src/components/Notifications/Alert/AlertProvider/AlertProvider.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+import { Placement } from "../AlertContainer/AlertContainer";
+import { Props as AlertComponentProps } from "../AlertItem/AlertItem";
+/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */
+interface Duration {
+    long: number;
+    short: number;
+}
+export interface Props {
+    closeButtonTitle: string;
+    children?: ReactNode;
+    placement?: Placement;
+    stackSize?: number;
+    domRoot?: HTMLElement;
+    autoHideDuration?: Duration;
+    className?: string;
+}
+export type AlertEntry = AlertComponentProps & {
+    height?: number;
+};
+export declare const AlertProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }: Props) => React.JSX.Element;
+export {};

package/dist/esm/src/components/Notifications/Alert/AlertProvider/AlertProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Notifications/Alert/useAlert.d.ts

@@ -0,0 +1,7 @@
+export declare const useAlert: () => {
+    enqueueAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueInfoAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueSuccessAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueWarningAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueErrorAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+};

package/dist/esm/src/components/Notifications/Alert/useAlert.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.d.ts

@@ -1,12 +1,21 @@
 import React from "react";
+/**
+ * @deprecated
+ */
 export interface Placement {
     vertical: "top" | "bottom";
     horizontal: "start" | "center" | "end";
 }
+/**
+ * @deprecated
+ */
 export interface Props {
     placement: Placement;
     children?: React.ReactNode;
     zIndex?: number;
     className?: string;
 }
+/**
+ * @deprecated
+ */
 export declare const SnackbarContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

package/dist/esm/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import { Variant, Actions } from "../interfaces";
+/**
+ * @deprecated
+ */
 export interface Props {
     id: string;
     title?: string;
@@ -11,4 +14,7 @@ export interface Props {
     content?: string;
     actions?: Actions;
 }
+/**
+ * @deprecated
+ */
 export declare const SnackbarItem: ({ id, title, duration, variant, content, className, actions, onClose, closeButtonTitle }: Props) => React.JSX.Element;

package/dist/esm/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.d.ts

@@ -6,6 +6,9 @@ interface Duration {
     long: number;
     short: number;
 }
+/**
+ * @deprecated
+ */
 export interface Props {
     closeButtonTitle: string;
     children?: ReactNode;
@@ -15,6 +18,9 @@ export interface Props {
     autoHideDuration?: Duration;
     className?: string;
 }
+/**
+ * @deprecated
+ */
 export interface Item {
     id: string;
     title?: string;
@@ -26,5 +32,8 @@ export interface Item {
     actions?: Actions;
     onClose?: () => void;
 }
+/**
+ * @deprecated
+ */
 export declare const SnackbarProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }?: Props) => React.JSX.Element;
 export {};