@onewelcome/react-lib-components 9.8.0 → 10.0.0

package/dist/esm/src/index.esm.js

@@ -1,87 +0,0 @@
-export { BaseStyling } from '../_BaseStyling_/BaseStyling.esm.js';
-export { Button } from '../Button/Button.esm.js';
-export { Breadcrumbs } from '../Breadcrumbs/Breadcrumbs.esm.js';
-export { ContextMenu } from '../ContextMenu/ContextMenu.esm.js';
-export { ContextMenuItem } from '../ContextMenu/ContextMenuItem.esm.js';
-export { Link } from '../Link/Link.esm.js';
-export { Icon, Icons } from '../Icon/Icon.esm.js';
-export { IconButton } from '../Button/IconButton.esm.js';
-export { Tab } from '../Tabs/Tab.esm.js';
-export { Tabs } from '../Tabs/Tabs.esm.js';
-export { Tag } from '../Tag/Tag.esm.js';
-export { TextEllipsis } from '../TextEllipsis/TextEllipsis.esm.js';
-export { Tile } from '../Tiles/Tile.esm.js';
-export { Tiles } from '../Tiles/Tiles.esm.js';
-export { Tooltip } from '../Tooltip/Tooltip.esm.js';
-export { Typography } from '../Typography/Typography.esm.js';
-export { ProgressBar } from '../ProgressBar/ProgressBar.esm.js';
-export { Skeleton } from '../Skeleton/Skeleton.esm.js';
-export { Spinner } from '../Spinner/Spinner.esm.js';
-export { Stepper } from '../Stepper/Stepper.esm.js';
-export { Pagination } from '../Pagination/Pagination.esm.js';
-export { useRepeater } from './hooks/useRepeater.esm.js';
-export { useClickOutside } from './hooks/useClickOutside.esm.js';
-export { useFullHeightCollapse } from './hooks/useFullHeightCollapse.esm.js';
-export { usePosition } from './hooks/usePosition.esm.js';
-export { useDebouncedCallback } from './hooks/useDebouncedCallback.esm.js';
-export { useUploadFile } from './hooks/useUploadFile.esm.js';
-export { debounce, generateID, throttle } from './util/helper.esm.js';
-export { useScreenSize } from './hooks/useScreenSize.esm.js';
-export { ScreenSize } from './variables.esm.js';
-export { BaseModal as Modal } from '../Notifications/BaseModal/BaseModal.esm.js';
-export { useAlert } from '../Notifications/Alert/useAlert.esm.js';
-export { AlertProvider } from '../Notifications/Alert/AlertProvider/AlertProvider.esm.js';
-export { AlertItem } from '../Notifications/Alert/AlertItem/AlertItem.esm.js';
-export { Dialog } from '../Notifications/Dialog/Dialog.esm.js';
-export { DiscardChangesModal } from '../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js';
-export { BaseModalActions as ModalActions, BaseModalActions as SideSheetActions } from '../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js';
-export { BaseModalContent as ModalContent } from '../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js';
-export { BaseModalHeader as ModalHeader } from '../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js';
-export { NotificationProvider, useNotificationContext } from '../Notifications/NotificationProvider/NotificationContext.esm.js';
-export { SlideInModal } from '../Notifications/SlideInModal/SlideInModal.esm.js';
-export { SideSheet } from '../Notifications/SideSheet/SideSheet.esm.js';
-export { SideSheetContent } from '../Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js';
-export { SideSheetHeader } from '../Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js';
-export { Checkbox } from '../Form/Checkbox/Checkbox.esm.js';
-export { InlineCheckbox } from '../InlineEditing/InlineCheckbox/InlineCheckbox.esm.js';
-export { Fieldset } from '../Form/Fieldset/Fieldset.esm.js';
-export { Form } from '../Form/Form.esm.js';
-export { FormControl } from '../Form/FormControl/FormControl.esm.js';
-export { FormGroup } from '../Form/FormGroup/FormGroup.esm.js';
-export { FormHelperText } from '../Form/FormHelperText/FormHelperText.esm.js';
-export { Input } from '../Form/Input/Input.esm.js';
-export { InputWrapper } from '../Form/Wrapper/InputWrapper/InputWrapper.esm.js';
-export { Label } from '../Form/Label/Label.esm.js';
-export { Radio } from '../Form/Radio/Radio.esm.js';
-export { RadioWrapper } from '../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js';
-export { Select } from '../Form/Select/SingleSelect/Select.esm.js';
-export { InlineSelect } from '../InlineEditing/InlineEditingSelect/InlineSelect.esm.js';
-export { MultiSelect } from '../Form/Select/MultiSelect/MultiSelect.esm.js';
-export { Option } from '../Form/Select/SingleSelect/Option.esm.js';
-export { MultiOption } from '../Form/Select/MultiSelect/MultiOption.esm.js';
-export { Textarea } from '../Form/Textarea/Textarea.esm.js';
-export { Toggle } from '../Form/Toggle/Toggle.esm.js';
-export { CheckboxWrapper } from '../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js';
-export { TextareaWrapper } from '../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js';
-export { SelectWrapper } from '../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js';
-export { FileUpload } from '../Form/FileUpload/FileUpload.esm.js';
-export { ACTION_STATUS, FILE_ACTION } from '../Form/FileUpload/FileItem/FileItem.esm.js';
-export { MultiSelectWrapper } from '../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js';
-export { useMultiSelect } from '../Form/Select/MultiSelect/useMultiSelect.esm.js';
-export { ContentHeader } from '../Layout/ContentHeader/ContentHeader.esm.js';
-export { Card } from '../Layout/Card/Card.esm.js';
-export { FormStepper } from '../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.esm.js';
-export { FormSection } from '../Layout/FormPage/FormWithStepper/FormSection/FormSection.esm.js';
-export { FormWithStepper } from '../Layout/FormPage/FormWithStepper/FormWithStepper.esm.js';
-export { DataGrid } from '../DataGrid/DataGrid.esm.js';
-export { DataGridRow } from '../DataGrid/DataGridBody/DataGridRow/DataGridRow.esm.js';
-export { DataGridDrawerItem } from '../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.esm.js';
-export { DataGridCell } from '../DataGrid/DataGridBody/DataGridCell/DataGridCell.esm.js';
-export { FilterKeyMapper } from '../DataGrid/DataGridFilters/FilterKeyMapper.esm.js';
-export { useFiltersReducer } from '../DataGrid/DataGridFilters/useFiltersReducer.esm.js';
-export { Banner } from '../Notifications/Banner/Banner.esm.js';
-export { DatePicker } from '../DatePicker/DatePicker.esm.js';
-export { MicrofrontendContainer } from '../admin/layout/MicrofrontendContainer/MicrofrontendContainer.esm.js';
-export { LeftNav } from '../admin/layout/LeftNav/LeftNav.esm.js';
-export { IdentityProviderButton } from '../miscellaneous/IdentityProviderButton.esm.js';
-//# sourceMappingURL=index.esm.js.map

package/dist/esm/src/index.esm.js.map

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

package/dist/esm/src/interfaces.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export type DataAttributeKey = `data-${string}`;
-export interface KeyValuePair {
-    [dataAttribute: DataAttributeKey]: unknown;
-}
-export type MergeElementProps<T extends React.ElementType, P> = Omit<React.ComponentPropsWithRef<T>, keyof P> & P;
-export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends (infer U)[] ? DeepPartial<U>[] : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
-};

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

@@ -1,8 +0,0 @@
-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 */.readyclasses_sr-only_nsXb8{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_nsXb8{display:none}.readyclasses_slide-in_nsXb8{animation:readyclasses_slide-in_nsXb8 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_nsXb8{animation-duration:.1ms}}.readyclasses_slide-out_nsXb8{animation:readyclasses_slide-out_nsXb8 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_nsXb8{animation-duration:.1ms}}@keyframes readyclasses_slide-in_nsXb8{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_nsXb8{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */";
-var readyclasses = {"sr-only":"readyclasses_sr-only_nsXb8","hidden":"readyclasses_hidden_nsXb8","slide-in":"readyclasses_slide-in_nsXb8","slide-out":"readyclasses_slide-out_nsXb8"};
-styleInject(css_248z);
-
-export { readyclasses as default };
-//# sourceMappingURL=readyclasses.module.scss.esm.js.map

package/dist/esm/src/readyclasses.module.scss.esm.js.map

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

package/dist/esm/src/util/helper.d.ts

@@ -1,14 +0,0 @@
-export declare const generateID: (length?: number, stringToWeaveIn?: string) => string;
-export declare const filterProps: (props: any, regexPattern: RegExp, returnFiltered?: boolean) => {};
-export declare const debounce: (fn: (...args: unknown[]) => unknown, delay: number) => (...args: unknown[]) => void;
-export declare const throttle: (fn: (...args: unknown[]) => unknown, delay: number) => () => void;
-export declare const areArraysDifferent: (arr1: Record<string, any>[], arr2: Record<string, any>[], key: string) => boolean;
-/** Source: https://stackoverflow.com/a/42769683/5084110 */
-export declare const remToPx: (rem: number) => number;
-export declare const isJsonString: (str: any) => boolean;
-type ObjectType = {
-    [key: string]: any;
-};
-export declare const deepMerge: <T extends object>(obj1: ObjectType, obj2: ObjectType | false) => T;
-export declare const escapeRegExp: (str: string) => string;
-export {};

package/dist/esm/src/util/helper.esm.js

@@ -1,166 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-const generateID = (length = 15, stringToWeaveIn) => {
-    /** We will make sure to mesh the generate id and name property together to basically create a unique ID */
-    const hashCharacters = [
-        "1",
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "7",
-        "8",
-        "9",
-        "0",
-        "A",
-        "B",
-        "C",
-        "D",
-        "E",
-        "F",
-        "G",
-        "H",
-        "I",
-        "J",
-        "K",
-        "L",
-        "M",
-        "N",
-        "O",
-        "P",
-        "Q",
-        "R",
-        "S",
-        "T",
-        "U",
-        "V",
-        "W",
-        "X",
-        "Y",
-        "Z",
-        "a",
-        "b",
-        "c",
-        "d",
-        "e",
-        "f",
-        "g",
-        "h",
-        "i",
-        "j",
-        "k",
-        "l",
-        "m",
-        "n",
-        "o",
-        "p",
-        "q",
-        "r",
-        "s",
-        "t",
-        "u",
-        "v",
-        "w",
-        "x",
-        "y",
-        "z"
-    ];
-    let id = "";
-    /** Generate an id of x characters in length */
-    for (let i = 0; i < length && id.length < length; i++) {
-        const stringCharacter = typeof stringToWeaveIn === "string" &&
-            (stringToWeaveIn === null || stringToWeaveIn === void 0 ? void 0 : stringToWeaveIn[i]) !== undefined &&
-            !/\s/.test(stringToWeaveIn[i])
-            ? stringToWeaveIn[i]
-            : "";
-        id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];
-    }
-    return id.slice(0, length);
-};
-const filterProps = (props, regexPattern, returnFiltered = true) => {
-    if (returnFiltered) {
-        return Object.keys(props).reduce((acc, key) => {
-            if (regexPattern.test(key)) {
-                acc[key] = props[key];
-            }
-            return acc;
-        }, {});
-    }
-    else {
-        return Object.entries(props)
-            .filter(([key]) => !regexPattern.test(key))
-            .reduce((prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }), {});
-    }
-};
-const debounce = (fn, delay) => {
-    let timeout;
-    return function executedFunction(...args) {
-        const later = () => {
-            clearTimeout(timeout);
-            fn(...args);
-        };
-        clearTimeout(timeout);
-        timeout = setTimeout(later, delay);
-    };
-};
-const throttle = (fn, delay) => {
-    let lastTime = 0;
-    return function () {
-        const now = Date.now();
-        if (now - lastTime >= delay) {
-            fn();
-            lastTime = now;
-        }
-    };
-};
-/** Source: https://stackoverflow.com/a/42769683/5084110 */
-const remToPx = (rem) => {
-    return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
-};
-const isJsonString = (str) => {
-    try {
-        JSON.parse(str);
-    }
-    catch (e) {
-        return false;
-    }
-    return true;
-};
-const deepMerge = (obj1, obj2) => {
-    if (!obj2) {
-        return obj1;
-    }
-    const result = { ...obj1 };
-    for (const key in obj2) {
-        if (Object.prototype.hasOwnProperty.call(obj2, key)) {
-            if (typeof obj2[key] === "object" &&
-                obj2[key] !== null &&
-                Object.prototype.hasOwnProperty.call(obj1, key) &&
-                !Array.isArray(obj2[key])) {
-                result[key] = deepMerge(obj1[key], obj2[key]);
-            }
-            else {
-                result[key] = obj2[key];
-            }
-        }
-    }
-    return result;
-};
-const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-
-export { debounce, deepMerge, escapeRegExp, filterProps, generateID, isJsonString, remToPx, throttle };
-//# sourceMappingURL=helper.esm.js.map

package/dist/esm/src/util/helper.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.esm.js","sources":["../../../../../../src/util/helper.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/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n  /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n  const hashCharacters = [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"0\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"a\",\n    \"b\",\n    \"c\",\n    \"d\",\n    \"e\",\n    \"f\",\n    \"g\",\n    \"h\",\n    \"i\",\n    \"j\",\n    \"k\",\n    \"l\",\n    \"m\",\n    \"n\",\n    \"o\",\n    \"p\",\n    \"q\",\n    \"r\",\n    \"s\",\n    \"t\",\n    \"u\",\n    \"v\",\n    \"w\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ];\n\n  let id = \"\";\n\n  /** Generate an id of x characters in length */\n  for (let i = 0; i < length && id.length < length; i++) {\n    const stringCharacter =\n      typeof stringToWeaveIn === \"string\" &&\n      stringToWeaveIn?.[i] !== undefined &&\n      !/\\s/.test(stringToWeaveIn[i])\n        ? stringToWeaveIn[i]\n        : \"\";\n    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n  }\n\n  return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n  if (returnFiltered) {\n    return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n      if (regexPattern.test(key)) {\n        acc[key] = props[key];\n      }\n\n      return acc;\n    }, {});\n  } else {\n    return Object.entries(props)\n      .filter(([key]) => !regexPattern.test(key))\n      .reduce(\n        (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n        {}\n      );\n  }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let timeout: undefined | ReturnType<typeof setTimeout>;\n\n  return function executedFunction(...args: unknown[]) {\n    const later = () => {\n      clearTimeout(timeout);\n      fn(...args);\n    };\n\n    clearTimeout(timeout);\n\n    timeout = setTimeout(later, delay);\n  };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let lastTime = 0;\n\n  return function () {\n    const now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nconst isEqual = (x: any, y: any): boolean => {\n  const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n  return typesCoincide\n    ? Object.keys(x).length === Object.keys(y).length &&\n        Object.keys(x).every(key => isEqual(x[key], y[key]))\n    : x === y;\n};\n\nexport const areArraysDifferent = (\n  arr1: Record<string, any>[],\n  arr2: Record<string, any>[],\n  key: string\n) => {\n  if (arr1.length !== arr2.length) {\n    return true;\n  } else {\n    const firstFilteredArray = arr1.filter(arr1Item =>\n      arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n    const secondFilteredArray = arr2.filter(arr2Item =>\n      arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n\n    return !!firstFilteredArray.length || !!secondFilteredArray.length;\n  }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n  try {\n    JSON.parse(str);\n  } catch (e) {\n    return false;\n  }\n  return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends object>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) {\n    return obj1 as T;\n  }\n\n  const result: ObjectType = { ...obj1 };\n\n  for (const key in obj2) {\n    if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n      if (\n        typeof obj2[key] === \"object\" &&\n        obj2[key] !== null &&\n        Object.prototype.hasOwnProperty.call(obj1, key) &&\n        !Array.isArray(obj2[key])\n      ) {\n        result[key] = deepMerge(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":[],"mappings":"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"}

package/dist/esm/src/util/helper.test.d.ts

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

package/dist/esm/src/util/unitTestUtils.d.ts

@@ -1,12 +0,0 @@
-export declare class MockDOMRect implements DOMRect {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-    constructor(x?: number, y?: number, width?: number, height?: number, top?: number, right?: number, bottom?: number, left?: number);
-    toJSON(): this;
-}

package/dist/esm/src/utils/statusUtils.d.ts

@@ -1,10 +0,0 @@
-import { Icons } from "../components/Icon/Icon";
-interface StatusProps {
-    error?: boolean;
-    success?: boolean;
-    info?: boolean;
-}
-type StatusState = "error" | "success" | "info";
-export declare function getStatusIcon({ error, success, info }: StatusProps): Icons;
-export declare function getStatusState({ error, success, info }: StatusProps, defaultToInfo?: boolean): StatusState | undefined;
-export {};

package/dist/esm/src/utils/statusUtils.esm.js

@@ -1,41 +0,0 @@
-import { Icons } from '../../Icon/Icon.esm.js';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-function getStatusIcon({ error, success, info }) {
-    if (error) {
-        return Icons.Error;
-    }
-    if (success) {
-        return Icons.CheckmarkCircleAlt;
-    }
-    return Icons.InfoCircle;
-}
-function getStatusState({ error, success, info }, defaultToInfo = false) {
-    if (error) {
-        return "error";
-    }
-    if (success) {
-        return "success";
-    }
-    if (info || defaultToInfo) {
-        return "info";
-    }
-    return undefined;
-}
-
-export { getStatusIcon, getStatusState };
-//# sourceMappingURL=statusUtils.esm.js.map

package/dist/esm/src/utils/statusUtils.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"statusUtils.esm.js","sources":["../../../../../../src/utils/statusUtils.ts"],"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 { Icons } from \"../components/Icon/Icon\";\n\ninterface StatusProps {\n  error?: boolean;\n  success?: boolean;\n  info?: boolean;\n}\n\ntype StatusState = \"error\" | \"success\" | \"info\";\n\nexport function getStatusIcon({ error, success, info }: StatusProps): Icons {\n  if (error) {\n    return Icons.Error;\n  }\n  if (success) {\n    return Icons.CheckmarkCircleAlt;\n  }\n  return Icons.InfoCircle;\n}\n\nexport function getStatusState(\n  { error, success, info }: StatusProps,\n  defaultToInfo = false\n): StatusState | undefined {\n  if (error) {\n    return \"error\";\n  }\n  if (success) {\n    return \"success\";\n  }\n  if (info || defaultToInfo) {\n    return \"info\";\n  }\n  return undefined;\n}\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAYG,SAAU,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAe,EAAA;IACjE,IAAI,KAAK,EAAE;QACT,OAAO,KAAK,CAAC,KAAK,CAAC;KACpB;IACD,IAAI,OAAO,EAAE;QACX,OAAO,KAAK,CAAC,kBAAkB,CAAC;KACjC;IACD,OAAO,KAAK,CAAC,UAAU,CAAC;AAC1B,CAAC;AAEe,SAAA,cAAc,CAC5B,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAe,EACrC,aAAa,GAAG,KAAK,EAAA;IAErB,IAAI,KAAK,EAAE;AACT,QAAA,OAAO,OAAO,CAAC;KAChB;IACD,IAAI,OAAO,EAAE;AACX,QAAA,OAAO,SAAS,CAAC;KAClB;AACD,IAAA,IAAI,IAAI,IAAI,aAAa,EAAE;AACzB,QAAA,OAAO,MAAM,CAAC;KACf;AACD,IAAA,OAAO,SAAS,CAAC;AACnB;;;;"}

package/dist/esm/src/variables.d.ts

@@ -1,8 +0,0 @@
-export declare enum ScreenSize {
-    SMALL = 0,
-    MEDIUM = 1,
-    LARGE = 2
-}
-export declare const breakpoints: {
-    [key in ScreenSize]: number;
-};

package/dist/esm/src/variables.esm.js

@@ -1,33 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-/** Breakpoints **/
-const small = 30; //em = 480px
-const medium = 50; //em = 800px
-const large = 90; //em = 1440px
-var ScreenSize;
-(function (ScreenSize) {
-    ScreenSize[ScreenSize["SMALL"] = 0] = "SMALL";
-    ScreenSize[ScreenSize["MEDIUM"] = 1] = "MEDIUM";
-    ScreenSize[ScreenSize["LARGE"] = 2] = "LARGE";
-})(ScreenSize || (ScreenSize = {}));
-const breakpoints = {
-    [ScreenSize.SMALL]: small,
-    [ScreenSize.MEDIUM]: medium,
-    [ScreenSize.LARGE]: large
-};
-
-export { ScreenSize, breakpoints };
-//# sourceMappingURL=variables.esm.js.map

package/dist/esm/src/variables.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variables.esm.js","sources":["../../../../../src/variables.ts"],"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/** Breakpoints **/\nconst small = 30 as const; //em = 480px\nconst medium = 50 as const; //em = 800px\nconst large = 90 as const; //em = 1440px\n\nexport enum ScreenSize {\n  SMALL,\n  MEDIUM,\n  LARGE\n}\n\nexport const breakpoints: { [key in ScreenSize]: number } = {\n  [ScreenSize.SMALL]: small,\n  [ScreenSize.MEDIUM]: medium,\n  [ScreenSize.LARGE]: large\n} as const;\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;AAEH;AACA,MAAM,KAAK,GAAG,EAAW,CAAC;AAC1B,MAAM,MAAM,GAAG,EAAW,CAAC;AAC3B,MAAM,KAAK,GAAG,EAAW,CAAC;IAEd,WAIX;AAJD,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,UAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK,CAAA;AACL,IAAA,UAAA,CAAA,UAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAM,CAAA;AACN,IAAA,UAAA,CAAA,UAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK,CAAA;AACP,CAAC,EAJW,UAAU,KAAV,UAAU,GAIrB,EAAA,CAAA,CAAA,CAAA;AAEY,MAAA,WAAW,GAAoC;AAC1D,IAAA,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK;AACzB,IAAA,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM;AAC3B,IAAA,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK;;;;;"}

package/dist/esm/stories/utils/useStoryCentring.d.ts

@@ -1 +0,0 @@
-export declare const useStoryCentring: () => void;

package/dist/esm/withReadOnly.esm.js

@@ -1,71 +0,0 @@
-import React from 'react';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-const componentsWithKeyEventsToPrevent = ["CheckboxWrapper"];
-const getDisplayName = (WrappedComponent) => {
-    var _a, _b;
-    return (_b = (_a = WrappedComponent.displayName) !== null && _a !== void 0 ? _a : WrappedComponent.name) !== null && _b !== void 0 ? _b : "Component";
-};
-const getConditionalProps = (readOnlyView, type, helperText) => {
-    const props = {};
-    if (readOnlyView) {
-        props.style = { pointerEvents: "none", userSelect: "text" };
-        if (helperText) {
-            props.helperText = "";
-        }
-    }
-    else if (helperText) {
-        props.helperText = helperText;
-    }
-    if (type) {
-        props.type = type;
-    }
-    return props;
-};
-const withReadOnly = (WrappedComponent, options) => {
-    const { isWrapperComponent } = options || {};
-    const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView) => {
-        const preventSubmissionKeys = (e) => {
-            const isEnterOrSpace = (e) => e.key === "Enter" || e.key === " ";
-            if (isEnterOrSpace(e)) {
-                e.stopPropagation();
-                e.preventDefault();
-            }
-        };
-        if (readOnlyView &&
-            componentsWithKeyEventsToPrevent.includes(WrappedComponent.displayName || WrappedComponent.name)) {
-            const props = {};
-            props.onKeyUp = (e) => {
-                preventSubmissionKeys(e);
-            };
-            props.onKeyDown = (e) => {
-                preventSubmissionKeys(e);
-            };
-            return props;
-        }
-        return {};
-    };
-    const WithReadOnlyComponent = React.forwardRef((props, ref) => {
-        const { readOnlyView = false, required, children, helperText, type = "", ...restProps } = props;
-        return (React.createElement(WrappedComponent, { ref: ref, ...restProps, "data-readonlyview": readOnlyView, "aria-readonly": isWrapperComponent ? undefined : readOnlyView, required: readOnlyView ? false : required, ...getConditionalProps(readOnlyView, type, helperText), ...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView) }, children));
-    });
-    WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;
-    return WithReadOnlyComponent;
-};
-
-export { withReadOnly };
-//# sourceMappingURL=withReadOnly.esm.js.map

package/dist/esm/withReadOnly.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withReadOnly.esm.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 if (helperText) {\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":[],"mappings":"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"}

package/dist/lib/style-inject.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var styleInject$2 = {exports: {}};
-
-var styleInject$1 = styleInject$2.exports;
-
-var hasRequiredStyleInject;
-
-function requireStyleInject () {
-	if (hasRequiredStyleInject) return styleInject$2.exports;
-	hasRequiredStyleInject = 1;
-	(function (module, exports) {
-		(function (global, factory) {
-			module.exports = factory() ;
-		}(styleInject$1, (function () {
-		function styleInject(css, ref) {
-		  if ( ref === void 0 ) ref = {};
-		  var insertAt = ref.insertAt;
-
-		  if (!css || typeof document === 'undefined') { return; }
-
-		  var head = document.head || document.getElementsByTagName('head')[0];
-		  var style = document.createElement('style');
-		  style.type = 'text/css';
-
-		  if (insertAt === 'top') {
-		    if (head.firstChild) {
-		      head.insertBefore(style, head.firstChild);
-		    } else {
-		      head.appendChild(style);
-		    }
-		  } else {
-		    head.appendChild(style);
-		  }
-
-		  if (style.styleSheet) {
-		    style.styleSheet.cssText = css;
-		  } else {
-		    style.appendChild(document.createTextNode(css));
-		  }
-		}
-
-		return styleInject;
-
-		}))); 
-	} (styleInject$2));
-	return styleInject$2.exports;
-}
-
-var styleInjectExports = requireStyleInject();
-var styleInject = /*@__PURE__*/getDefaultExportFromCjs(styleInjectExports);
-
-exports.default = styleInject;
-//# sourceMappingURL=style-inject.js.map

package/dist/lib/style-inject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.js","sources":["../../node_modules/style-inject/dist/style-inject.js","../../node_modules/style-inject/dist/style-inject.js?commonjs-entry"],"sourcesContent":["(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.styleInject = factory());\n}(this, (function () { 'use strict';\n\nfunction styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nreturn styleInject;\n\n})));\n","import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireStyleInject } from \"/home/circleci/project/node_modules/style-inject/dist/style-inject.js\";\nvar styleInjectExports = requireStyleInject();\nexport { styleInjectExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(styleInjectExports);"],"names":["this"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,EAAA,CAAC,UAAU,MAAM,EAAE,OAAO,EAAE;GACoC,MAAiB,CAAA,OAAA,GAAA,OAAO,EAAE,CAEzD,CAAC;AAClC,GAAC,CAACA,aAAI,GAAG,YAAY,CACrB;AACA,EAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;IAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,IAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;IACE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,IAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,IAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,IAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,MAAI,IAAI,IAAI,CAAC,UAAU,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,OAAK,MAAM;AACX,QAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;OACzB;AACL,KAAG,MAAM;AACT,MAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;AACH;AACA,IAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,MAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,KAAG,MAAM;MACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;KACjD;GACF;AACD;AACA,EAAA,OAAO,WAAW,CAAC;AACnB;AACA,GAAC,EAAE,EAAA;;;;;ACjCH,IAAI,kBAAkB,GAAG,kBAAkB,EAAE,CAAC;AAE9C,kBAAe,aAAa,uBAAuB,CAAC,kBAAkB,CAAC;;;;","x_google_ignoreList":[0,1]}

package/src/_functions.scss

@@ -1,19 +0,0 @@
-/*!
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-@function relativeToBaseFontSize($ratio) {
-  @return calc($ratio * var(--font-size));
-}