@onewelcome/react-lib-components 8.12.1 → 8.13.0

package/dist/cjs/src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { Props } from "../../BaseModal/BaseModalContent/BaseModalContent";
 export declare const SideSheetContent: React.FC<Props>;
-export { Props } from "../../BaseModal/BaseModalContent/BaseModalContent";
+export type { Props } from "../../BaseModal/BaseModalContent/BaseModalContent";

package/dist/cjs/src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { Props } from "../../BaseModal/BaseModalHeader/BaseModalHeader";
 export declare const SideSheetHeader: React.FC<Props>;
-export { Props } from "../../BaseModal/BaseModalHeader/BaseModalHeader";
+export type { Props } from "../../BaseModal/BaseModalHeader/BaseModalHeader";

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts

@@ -16,21 +16,23 @@ export interface CSSProperties {
     colorPrimary700?: string;
     colorPrimary900?: string;
     colorPrimary50?: string;
+    colorBlueGrey25?: string;
+    colorBlueGrey50?: string;
     colorBlueGrey100?: string;
     colorBlueGrey200?: string;
     colorBlueGrey300?: string;
     colorBlueGrey400?: string;
-    colorBlueGrey25?: string;
-    colorBlueGrey50?: string;
     colorBlueGrey500?: string;
     colorBlueGrey700?: string;
     colorBlueGrey800?: string;
     colorBlueGrey900?: string;
+    colorGreen50?: string;
     colorGreen100?: string;
     colorGreen200?: string;
     colorGreen500?: string;
     colorGreen600?: string;
     colorGreen700?: string;
+    colorOrange50?: string;
     colorOrange100?: string;
     colorOrange500?: string;
     colorOrange600?: string;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.d.ts

@@ -4,7 +4,7 @@ export interface Props extends ComponentPropsWithRef<"nav"> {
     isSideMenuOpen?: boolean;
     items: MenuItem[];
     navigate: (path: string) => void;
-    onItemClick: (path?: string, button?: boolean) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
     marginTop?: string;
 }
 export declare const LeftNav: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts

@@ -5,7 +5,7 @@ import { LeftNavItemProps } from "./LeftNavItem.interface";
 export interface Props extends HTMLProps<HTMLElement> {
     item: MenuItem;
     navigate: (path: string) => void;
-    onItemClick: (path?: string, button?: boolean) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
     refItems: UseRefItemsReturnType;
     NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;
     closeParentList?: () => void;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts

@@ -4,7 +4,7 @@ import { UseRefItemsReturnType } from "../useRefItems";
 export interface LeftNavItemProps extends HTMLProps<HTMLElement> {
     item: MenuItem;
     navigate: (path: string) => void;
-    onItemClick: (path?: string, button?: boolean) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
     refItems: UseRefItemsReturnType;
     closeParentList?: () => void;
 }

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts

@@ -3,7 +3,8 @@ import { MenuItem } from "../LeftNav.interfaces";
 import { UseRefItemsReturnType } from "../useRefItems";
 export interface Props extends HTMLProps<HTMLElement> {
     item: MenuItem;
-    onItemClick: (path?: string, button?: boolean) => void;
+    navigate: (path: string) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
     refItems: UseRefItemsReturnType;
     closeParentList?: () => void;
 }

package/dist/cjs/src/components/withReadOnly.d.ts

@@ -5,4 +5,8 @@ export interface WithReadOnlyProps {
     helperText?: string;
     type?: string;
 }
-export declare const withReadOnly: <P extends object>(WrappedComponent: ComponentType<P>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & WithReadOnlyProps>> & React.RefAttributes<unknown>>;
+type WithReadOnlyOptions = {
+    isWrapperComponent: boolean;
+};
+export declare const withReadOnly: <P extends object>(WrappedComponent: ComponentType<P>, options?: WithReadOnlyOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & WithReadOnlyProps>> & React.RefAttributes<unknown>>;
+export {};

package/dist/cjs/src/index.d.ts

@@ -1,5 +1,5 @@
-export { BaseStyling, CSSProperties as BaseStylingCSSProperties } from "./components/_BaseStyling_/BaseStyling";
-export type { Props as BaseStylingProps } from "./components/_BaseStyling_/BaseStyling";
+export { BaseStyling } from "./components/_BaseStyling_/BaseStyling";
+export type { Props as BaseStylingProps, CSSProperties as BaseStylingCSSProperties } from "./components/_BaseStyling_/BaseStyling";
 export { Button } from "./components/Button/Button";
 export type { Props as ButtonProps } from "./components/Button/Button";
 export { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
@@ -54,7 +54,8 @@ export { Modal } from "./components/Notifications/Modal/Modal";
 export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
 export { useAlert } from "./components/Notifications/Alert/useAlert";
 export { AlertProvider } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
-export { AlertItem, Props as AlertItemProps } from "./components/Notifications/Alert/AlertItem/AlertItem";
+export { AlertItem } from "./components/Notifications/Alert/AlertItem/AlertItem";
+export type { Props as AlertItemProps } from "./components/Notifications/Alert/AlertItem/AlertItem";
 export type { Props as AlertProviderProps } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
 export { Dialog } from "./components/Notifications/Dialog/Dialog";
 export type { Props as DialogProps, Action as DialogAction } from "./components/Notifications/Dialog/Dialog";
@@ -144,7 +145,7 @@ export { DataGridDrawerItem } from "./components/DataGrid/DataGridBody/DataGridD
 export type { Props as DataGridDrawerItemProps } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem";
 export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
 export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
-export { Filter } from "./components/DataGrid/DataGridFilters/DataGridFilters.interfaces";
+export type { Filter } from "./components/DataGrid/DataGridFilters/DataGridFilters.interfaces";
 export { FilterKeyMapper } from "./components/DataGrid/DataGridFilters/FilterKeyMapper";
 export { useFiltersReducer } from "./components/DataGrid/DataGridFilters/useFiltersReducer";
 /** Banner */
@@ -158,6 +159,7 @@ export { MicrofrontendContainer } from "./components/admin/layout/MicrofrontendC
 export type { Props as MicrofrontendContainerProps } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";
 export { LeftNav } from "./components/admin/layout/LeftNav/LeftNav";
 export type { Props as LeftNavProps } from "./components/admin/layout/LeftNav/LeftNav";
+export type { MenuItem as LeftNavMenuItem } from "./components/admin/layout/LeftNav/LeftNav.interfaces";
 /**
  * Miscellaneous
  */

package/dist/cjs/src/readyclasses.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.readyclasses_sr-only_zs31Q{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_zs31Q{display:none}.readyclasses_slide-in_zs31Q{animation:readyclasses_slide-in_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_zs31Q{animation-duration:.1ms}}.readyclasses_slide-out_zs31Q{animation:readyclasses_slide-out_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_zs31Q{animation-duration:.1ms}}@keyframes readyclasses_slide-in_zs31Q{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_zs31Q{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"readyclasses_sr-only_zs31Q",hidden:"readyclasses_hidden_zs31Q","slide-in":"readyclasses_slide-in_zs31Q","slide-out":"readyclasses_slide-out_zs31Q"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.readyclasses_sr-only_pNyP0{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_pNyP0{display:none}.readyclasses_slide-in_pNyP0{animation:readyclasses_slide-in_pNyP0 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_pNyP0{animation-duration:.1ms}}.readyclasses_slide-out_pNyP0{animation:readyclasses_slide-out_pNyP0 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_pNyP0{animation-duration:.1ms}}@keyframes readyclasses_slide-in_pNyP0{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_pNyP0{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"readyclasses_sr-only_pNyP0",hidden:"readyclasses_hidden_pNyP0","slide-in":"readyclasses_slide-in_pNyP0","slide-out":"readyclasses_slide-out_pNyP0"};
 //# sourceMappingURL=readyclasses.module.scss.cjs.js.map

package/dist/cjs/withReadOnly.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const r=["CheckboxWrapper"],t=(e,r,t)=>{const n={};return e?(n.style={pointerEvents:"none",userSelect:"text"},t&&(n.helperText="")):n.helperText=t,r&&(n.type=r),n};exports.withReadOnly=n=>{const a=e=>{const t=e=>{(e=>"Enter"===e.key||" "===e.key)(e)&&(e.stopPropagation(),e.preventDefault())};if(e&&r.includes(n.displayName||n.name)){const e={onKeyUp:e=>{t(e)},onKeyDown:e=>{t(e)}};return e}return{}},o=e.forwardRef(((r,o)=>{const{readOnlyView:l=!1,required:i,children:p,helperText:s,type:d="",...u}=r;return e.createElement(n,{ref:o,...u,"data-readonlyview":l,"aria-readonly":l,required:!l&&i,...t(l,d,s),...a(l)},p)}));return o.displayName=`withReadOnly_${(e=>{var r,t;return null!==(t=null!==(r=e.displayName)&&void 0!==r?r:e.name)&&void 0!==t?t:"Component"})(n)}`,o};
+"use strict";var e=require("react");const r=["CheckboxWrapper"],t=(e,r,t)=>{const n={};return e?(n.style={pointerEvents:"none",userSelect:"text"},t&&(n.helperText="")):n.helperText=t,r&&(n.type=r),n};exports.withReadOnly=(n,a)=>{const{isWrapperComponent:o}=a||{},i=e=>{const t=e=>{(e=>"Enter"===e.key||" "===e.key)(e)&&(e.stopPropagation(),e.preventDefault())};if(e&&r.includes(n.displayName||n.name)){const e={onKeyUp:e=>{t(e)},onKeyDown:e=>{t(e)}};return e}return{}},l=e.forwardRef(((r,a)=>{const{readOnlyView:l=!1,required:p,children:s,helperText:d,type:u="",...y}=r;return e.createElement(n,{ref:a,...y,"data-readonlyview":l,"aria-readonly":o?void 0:l,required:!l&&p,...t(l,u,d),...i(l)},s)}));return l.displayName=`withReadOnly_${(e=>{var r,t;return null!==(t=null!==(r=e.displayName)&&void 0!==r?r:e.name)&&void 0!==t?t:"Component"})(n)}`,l};
 //# sourceMappingURL=withReadOnly.cjs.js.map

package/dist/cjs/withReadOnly.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"withReadOnly.cjs.js","sources":["../../../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, unknown> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\nexport const withReadOnly = <P extends object>(WrappedComponent: ComponentType<P>) => {\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, unknown> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<unknown>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["componentsWithKeyEventsToPrevent","getConditionalProps","readOnlyView","type","helperText","props","style","pointerEvents","userSelect","WrappedComponent","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","isEnterOrSpace","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","createElement","_b","_a","getDisplayName"],"mappings":"oCAyBA,MAAMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAAiC,CAAA,EAevC,OAbIH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAGrBC,EAAMD,WAAaA,EAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAK,uBAGiCI,IAC7C,MAAMC,EAAsDR,IAC1D,MAAMS,EAAyBC,IACN,CAACA,GAA+B,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,IAChEC,CAAeF,KACjBA,EAAEG,kBACFH,EAAEI,iBACH,EAGH,GACEd,GACAF,EAAiCiB,SAC/BR,EAAiBS,aAAeT,EAAiBU,MAEnD,CACA,MAAMd,EAAiC,CAEvCA,QAAiBO,IACfD,EAAsBC,EAAE,EAG1BP,UAAmBO,IACjBD,EAAsBC,EAAE,GAG1B,OAAOP,CACR,CAED,MAAO,EAAE,EAGLe,EAAwBC,EAAMC,YAClC,CAACjB,EAAiDkB,KAChD,MAAMrB,aACJA,GAAe,EAAKsB,SACpBA,EAAQC,SACRA,EAAQrB,WACRA,EAAUD,KACVA,EAAO,MACJuB,GACDrB,EAEJ,OACEgB,EAACM,cAAAlB,GACCc,IAAKA,KACAG,sBACcxB,EAAY,gBAChBA,EACfsB,UAAUtB,GAAuBsB,KAC7BvB,EAAoBC,EAAcC,EAAMC,MACxCM,EAAmDR,IAEtDuB,EAEH,IAKN,OADAL,EAAsBF,YAAc,gBAlFf,CAAKT,YAC1B,OAAgE,QAAzDmB,EAAgC,QAAhCC,EAAApB,EAAiBS,mBAAe,IAAAW,EAAAA,EAAApB,EAAiBU,YAAQ,IAAAS,EAAAA,EAAA,WAAW,EAiFvBE,CAAerB,KAC5DW,CAAqB"}
+{"version":3,"file":"withReadOnly.cjs.js","sources":["../../../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, unknown> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\ntype WithReadOnlyOptions = {\n  isWrapperComponent: boolean;\n};\n\nexport const withReadOnly = <P extends object>(\n  WrappedComponent: ComponentType<P>,\n  options?: WithReadOnlyOptions\n) => {\n  const { isWrapperComponent } = options || {};\n\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, unknown> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<unknown>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={isWrapperComponent ? undefined : readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["componentsWithKeyEventsToPrevent","getConditionalProps","readOnlyView","type","helperText","props","style","pointerEvents","userSelect","WrappedComponent","options","isWrapperComponent","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","isEnterOrSpace","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","undefined","_b","_a","getDisplayName"],"mappings":"oCAyBA,MAAMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAAiC,CAAA,EAevC,OAbIH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAGrBC,EAAMD,WAAaA,EAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAK,uBAOc,CAC1BI,EACAC,KAEA,MAAMC,mBAAEA,GAAuBD,GAAW,GAEpCE,EAAsDV,IAC1D,MAAMW,EAAyBC,IACN,CAACA,GAA+B,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,IAChEC,CAAeF,KACjBA,EAAEG,kBACFH,EAAEI,iBACH,EAGH,GACEhB,GACAF,EAAiCmB,SAC/BV,EAAiBW,aAAeX,EAAiBY,MAEnD,CACA,MAAMhB,EAAiC,CAEvCA,QAAiBS,IACfD,EAAsBC,EAAE,EAG1BT,UAAmBS,IACjBD,EAAsBC,EAAE,GAG1B,OAAOT,CACR,CAED,MAAO,EAAE,EAGLiB,EAAwBC,EAAMC,YAClC,CAACnB,EAAiDoB,KAChD,MAAMvB,aACJA,GAAe,EAAKwB,SACpBA,EAAQC,SACRA,EAAQvB,WACRA,EAAUD,KACVA,EAAO,MACJyB,GACDvB,EAEJ,OACEkB,gBAACd,EAAgB,CACfgB,IAAKA,KACAG,EACc,oBAAA1B,kBACJS,OAAqBkB,EAAY3B,EAChDwB,UAAUxB,GAAuBwB,KAC7BzB,EAAoBC,EAAcC,EAAMC,MACxCQ,EAAmDV,IAEtDyB,EAEH,IAKN,OADAL,EAAsBF,YAAc,gBA3Ff,CAAKX,YAC1B,OAAgE,QAAzDqB,EAAgC,QAAhCC,EAAAtB,EAAiBW,mBAAe,IAAAW,EAAAA,EAAAtB,EAAiBY,YAAQ,IAAAS,EAAAA,EAAA,WAAW,EA0FvBE,CAAevB,KAC5Da,CAAqB"}

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js

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

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.esm.js","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    const item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":["React"],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,oBAAoB,GAAoD,CAC5E,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAGA,cAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;AACrF,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AAC9D,QAAA,MAAM,IAAI,GAAGA,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,YAAA,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,cAAc;AAChB,kBAAE;AACE,oBAAA,UAAU,EAAEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAI,CAAA;AAChF,iBAAA;kBACD,EAAE,CAAC;AACK,SAAA,CAAC,CAAC;QAEhB,IAAI,aAAa,EAAE;AACjB,YAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EACb,cAAA,EAAA,MAAM,EAElB,EAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,CACV,EACb;SACH;aAAM;YACL,QACEA,6BAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA;gBACrB,IAAI;AACL,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA,CACrD,EACX;SACH;AACH,KAAC,CAAC,CAAC;IACH,QACEA,cACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,EACrB,SAAS,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAI,CAAA,EAAA,SAAS,EAAE,EAElD,EAAA,KAAK,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,WAAW,GAAGA,cAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}
+{"version":3,"file":"Breadcrumbs.esm.js","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    const item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,oBAAoB,GAAoD,CAC5E,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;AACrF,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AAC9D,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,YAAA,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,cAAc;AAChB,kBAAE;AACE,oBAAA,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAI,CAAA;AAChF,iBAAA;kBACD,EAAE,CAAC;AACK,SAAA,CAAC,CAAC;QAEhB,IAAI,aAAa,EAAE;AACjB,YAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EACb,cAAA,EAAA,MAAM,EAElB,EAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,CACV,EACb;SACH;aAAM;YACL,QACE,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA;gBACrB,IAAI;AACL,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA,CACrD,EACX;SACH;AACH,KAAC,CAAC,CAAC;IACH,QACE,KACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,EACrB,SAAS,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAI,CAAA,EAAA,SAAS,EAAE,EAElD,EAAA,KAAK,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}

package/dist/esm/Breadcrumbs/Breadcrumbs.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_last_zs31Q{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_icon_zs31Q{color:var(--color-primary);font-size:var(--font-size-small);line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q{text-decoration:none}.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q.Breadcrumbs_visited_zs31Q [data-underline],.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q:hover [data-underline]{text-decoration:underline}.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q:focus,.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q:visited{color:var(--color-primary700)}.Breadcrumbs_breadcrumbs_zs31Q .Breadcrumbs_breadcrumb-link_zs31Q:active{color:var(--color-primary900);font-weight:700}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdURBQ0UsNkJBQThCLENBQzlCLGVBQWdCLENBQ2hCLFFBQ0YsQ0FDQSx1REFDRSwwQkFBMkIsQ0FDM0IsZ0NBQWlDLENBQ2pDLHNDQUF1QyxDQUN2QyxlQUNGLENBQ0Esa0VBQ0Usb0JBQ0YsQ0FDQSxzTUFDRSx5QkFDRixDQUNBLHdKQUNFLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDBFQUNFLDZCQUNGLENBQ0EseUVBQ0UsNkJBQThCLENBQzlCLGVBQ0YiLCJmaWxlIjoiQnJlYWRjcnVtYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmJyZWFkY3J1bWJzIC5sYXN0IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG59XG4uYnJlYWRjcnVtYnMgLmljb24ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBtYXJnaW46IDAgMC44NHJlbTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6aG92ZXIgW2RhdGEtdW5kZXJsaW5lXSwgLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbmsudmlzaXRlZCBbZGF0YS11bmRlcmxpbmVdIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluazpmb2N1cywgLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAxcHg7XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluazp2aXNpdGVkIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk3MDApO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6YWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xufSJdfQ== */";
-var classes = {"breadcrumbs":"Breadcrumbs_breadcrumbs_zs31Q","last":"Breadcrumbs_last_zs31Q","icon":"Breadcrumbs_icon_zs31Q","breadcrumb-link":"Breadcrumbs_breadcrumb-link_zs31Q","visited":"Breadcrumbs_visited_zs31Q"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_last_pNyP0{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_icon_pNyP0{color:var(--color-primary);font-size:var(--font-size-small);line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0{text-decoration:none}.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0.Breadcrumbs_visited_pNyP0 [data-underline],.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0:hover [data-underline]{text-decoration:underline}.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0:focus,.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0:visited{color:var(--color-primary700)}.Breadcrumbs_breadcrumbs_pNyP0 .Breadcrumbs_breadcrumb-link_pNyP0:active{color:var(--color-primary900);font-weight:700}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdURBQ0UsNkJBQThCLENBQzlCLGVBQWdCLENBQ2hCLFFBQ0YsQ0FDQSx1REFDRSwwQkFBMkIsQ0FDM0IsZ0NBQWlDLENBQ2pDLHNDQUF1QyxDQUN2QyxlQUNGLENBQ0Esa0VBQ0Usb0JBQ0YsQ0FDQSxzTUFDRSx5QkFDRixDQUNBLHdKQUNFLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDBFQUNFLDZCQUNGLENBQ0EseUVBQ0UsNkJBQThCLENBQzlCLGVBQ0YiLCJmaWxlIjoiQnJlYWRjcnVtYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmJyZWFkY3J1bWJzIC5sYXN0IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG59XG4uYnJlYWRjcnVtYnMgLmljb24ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBtYXJnaW46IDAgMC44NHJlbTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6aG92ZXIgW2RhdGEtdW5kZXJsaW5lXSwgLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbmsudmlzaXRlZCBbZGF0YS11bmRlcmxpbmVdIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluazpmb2N1cywgLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAxcHg7XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluazp2aXNpdGVkIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk3MDApO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6YWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xufSJdfQ== */";
+var classes = {"breadcrumbs":"Breadcrumbs_breadcrumbs_pNyP0","last":"Breadcrumbs_last_pNyP0","icon":"Breadcrumbs_icon_pNyP0","breadcrumb-link":"Breadcrumbs_breadcrumb-link_pNyP0","visited":"Breadcrumbs_visited_pNyP0"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Button/BaseButton.esm.js

@@ -1,4 +1,4 @@
-import React__default, { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import classes from './BaseButton.module.scss.esm.js';
 import { ButtonSpinner } from './Spinner.esm.js';
 
@@ -26,11 +26,11 @@ const BaseButtonComponent = ({ children, type = "button", className, loading, di
     const buttonClasses = [classes.button];
     loading && buttonClasses.push(classes.loading);
     className && buttonClasses.push(className);
-    return (React__default.createElement("button", { ...rest, disabled: isDisabled, ref: ref, type: type, hidden: hidden, className: hidden ? "" : buttonClasses.join(" ") }, loading ? (React__default.createElement(Fragment, null,
-        React__default.createElement("div", { className: classes["content-hidden"] }, children),
-        React__default.createElement(ButtonSpinner, { className: classes["spinner"] }))) : (children)));
+    return (React.createElement("button", { ...rest, disabled: isDisabled, ref: ref, type: type, hidden: hidden, className: hidden ? "" : buttonClasses.join(" ") }, loading ? (React.createElement(Fragment, null,
+        React.createElement("div", { className: classes["content-hidden"] }, children),
+        React.createElement(ButtonSpinner, { className: classes["spinner"] }))) : (children)));
 };
-const BaseButton = React__default.forwardRef(BaseButtonComponent);
+const BaseButton = React.forwardRef(BaseButtonComponent);
 
 export { BaseButton };
 //# sourceMappingURL=BaseButton.esm.js.map

package/dist/esm/Button/BaseButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.esm.js","sources":["../../../../../src/components/Button/BaseButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, hidden, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type)) {\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n  }\n\n  const buttonClasses = [classes.button];\n  loading && buttonClasses.push(classes.loading);\n  className && buttonClasses.push(className);\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      hidden={hidden}\n      className={hidden ? \"\" : buttonClasses.join(\" \")}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,mBAAmB,GAAuD,CAC9E,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAC5E,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,OAAO,CAAC;IACvC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,QAAA,MAAM,IAAI,KAAK,CACb,uFAAuF,IAAI,CAAA,CAAE,CAC9F,CAAC;KACH;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC/C,IAAA,SAAS,IAAI,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3C,IAAA,QACEA,cACM,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAE/C,OAAO,IACNA,6BAAC,QAAQ,EAAA,IAAA;QACPA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC3D,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAI,CACvC,KAEX,QAAQ,CACT,CACM,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAGA,cAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"BaseButton.esm.js","sources":["../../../../../src/components/Button/BaseButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, hidden, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type)) {\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n  }\n\n  const buttonClasses = [classes.button];\n  loading && buttonClasses.push(classes.loading);\n  className && buttonClasses.push(className);\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      hidden={hidden}\n      className={hidden ? \"\" : buttonClasses.join(\" \")}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,mBAAmB,GAAuD,CAC9E,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAC5E,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,OAAO,CAAC;IACvC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,QAAA,MAAM,IAAI,KAAK,CACb,uFAAuF,IAAI,CAAA,CAAE,CAC9F,CAAC;KACH;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC/C,IAAA,SAAS,IAAI,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3C,IAAA,QACE,KACM,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAE/C,OAAO,IACN,oBAAC,QAAQ,EAAA,IAAA;QACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC3D,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAI,CACvC,KAEX,QAAQ,CACT,CACM,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}

package/dist/esm/Button/BaseButton.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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 * 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 * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseButton_sr-only_zs31Q{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseButton_hidden_zs31Q{display:none}.BaseButton_slide-in_zs31Q{animation:BaseButton_slide-in_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_slide-in_zs31Q{animation-duration:.1ms}}.BaseButton_slide-out_zs31Q{animation:BaseButton_slide-out_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_slide-out_zs31Q{animation-duration:.1ms}}@keyframes BaseButton_slide-in_zs31Q{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_slide-out_zs31Q{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseButton_button_zs31Q{position:relative}.BaseButton_button_zs31Q .BaseButton_content-hidden_zs31Q{display:flex;visibility:hidden}.BaseButton_button_zs31Q{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:1;margin:0;min-height:calc(var(--font-size)*2.5);padding:calc(var(--font-size)*.5) calc(var(--font-size)*.75);transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.BaseButton_button_zs31Q{transition-duration:.1ms}}.BaseButton_button_zs31Q:disabled{background-color:var(--disabled);border-color:var(--disabled);color:var(--greyed-out);cursor:not-allowed}.BaseButton_spinner_zs31Q{animation:BaseButton_spin_zs31Q 1s linear infinite;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transform:translate(-50%,-50%)}@keyframes BaseButton_spin_zs31Q{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHlCQUNFLFlBQ0YsQ0FFQSwyQkFDRSxnREFDRixDQUNBLHVDQUNFLDJCQUNFLHVCQUNGLENBQ0YsQ0FFQSw0QkFDRSxpREFDRixDQUNBLHVDQUNFLDRCQUNFLHVCQUNGLENBQ0YsQ0FFQSxxQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5QkFDRSxpQkFDRixDQUNBLDBEQUVFLFlBQWEsQ0FEYixpQkFFRixDQUNBLHlCQUdFLHlDQUEwQyxDQUQxQyx1Q0FBd0MsQ0FEeEMsdUNBQXdDLENBUXhDLGNBQWUsQ0FDZiw4QkFBK0IsQ0FOL0IsaUNBQWtDLENBQ2xDLGFBQWMsQ0FDZCxRQUFTLENBRVQscUNBQXdDLENBRHhDLDREQUFtRSxDQUtuRSx1QkFBeUIsQ0FEekIsdURBQTBELENBRTFELHNDQUNGLENBQ0EsdUNBQ0UseUJBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtDQUdFLGdDQUFpQyxDQUNqQyw0QkFBNkIsQ0FIN0IsdUJBQXdCLENBQ3hCLGtCQUdGLENBRUEsMEJBS0Usa0RBQWtDLENBRmxDLHVCQUF5QixDQUZ6QixpQkFBa0IsQ0FDbEIsc0JBQXdCLENBRXhCLDhCQUVGLENBQ0EsaUNBQ0UsR0FDRSxzQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRiIsImZpbGUiOiJCYXNlQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uYnV0dG9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmJ1dHRvbiAuY29udGVudC1oaWRkZW4ge1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uYnV0dG9uIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1idXR0b24tYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1idXR0b24tYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xuICBmb250LXNpemU6IHZhcigtLWJ1dHRvbi1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogMTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpIGNhbGMoMC43NSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGNvbG9yLCBiYWNrZ3JvdW5kLWNvbG9yLCBib3JkZXItY29sb3I7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5idXR0b24ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uYnV0dG9uOmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuXG4uc3Bpbm5lciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBjYWxjKDUwJSAtIDAuNzVyZW0pO1xuICBsZWZ0OiBjYWxjKDUwJSAtIDAuNzVyZW0pO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgYW5pbWF0aW9uOiBzcGluIDFzIGluZmluaXRlIGxpbmVhcjtcbn1cbkBrZXlmcmFtZXMgc3BpbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG59Il19 */";
-var classes = {"sr-only":"BaseButton_sr-only_zs31Q","hidden":"BaseButton_hidden_zs31Q","slide-in":"BaseButton_slide-in_zs31Q","slide-out":"BaseButton_slide-out_zs31Q","button":"BaseButton_button_zs31Q","content-hidden":"BaseButton_content-hidden_zs31Q","spinner":"BaseButton_spinner_zs31Q","spin":"BaseButton_spin_zs31Q"};
+var css_248z = "/*!\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 * 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 * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseButton_sr-only_pNyP0{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseButton_hidden_pNyP0{display:none}.BaseButton_slide-in_pNyP0{animation:BaseButton_slide-in_pNyP0 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_slide-in_pNyP0{animation-duration:.1ms}}.BaseButton_slide-out_pNyP0{animation:BaseButton_slide-out_pNyP0 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_slide-out_pNyP0{animation-duration:.1ms}}@keyframes BaseButton_slide-in_pNyP0{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_slide-out_pNyP0{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseButton_button_pNyP0{position:relative}.BaseButton_button_pNyP0 .BaseButton_content-hidden_pNyP0{display:flex;visibility:hidden}.BaseButton_button_pNyP0{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:1;margin:0;min-height:calc(var(--font-size)*2.5);padding:calc(var(--font-size)*.5) calc(var(--font-size)*.75);transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.BaseButton_button_pNyP0{transition-duration:.1ms}}.BaseButton_button_pNyP0:disabled{background-color:var(--disabled);border-color:var(--disabled);color:var(--greyed-out);cursor:not-allowed}.BaseButton_spinner_pNyP0{animation:BaseButton_spin_pNyP0 1s linear infinite;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transform:translate(-50%,-50%)}@keyframes BaseButton_spin_pNyP0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHlCQUNFLFlBQ0YsQ0FFQSwyQkFDRSxnREFDRixDQUNBLHVDQUNFLDJCQUNFLHVCQUNGLENBQ0YsQ0FFQSw0QkFDRSxpREFDRixDQUNBLHVDQUNFLDRCQUNFLHVCQUNGLENBQ0YsQ0FFQSxxQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5QkFDRSxpQkFDRixDQUNBLDBEQUVFLFlBQWEsQ0FEYixpQkFFRixDQUNBLHlCQUdFLHlDQUEwQyxDQUQxQyx1Q0FBd0MsQ0FEeEMsdUNBQXdDLENBUXhDLGNBQWUsQ0FDZiw4QkFBK0IsQ0FOL0IsaUNBQWtDLENBQ2xDLGFBQWMsQ0FDZCxRQUFTLENBRVQscUNBQXdDLENBRHhDLDREQUFtRSxDQUtuRSx1QkFBeUIsQ0FEekIsdURBQTBELENBRTFELHNDQUNGLENBQ0EsdUNBQ0UseUJBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtDQUdFLGdDQUFpQyxDQUNqQyw0QkFBNkIsQ0FIN0IsdUJBQXdCLENBQ3hCLGtCQUdGLENBRUEsMEJBS0Usa0RBQWtDLENBRmxDLHVCQUF5QixDQUZ6QixpQkFBa0IsQ0FDbEIsc0JBQXdCLENBRXhCLDhCQUVGLENBQ0EsaUNBQ0UsR0FDRSxzQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRiIsImZpbGUiOiJCYXNlQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uYnV0dG9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmJ1dHRvbiAuY29udGVudC1oaWRkZW4ge1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uYnV0dG9uIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1idXR0b24tYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1idXR0b24tYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xuICBmb250LXNpemU6IHZhcigtLWJ1dHRvbi1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogMTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpIGNhbGMoMC43NSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGNvbG9yLCBiYWNrZ3JvdW5kLWNvbG9yLCBib3JkZXItY29sb3I7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5idXR0b24ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uYnV0dG9uOmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuXG4uc3Bpbm5lciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBjYWxjKDUwJSAtIDAuNzVyZW0pO1xuICBsZWZ0OiBjYWxjKDUwJSAtIDAuNzVyZW0pO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgYW5pbWF0aW9uOiBzcGluIDFzIGluZmluaXRlIGxpbmVhcjtcbn1cbkBrZXlmcmFtZXMgc3BpbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG59Il19 */";
+var classes = {"sr-only":"BaseButton_sr-only_pNyP0","hidden":"BaseButton_hidden_pNyP0","slide-in":"BaseButton_slide-in_pNyP0","slide-out":"BaseButton_slide-out_pNyP0","button":"BaseButton_button_pNyP0","content-hidden":"BaseButton_content-hidden_pNyP0","spinner":"BaseButton_spinner_pNyP0","spin":"BaseButton_spin_pNyP0"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Button/Button.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { BaseButton } from './BaseButton.esm.js';
 import classes from './Button.module.scss.esm.js';
 
@@ -31,14 +31,14 @@ const ButtonComponent = ({ children, variant = "fill", color = "primary", startI
     if (className) {
         additionalClasses.push(className);
     }
-    return (React__default.createElement(BaseButton, { ...rest, ref: ref, className: `${classes[color]} ${classes[variant]} ${additionalClasses.join(" ")}` },
-        startIcon && React__default.createElement("i", null, startIcon),
-        React__default.createElement("span", null, children),
-        endIcon && React__default.createElement("i", null,
+    return (React.createElement(BaseButton, { ...rest, ref: ref, className: `${classes[color]} ${classes[variant]} ${additionalClasses.join(" ")}` },
+        startIcon && React.createElement("i", null, startIcon),
+        React.createElement("span", null, children),
+        endIcon && React.createElement("i", null,
             "\u00A0",
             endIcon)));
 };
-const Button = React__default.forwardRef(ButtonComponent);
+const Button = React.forwardRef(ButtonComponent);
 
 export { Button };
 //# sourceMappingURL=Button.esm.js.map

package/dist/esm/Button/Button.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.esm.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { BaseButton, Props as BaseButtonProps } from \"./BaseButton\";\nimport classes from \"./Button.module.scss\";\n\nexport interface Props extends BaseButtonProps {\n  startIcon?: React.ReactNode | false;\n  endIcon?: React.ReactNode | false;\n  variant?: \"text\" | \"fill\" | \"outline\";\n}\n\nconst ButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    variant = \"fill\",\n    color = \"primary\",\n    startIcon = false,\n    endIcon = false,\n    className,\n    ...rest\n  },\n  ref\n) => {\n  const additionalClasses = [];\n\n  if (startIcon || endIcon) {\n    additionalClasses.push(classes[\"has-icon\"]);\n  }\n\n  if (startIcon) {\n    additionalClasses.push(classes[\"start-icon\"]);\n  }\n\n  if (endIcon) {\n    additionalClasses.push(classes[\"end-icon\"]);\n  }\n\n  if (className) {\n    additionalClasses.push(className);\n  }\n\n  return (\n    <BaseButton\n      {...rest}\n      ref={ref}\n      className={`${classes[color]} ${classes[variant]} ${additionalClasses.join(\" \")}`}\n    >\n      {startIcon && <i>{startIcon}</i>}\n      <span>{children}</span>\n      {endIcon && <i>&nbsp;{endIcon}</i>}\n    </BaseButton>\n  );\n};\n\nexport const Button = React.forwardRef(ButtonComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAYH,MAAM,eAAe,GAAuD,CAC1E,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,IAAA,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;KAC7C;IAED,IAAI,SAAS,EAAE;QACb,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;KAC/C;IAED,IAAI,OAAO,EAAE;QACX,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;KAC7C;IAED,IAAI,SAAS,EAAE;AACb,QAAA,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACnC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GACL,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,KAAK,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,OAAO,CAAC,CAAI,CAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,EAAA;QAEhF,SAAS,IAAIA,cAAI,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAA,SAAS,CAAK;AAChC,QAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;AACtB,QAAA,OAAO,IAAIA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;YAAU,OAAO,CAAK,CACvB,EACb;AACJ,CAAC,CAAC;AAEW,MAAA,MAAM,GAAGA,cAAK,CAAC,UAAU,CAAC,eAAe;;;;"}
+{"version":3,"file":"Button.esm.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { BaseButton, Props as BaseButtonProps } from \"./BaseButton\";\nimport classes from \"./Button.module.scss\";\n\nexport interface Props extends BaseButtonProps {\n  startIcon?: React.ReactNode | false;\n  endIcon?: React.ReactNode | false;\n  variant?: \"text\" | \"fill\" | \"outline\";\n}\n\nconst ButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    variant = \"fill\",\n    color = \"primary\",\n    startIcon = false,\n    endIcon = false,\n    className,\n    ...rest\n  },\n  ref\n) => {\n  const additionalClasses = [];\n\n  if (startIcon || endIcon) {\n    additionalClasses.push(classes[\"has-icon\"]);\n  }\n\n  if (startIcon) {\n    additionalClasses.push(classes[\"start-icon\"]);\n  }\n\n  if (endIcon) {\n    additionalClasses.push(classes[\"end-icon\"]);\n  }\n\n  if (className) {\n    additionalClasses.push(className);\n  }\n\n  return (\n    <BaseButton\n      {...rest}\n      ref={ref}\n      className={`${classes[color]} ${classes[variant]} ${additionalClasses.join(\" \")}`}\n    >\n      {startIcon && <i>{startIcon}</i>}\n      <span>{children}</span>\n      {endIcon && <i>&nbsp;{endIcon}</i>}\n    </BaseButton>\n  );\n};\n\nexport const Button = React.forwardRef(ButtonComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAYH,MAAM,eAAe,GAAuD,CAC1E,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,IAAA,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;KAC7C;IAED,IAAI,SAAS,EAAE;QACb,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;KAC/C;IAED,IAAI,OAAO,EAAE;QACX,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;KAC7C;IAED,IAAI,SAAS,EAAE;AACb,QAAA,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACnC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GACL,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,KAAK,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,OAAO,CAAC,CAAI,CAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,EAAA;QAEhF,SAAS,IAAI,KAAI,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAA,SAAS,CAAK;AAChC,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;AACtB,QAAA,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;YAAU,OAAO,CAAK,CACvB,EACb;AACJ,CAAC,CAAC;AAEW,MAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe;;;;"}