@onewelcome/react-lib-components 9.8.1 → 10.0.0

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

@@ -1,248 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { defaultButtonColors } from './buttonBaseStyling.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.
- */
-/**
- * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx
- * and make sure to add it to the shouldBeColorPicker array!
- */
-const BaseStyling = ({ children, properties = {} }) => {
-    const defaultProperties = {
-        colorPrimary50: "#E6E7F4",
-        colorPrimary100: "#CDD0EA",
-        colorPrimary300: "#6871BF",
-        colorPrimary500: "#041295",
-        colorPrimary600: "#030F77",
-        colorPrimary700: "#020B59",
-        colorPrimary900: "#01041E",
-        colorBlueGrey25: "#F7F7F9",
-        colorBlueGrey50: "#EEEFF3",
-        colorBlueGrey100: "#DEDEE6",
-        colorBlueGrey200: "#BCBECE",
-        colorBlueGrey300: "#9A9DB5",
-        colorBlueGrey400: "#797D9C",
-        colorBlueGrey500: "#5D607E",
-        colorBlueGrey700: "#383A4B",
-        colorBlueGrey800: "#252733",
-        colorBlueGrey900: "#131319",
-        colorGreen50: "#E8F3ED",
-        colorGreen100: "#D1E6DA",
-        colorGreen200: "#A2CDB4",
-        colorGreen500: "#178244",
-        colorGreen600: "#126836",
-        colorGreen700: "#0E4E29",
-        colorOrange50: "#FCF2E6",
-        colorOrange100: "#FFE0B2",
-        colorOrange500: "#E07900",
-        colorOrange600: "#B36100",
-        colorOrange700: "#864900",
-        colorRed50: "#FCE9E6",
-        colorRed100: "#FFCDD2",
-        colorRed200: "#F3A599",
-        colorRed500: "#E01E00",
-        colorRed600: "#B31800",
-        colorRed700: "#861200",
-        colorRed900: "#2D0600",
-        colorBlack100: "#000000",
-        colorBlack50: "rgba(0, 0, 0, 0.5)",
-        colorBlack20: "rgba(0, 0, 0, 0.2)",
-        colorBlack10: "rgba(0, 0, 0, 0.1)",
-        colorWhite: "#FFFFFF",
-        colorFocus: "var(--color-primary300)",
-        colorPrimary: "var(--color-primary500)",
-        colorSuccess: "var(--color-green500)",
-        colorWarning: "var(--color-orange500)",
-        colorDanger: "var(--color-red500)",
-        defaultPressedColor: "var(--color-blue-grey100)",
-        defaultHoverColor: "var(--color-blue-grey25)",
-        defaultLineHeight: "1.5",
-        dataGridLineHeight: "1.25",
-        defaultBorderRadius: "0.25rem",
-        focusBorderRadius: "0.125rem",
-        buttonBorderRadius: "0.125rem",
-        buttonBorderWidth: "2px",
-        buttonFontSize: "0.875rem",
-        buttonBorderStyle: "solid",
-        ...defaultButtonColors,
-        buttonFillTextColor: "var(--light)",
-        buttonOutlineHoverTextColor: "var(--color-primary600)", //TODO: to be removed, it's not used anywhere within component library
-        checkboxUncheckedColor: "var(--color-blue-grey500)",
-        checkboxUncheckedHoverColor: "var(--color-blue-grey50)",
-        checkboxUncheckedPressedColor: "var(--default-pressed-color)",
-        checkboxCheckedColor: "var(--color-primary)",
-        checkboxCheckedHoverColor: "var(--color-primary600)",
-        checkboxCheckedPressedColor: "var(--color-primary700)",
-        radioHoverBackgroundColor: "var(--color-blue-grey50)",
-        radioPressedBackgroundColor: "var(--default-pressed-color)",
-        radioCheckedColor: "var(--color-primary)",
-        radioHoverColor: "var(--color-primary600)",
-        radioPressedColor: "var(--color-primary700)",
-        inputBorderRadius: "2px",
-        inputBorderWidth: "1px",
-        inputBorderWidthFocus: "1px",
-        inputBorderStyle: "solid",
-        fileUploadBorderWidth: "1px",
-        dragDropBorderStyle: "dashed",
-        inputBorderColor: "var(--color-blue-grey500)",
-        inputBackgroundColor: "var(--light)",
-        inputHelperTextColor: "var(--color-blue-grey500)",
-        inputHoverBackgroundColor: "var(--default-hover-color)",
-        inputDisabledBackgroundColor: "var(--input-hover-background-color)",
-        inputFontSize: "0.875rem",
-        dragBorderStyle: "solid",
-        modalTitleColor: "var(--font-color-h4)",
-        modalShadowColor: "rgba(0, 0, 0, 0.16)",
-        modalBackgroundColor: "var(--light)",
-        modalBackdropColor: "var(--default)",
-        modalContentFontSize: "0.875rem",
-        sideSheetShadowColorOne: "#01053214",
-        sideSheetShadowColorTwo: "#0105320a",
-        skeletonBackgroundColor: "var(--disabled)",
-        skeletonAnimationColorRgb: "255, 255, 255",
-        alertFontSize: "0.875rem",
-        alertTextColor: "var(--default)",
-        alertTextInvertedColor: "var(--color-blue-grey25)",
-        alertNeutralBackgroundColor: "var(--color-blue-grey50)",
-        alertNeutralInvertedColor: "var(--color-blue-grey500)",
-        alertInfoBackgroundColor: "var(--color-primary50)",
-        alertInfoInvertedColor: "var(--color-primary500)",
-        alertSuccessBackgroundColor: "var(--color-green50)",
-        alertSuccessInvertedColor: "var(--color-green500)",
-        alertErrorBackgroundColor: "var(--color-red50)",
-        alertErrorInvertedColor: "var(--color-red500)",
-        alertWarningBackgroundColor: "var(--color-orange50)",
-        alertWarningInvertedColor: "var(--color-orange600)",
-        alertBorderWidth: "4px",
-        alertBorderRadius: "2px",
-        stepperWaitingColor: "var(--color-blue-grey200)",
-        stepperWaitingHoverColor: "var(--color-blue-grey300)",
-        stepperWaitingActiveColor: "var(--color-blue-grey400)",
-        stepperWaitingDisabledColor: "var(--color-blue-grey100)",
-        stepperCurrentColor: "var(--color-primary500)",
-        stepperCurrentHoverColor: "var(--color-primary600)",
-        stepperCurrentActiveColor: "var(--color-primary700)",
-        stepperCurrentDisabledColor: "var(--color-primary100)",
-        stepperDoneColor: "var(--color-green500)",
-        stepperDoneHoverColor: "var(--color-green600)",
-        stepperDoneActiveColor: "var(--color-green700)",
-        stepperDoneDisabledColor: "var(--color-green200)",
-        stepperErrorColor: "var(--color-red500)",
-        stepperErrorHoverColor: "var(--color-red600)",
-        stepperErrorActiveColor: "var(--color-red700)",
-        stepperErrorDisabledColor: "var(--color-red200)",
-        stepperDefaultTextColor: "var(--color-white)",
-        stepperLineColor: "var(--color-blue-grey300)",
-        stepperLineBoldColor: "var(--color-blue-grey700)",
-        stepperLineDisabledColor: "var(--color-blue-grey100)",
-        stepperLineBoldDisabledColor: "var(--color-blue-grey300)",
-        stepperLabelColor: "var(--color-blue-grey900)",
-        stepperCaptionColor: "var(--color-blue-grey500)",
-        stepperCaptionErrorColor: "var(--color-red500)",
-        stepperLabelDisabledColor: "var(--color-blue-grey400)",
-        stepperCaptionDisabledColor: "var(--color-blue-grey400)",
-        stepperCaptionErrorDisabledColor: "var(--color-red200)",
-        bannerBorderRadius: "2px",
-        bannerBorderWidth: "4px",
-        dataGridRowBackgroundColor: "transparent",
-        dataGridRowHoverBackgroundColor: "var(--default-hover-color)",
-        progressBarBackgroundColor: "var(--disabled)",
-        tabsBackgroundColor: "var(--light)",
-        tabActiveBorderHeight: "0.25rem",
-        tabActiveBorderColor: "var(--color-primary)",
-        tabActiveTextColor: "var(--color-primary)",
-        tablistBorderWidth: "0.0625rem",
-        tablistBorderStyle: "solid",
-        tablistBorderColor: "var(--color-blue-grey100)",
-        tabTextColor: "var(--color-blue-grey900)",
-        tabHoverColor: "var(--default-hover-color)",
-        tabPressedColor: "var(--default-pressed-color)",
-        toggleBackgroundColor: "var(--color-blue-grey100)",
-        tooltipBackgroundColor: "var(--default)",
-        contextMenuHoverColor: "var(--default-hover-color)",
-        contextMenuActiveColor: "var(--color-primary)",
-        contextMenuPressedColor: "var(--default-pressed-color)",
-        contextMenuFontSize: "0.875rem",
-        linkFontSize: "var(--font-size)",
-        linkPrimaryDefaultColor: "var(--color-primary)",
-        linkPrimaryVisitedColor: "var(--button-primary-pressed-color)",
-        linkSuccessDefaultColor: "var(--color-success)",
-        linkSuccessVisitedColor: "var(--button-success-pressed-color)",
-        linkDangerDefaultColor: "var(--color-danger)",
-        linkDangerVisitedColor: "var(--button-danger-pressed-color)",
-        linkWarningDefaultColor: "var(--color-warning)",
-        linkWarningVisitedColor: "var(--button-warning-pressed-color)",
-        leftNavItemActiveRibbonColor: "var(--color-primary)",
-        leftNavItemActiveBackgroundColor: "var(--color-primary50)",
-        default: "var(--color-blue-grey900)",
-        success: "var(--color-green500)",
-        error: "var(--color-red500)",
-        info: "var(--color-primary500)",
-        disabled: "var(--color-blue-grey100)",
-        greyedOut: "var(--color-blue-grey400)",
-        lightGreyBorder: "var(--color-blue-grey100)",
-        warning: "var(--color-orange500)",
-        light: "var(--color-white)",
-        fontFamily: "Roboto, sans-serif",
-        fontFamilyCode: "'Roboto Mono', monospace",
-        fontSizeFormLabel: "0.875rem",
-        fontSize: "1rem",
-        fontColorBody: "var(--default)",
-        fontSizeH1: "2.5rem",
-        fontColorH1: "var(--default)",
-        fontSizeH2: "1.625rem",
-        fontColorH2: "var(--default)",
-        fontSizeH3: "1.5rem",
-        fontColorH3: "var(--default)",
-        fontSizeH4: "1.25rem",
-        fontColorH4: "var(--default)",
-        fontSizeSub: "0.75rem",
-        fontColorSub: "var(--default)",
-        fontSizeCode: "1rem",
-        fontColorCode: "var(--default)",
-        fontSizeSmall: "0.625rem",
-        fontSizeBig: "1.25rem",
-        readOnlyBorderColor: "var(--color-blue-grey100)",
-        readOnlyTextColor: "var(--color-blue-grey900)",
-        formControlFontSize: "0.875rem",
-        fontSizeDataGrid: "0.875rem",
-        iconFontBig: "1.125rem",
-        tooltipIndex: "12"
-    };
-    /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */
-    const [isLoading, setIsLoading] = useState(true);
-    const baseStylingWrapper = useRef(null);
-    const setCSSProperties = (CSSPropertiesObject) => {
-        for (const [key, value] of Object.entries(CSSPropertiesObject)) {
-            const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);
-            baseStylingWrapper.current.style.setProperty(`--${formattedPropertyName}`, value);
-        }
-    };
-    useEffect(() => {
-        if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {
-            const mergedState = { ...defaultProperties, ...properties };
-            setCSSProperties(mergedState);
-        }
-        else if (baseStylingWrapper.current) {
-            setCSSProperties(defaultProperties);
-        }
-        setIsLoading(false);
-    }, [properties, baseStylingWrapper.current]);
-    return (React.createElement("div", { className: "basestyling-wrapper", ref: baseStylingWrapper }, !isLoading ? children : null));
-};
-
-export { BaseStyling };
-//# sourceMappingURL=BaseStyling.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\nimport { ButtonColorProps, defaultButtonColors } from \"./buttonBaseStyling\";\n\nexport interface CSSProperties extends ButtonColorProps {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimary50?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen50?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorOrange50?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed50?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorRed900?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack50?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  /**@deprecated*/\n  buttonOutlineHoverTextColor?: string;\n  buttonFillTextColor?: string;\n  checkboxUncheckedColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioCheckedColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  inputFontSize?: string;\n  dragBorderStyle?: string;\n  modalTitleColor?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  modalContentFontSize?: string;\n  sideSheetShadowColorOne?: string;\n  sideSheetShadowColorTwo?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertFontSize?: string;\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n\n  contextMenuHoverColor?: string;\n  contextMenuActiveColor?: string;\n  contextMenuPressedColor?: string;\n  contextMenuFontSize?: string;\n\n  linkFontSize?: string;\n  linkPrimaryDefaultColor?: string;\n  linkPrimaryVisitedColor?: string;\n  linkSuccessDefaultColor?: string;\n  linkSuccessVisitedColor?: string;\n  linkDangerDefaultColor?: string;\n  linkDangerVisitedColor?: string;\n  linkWarningDefaultColor?: string;\n  linkWarningVisitedColor?: string;\n\n  leftNavItemActiveRibbonColor?: string;\n  leftNavItemActiveBackgroundColor?: string;\n\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontColorBody?: string;\n  fontSizeH1?: string;\n  fontColorH1?: string;\n  fontSizeH2?: string;\n  fontColorH2?: string;\n  fontSizeH3?: string;\n  fontColorH3?: string;\n  fontSizeH4?: string;\n  fontColorH4?: string;\n  fontSizeSub?: string;\n  fontColorSub?: string;\n  fontSizeCode?: string;\n  fontColorCode?: string;\n  fontSizeSmall?: string;\n  fontSizeBig?: string;\n\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n  readOnlyBorderColor?: string;\n  readOnlyTextColor?: string;\n  iconFontBig?: string;\n  tooltipIndex?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary50: \"#E6E7F4\",\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen50: \"#E8F3ED\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorOrange50: \"#FCF2E6\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed50: \"#FCE9E6\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorRed900: \"#2D0600\",\n    colorBlack100: \"#000000\",\n    colorBlack50: \"rgba(0, 0, 0, 0.5)\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\",\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    ...defaultButtonColors,\n    buttonFillTextColor: \"var(--light)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\", //TODO: to be removed, it's not used anywhere within component library\n    checkboxUncheckedColor: \"var(--color-blue-grey500)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedColor: \"var(--color-primary)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioCheckedColor: \"var(--color-primary)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    inputFontSize: \"0.875rem\",\n    dragBorderStyle: \"solid\",\n    modalTitleColor: \"var(--font-color-h4)\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    modalContentFontSize: \"0.875rem\",\n    sideSheetShadowColorOne: \"#01053214\",\n    sideSheetShadowColorTwo: \"#0105320a\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertFontSize: \"0.875rem\",\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--color-blue-grey25)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n    alertInfoBackgroundColor: \"var(--color-primary50)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n    alertSuccessBackgroundColor: \"var(--color-green50)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n    alertErrorBackgroundColor: \"var(--color-red50)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n    alertWarningBackgroundColor: \"var(--color-orange50)\",\n    alertWarningInvertedColor: \"var(--color-orange600)\",\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuActiveColor: \"var(--color-primary)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    contextMenuFontSize: \"0.875rem\",\n\n    linkFontSize: \"var(--font-size)\",\n    linkPrimaryDefaultColor: \"var(--color-primary)\",\n    linkPrimaryVisitedColor: \"var(--button-primary-pressed-color)\",\n    linkSuccessDefaultColor: \"var(--color-success)\",\n    linkSuccessVisitedColor: \"var(--button-success-pressed-color)\",\n    linkDangerDefaultColor: \"var(--color-danger)\",\n    linkDangerVisitedColor: \"var(--button-danger-pressed-color)\",\n    linkWarningDefaultColor: \"var(--color-warning)\",\n    linkWarningVisitedColor: \"var(--button-warning-pressed-color)\",\n\n    leftNavItemActiveRibbonColor: \"var(--color-primary)\",\n    leftNavItemActiveBackgroundColor: \"var(--color-primary50)\",\n\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\",\n    fontSize: \"1rem\",\n    fontColorBody: \"var(--default)\",\n    fontSizeH1: \"2.5rem\",\n    fontColorH1: \"var(--default)\",\n    fontSizeH2: \"1.625rem\",\n    fontColorH2: \"var(--default)\",\n    fontSizeH3: \"1.5rem\",\n    fontColorH3: \"var(--default)\",\n    fontSizeH4: \"1.25rem\",\n    fontColorH4: \"var(--default)\",\n    fontSizeSub: \"0.75rem\",\n    fontColorSub: \"var(--default)\",\n    fontSizeCode: \"1rem\",\n    fontColorCode: \"var(--default)\",\n    fontSizeSmall: \"0.625rem\",\n    fontSizeBig: \"1.25rem\",\n\n    readOnlyBorderColor: \"var(--color-blue-grey100)\",\n    readOnlyTextColor: \"var(--color-blue-grey900)\",\n    formControlFontSize: \"0.875rem\",\n    fontSizeDataGrid: \"0.875rem\",\n    iconFontBig: \"1.125rem\",\n    tooltipIndex: \"12\"\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/_BaseStyling_/buttonBaseStyling.esm.js

@@ -1,100 +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 defaultButtonColors = {
-    buttonPrimaryDefaultColor: "var(--color-primary500)",
-    buttonPrimaryHoverColor: "var(--color-primary600)",
-    buttonPrimaryFocusedColor: "var(--color-primary500)",
-    buttonPrimaryPressedColor: "var(--color-primary700)",
-    buttonSuccessDefaultColor: "var(--color-green500)",
-    buttonSuccessHoverColor: "var(--color-green600)",
-    buttonSuccessFocusedColor: "var(--color-green500)",
-    buttonSuccessPressedColor: "var(--color-green700)",
-    buttonDangerDefaultColor: "var(--color-red500)",
-    buttonDangerHoverColor: "var(--color-red600)",
-    buttonDangerFocusedColor: "var(--color-red500)",
-    buttonDangerPressedColor: "var(--color-red700)",
-    buttonWarningDefaultColor: "var(--color-orange500)",
-    buttonWarningHoverColor: "var(--color-orange600)",
-    buttonWarningFocusedColor: "var(--color-orange500)",
-    buttonWarningPressedColor: "var(--color-orange700)",
-    buttonDefaultColor: "var(--color-blue-grey700)",
-    buttonDefaultHoverColor: "var(--color-blue-grey800)",
-    buttonDefaultFocusedColor: "var(--color-blue-grey700)",
-    buttonDefaultPressedColor: "var(--color-blue-grey800)",
-    buttonFillPrimaryDefaultColor: "var(--button-primary-default-color)",
-    buttonFillPrimaryHoverColor: "var(--button-primary-hover-color)",
-    buttonFillPrimaryFocusedColor: "var(--button-primary-focused-color)",
-    buttonFillPrimaryPressedColor: "var(--button-primary-pressed-color)",
-    buttonFillSuccessDefaultColor: "var(--button-success-default-color)",
-    buttonFillSuccessHoverColor: "var(--button-success-hover-color)",
-    buttonFillSuccessFocusedColor: "var(--button-success-focused-color)",
-    buttonFillSuccessPressedColor: "var(--button-success-pressed-color)",
-    buttonFillDangerDefaultColor: "var(--button-danger-default-color)",
-    buttonFillDangerHoverColor: "var(--button-danger-hover-color)",
-    buttonFillDangerFocusedColor: "var(--button-danger-focused-color)",
-    buttonFillDangerPressedColor: "var(--button-danger-pressed-color)",
-    buttonFillWarningDefaultColor: "var(--button-warning-default-color)",
-    buttonFillWarningHoverColor: "var(--button-warning-hover-color)",
-    buttonFillWarningFocusedColor: "var(--button-warning-focused-color)",
-    buttonFillWarningPressedColor: "var(--button-warning-pressed-color)",
-    buttonFillDefaultDefaultColor: "var(--button-default-default-color)",
-    buttonFillDefaultHoverColor: "var(--button-default-hover-color)",
-    buttonFillDefaultFocusedColor: "var(--button-default-focused-color)",
-    buttonFillDefaultPressedColor: "var(--button-default-pressed-color)",
-    buttonOutlinePrimaryDefaultColor: "var(--button-primary-default-color)",
-    buttonOutlinePrimaryHoverColor: "var(--button-primary-hover-color)",
-    buttonOutlinePrimaryFocusedColor: "var(--button-primary-focused-color)",
-    buttonOutlinePrimaryPressedColor: "var(--button-primary-pressed-color)",
-    buttonOutlineSuccessDefaultColor: "var(--button-success-default-color)",
-    buttonOutlineSuccessHoverColor: "var(--button-success-hover-color)",
-    buttonOutlineSuccessFocusedColor: "var(--button-success-focused-color)",
-    buttonOutlineSuccessPressedColor: "var(--button-success-pressed-color)",
-    buttonOutlineDangerDefaultColor: "var(--button-danger-default-color)",
-    buttonOutlineDangerHoverColor: "var(--button-danger-hover-color)",
-    buttonOutlineDangerFocusedColor: "var(--button-danger-focused-color)",
-    buttonOutlineDangerPressedColor: "var(--button-danger-pressed-color)",
-    buttonOutlineWarningDefaultColor: "var(--button-warning-default-color)",
-    buttonOutlineWarningHoverColor: "var(--button-warning-hover-color)",
-    buttonOutlineWarningFocusedColor: "var(--button-warning-focused-color)",
-    buttonOutlineWarningPressedColor: "var(--button-warning-pressed-color)",
-    buttonOutlineDefaultDefaultColor: "var(--button-default-default-color)",
-    buttonOutlineDefaultHoverColor: "var(--button-default-hover-color)",
-    buttonOutlineDefaultFocusedColor: "var(--button-default-focused-color)",
-    buttonOutlineDefaultPressedColor: "var(--button-default-pressed-color)",
-    buttonTextPrimaryDefaultColor: "var(--button-primary-default-color)",
-    buttonTextPrimaryHoverColor: "var(--button-primary-hover-color)",
-    buttonTextPrimaryFocusedColor: "var(--button-primary-focused-color)",
-    buttonTextPrimaryPressedColor: "var(--button-primary-pressed-color)",
-    buttonTextSuccessDefaultColor: "var(--button-success-default-color)",
-    buttonTextSuccessHoverColor: "var(--button-success-hover-color)",
-    buttonTextSuccessFocusedColor: "var(--button-success-focused-color)",
-    buttonTextSuccessPressedColor: "var(--button-success-pressed-color)",
-    buttonTextDangerDefaultColor: "var(--button-danger-default-color)",
-    buttonTextDangerHoverColor: "var(--button-danger-hover-color)",
-    buttonTextDangerFocusedColor: "var(--button-danger-focused-color)",
-    buttonTextDangerPressedColor: "var(--button-danger-pressed-color)",
-    buttonTextWarningDefaultColor: "var(--button-warning-default-color)",
-    buttonTextWarningHoverColor: "var(--button-warning-hover-color)",
-    buttonTextWarningFocusedColor: "var(--button-warning-focused-color)",
-    buttonTextWarningPressedColor: "var(--button-warning-pressed-color)",
-    buttonTextDefaultDefaultColor: "var(--button-default-default-color)",
-    buttonTextDefaultHoverColor: "var(--button-default-hover-color)",
-    buttonTextDefaultFocusedColor: "var(--button-default-focused-color)",
-    buttonTextDefaultPressedColor: "var(--button-default-pressed-color)"
-};
-
-export { defaultButtonColors };
-//# sourceMappingURL=buttonBaseStyling.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"buttonBaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/buttonBaseStyling.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\ntype ButtonType = \"primary\" | \"success\" | \"danger\" | \"warning\" | \"default\";\ntype ButtonVariant = \"fill\" | \"outline\" | \"text\";\ntype ButtonState = \"default\" | \"hover\" | \"focused\" | \"pressed\";\n\ntype CapitalizeString<T extends string> = T extends `${infer First}${infer Rest}`\n  ? `${Uppercase<First>}${Rest}`\n  : T;\n\ntype Flattened<K extends string> = {\n  [Key in K]?: string;\n};\n\ntype BaseButtonProps = Omit<\n  Flattened<`button${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>,\n  \"buttonDefaultDefaultColor\"\n> & { buttonDefaultColor?: string };\n\ntype VariantButtonProps =\n  Flattened<`button${CapitalizeString<ButtonVariant>}${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>;\n\nexport type ButtonColorProps = BaseButtonProps & VariantButtonProps;\n\nexport const defaultButtonColors: Required<ButtonColorProps> = {\n  buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n  buttonPrimaryHoverColor: \"var(--color-primary600)\",\n  buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n  buttonPrimaryPressedColor: \"var(--color-primary700)\",\n  buttonSuccessDefaultColor: \"var(--color-green500)\",\n  buttonSuccessHoverColor: \"var(--color-green600)\",\n  buttonSuccessFocusedColor: \"var(--color-green500)\",\n  buttonSuccessPressedColor: \"var(--color-green700)\",\n  buttonDangerDefaultColor: \"var(--color-red500)\",\n  buttonDangerHoverColor: \"var(--color-red600)\",\n  buttonDangerFocusedColor: \"var(--color-red500)\",\n  buttonDangerPressedColor: \"var(--color-red700)\",\n  buttonWarningDefaultColor: \"var(--color-orange500)\",\n  buttonWarningHoverColor: \"var(--color-orange600)\",\n  buttonWarningFocusedColor: \"var(--color-orange500)\",\n  buttonWarningPressedColor: \"var(--color-orange700)\",\n  buttonDefaultColor: \"var(--color-blue-grey700)\",\n  buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n  buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n  buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n\n  buttonFillPrimaryDefaultColor: \"var(--button-primary-default-color)\",\n  buttonFillPrimaryHoverColor: \"var(--button-primary-hover-color)\",\n  buttonFillPrimaryFocusedColor: \"var(--button-primary-focused-color)\",\n  buttonFillPrimaryPressedColor: \"var(--button-primary-pressed-color)\",\n  buttonFillSuccessDefaultColor: \"var(--button-success-default-color)\",\n  buttonFillSuccessHoverColor: \"var(--button-success-hover-color)\",\n  buttonFillSuccessFocusedColor: \"var(--button-success-focused-color)\",\n  buttonFillSuccessPressedColor: \"var(--button-success-pressed-color)\",\n  buttonFillDangerDefaultColor: \"var(--button-danger-default-color)\",\n  buttonFillDangerHoverColor: \"var(--button-danger-hover-color)\",\n  buttonFillDangerFocusedColor: \"var(--button-danger-focused-color)\",\n  buttonFillDangerPressedColor: \"var(--button-danger-pressed-color)\",\n  buttonFillWarningDefaultColor: \"var(--button-warning-default-color)\",\n  buttonFillWarningHoverColor: \"var(--button-warning-hover-color)\",\n  buttonFillWarningFocusedColor: \"var(--button-warning-focused-color)\",\n  buttonFillWarningPressedColor: \"var(--button-warning-pressed-color)\",\n  buttonFillDefaultDefaultColor: \"var(--button-default-default-color)\",\n  buttonFillDefaultHoverColor: \"var(--button-default-hover-color)\",\n  buttonFillDefaultFocusedColor: \"var(--button-default-focused-color)\",\n  buttonFillDefaultPressedColor: \"var(--button-default-pressed-color)\",\n\n  buttonOutlinePrimaryDefaultColor: \"var(--button-primary-default-color)\",\n  buttonOutlinePrimaryHoverColor: \"var(--button-primary-hover-color)\",\n  buttonOutlinePrimaryFocusedColor: \"var(--button-primary-focused-color)\",\n  buttonOutlinePrimaryPressedColor: \"var(--button-primary-pressed-color)\",\n  buttonOutlineSuccessDefaultColor: \"var(--button-success-default-color)\",\n  buttonOutlineSuccessHoverColor: \"var(--button-success-hover-color)\",\n  buttonOutlineSuccessFocusedColor: \"var(--button-success-focused-color)\",\n  buttonOutlineSuccessPressedColor: \"var(--button-success-pressed-color)\",\n  buttonOutlineDangerDefaultColor: \"var(--button-danger-default-color)\",\n  buttonOutlineDangerHoverColor: \"var(--button-danger-hover-color)\",\n  buttonOutlineDangerFocusedColor: \"var(--button-danger-focused-color)\",\n  buttonOutlineDangerPressedColor: \"var(--button-danger-pressed-color)\",\n  buttonOutlineWarningDefaultColor: \"var(--button-warning-default-color)\",\n  buttonOutlineWarningHoverColor: \"var(--button-warning-hover-color)\",\n  buttonOutlineWarningFocusedColor: \"var(--button-warning-focused-color)\",\n  buttonOutlineWarningPressedColor: \"var(--button-warning-pressed-color)\",\n  buttonOutlineDefaultDefaultColor: \"var(--button-default-default-color)\",\n  buttonOutlineDefaultHoverColor: \"var(--button-default-hover-color)\",\n  buttonOutlineDefaultFocusedColor: \"var(--button-default-focused-color)\",\n  buttonOutlineDefaultPressedColor: \"var(--button-default-pressed-color)\",\n\n  buttonTextPrimaryDefaultColor: \"var(--button-primary-default-color)\",\n  buttonTextPrimaryHoverColor: \"var(--button-primary-hover-color)\",\n  buttonTextPrimaryFocusedColor: \"var(--button-primary-focused-color)\",\n  buttonTextPrimaryPressedColor: \"var(--button-primary-pressed-color)\",\n  buttonTextSuccessDefaultColor: \"var(--button-success-default-color)\",\n  buttonTextSuccessHoverColor: \"var(--button-success-hover-color)\",\n  buttonTextSuccessFocusedColor: \"var(--button-success-focused-color)\",\n  buttonTextSuccessPressedColor: \"var(--button-success-pressed-color)\",\n  buttonTextDangerDefaultColor: \"var(--button-danger-default-color)\",\n  buttonTextDangerHoverColor: \"var(--button-danger-hover-color)\",\n  buttonTextDangerFocusedColor: \"var(--button-danger-focused-color)\",\n  buttonTextDangerPressedColor: \"var(--button-danger-pressed-color)\",\n  buttonTextWarningDefaultColor: \"var(--button-warning-default-color)\",\n  buttonTextWarningHoverColor: \"var(--button-warning-hover-color)\",\n  buttonTextWarningFocusedColor: \"var(--button-warning-focused-color)\",\n  buttonTextWarningPressedColor: \"var(--button-warning-pressed-color)\",\n  buttonTextDefaultDefaultColor: \"var(--button-default-default-color)\",\n  buttonTextDefaultHoverColor: \"var(--button-default-hover-color)\",\n  buttonTextDefaultFocusedColor: \"var(--button-default-focused-color)\",\n  buttonTextDefaultPressedColor: \"var(--button-default-pressed-color)\"\n};\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;AAwBU,MAAA,mBAAmB,GAA+B;AAC7D,IAAA,yBAAyB,EAAE,yBAAyB;AACpD,IAAA,uBAAuB,EAAE,yBAAyB;AAClD,IAAA,yBAAyB,EAAE,yBAAyB;AACpD,IAAA,yBAAyB,EAAE,yBAAyB;AACpD,IAAA,yBAAyB,EAAE,uBAAuB;AAClD,IAAA,uBAAuB,EAAE,uBAAuB;AAChD,IAAA,yBAAyB,EAAE,uBAAuB;AAClD,IAAA,yBAAyB,EAAE,uBAAuB;AAClD,IAAA,wBAAwB,EAAE,qBAAqB;AAC/C,IAAA,sBAAsB,EAAE,qBAAqB;AAC7C,IAAA,wBAAwB,EAAE,qBAAqB;AAC/C,IAAA,wBAAwB,EAAE,qBAAqB;AAC/C,IAAA,yBAAyB,EAAE,wBAAwB;AACnD,IAAA,uBAAuB,EAAE,wBAAwB;AACjD,IAAA,yBAAyB,EAAE,wBAAwB;AACnD,IAAA,yBAAyB,EAAE,wBAAwB;AACnD,IAAA,kBAAkB,EAAE,2BAA2B;AAC/C,IAAA,uBAAuB,EAAE,2BAA2B;AACpD,IAAA,yBAAyB,EAAE,2BAA2B;AACtD,IAAA,yBAAyB,EAAE,2BAA2B;AAEtD,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,4BAA4B,EAAE,oCAAoC;AAClE,IAAA,0BAA0B,EAAE,kCAAkC;AAC9D,IAAA,4BAA4B,EAAE,oCAAoC;AAClE,IAAA,4BAA4B,EAAE,oCAAoC;AAClE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AAEpE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,8BAA8B,EAAE,mCAAmC;AACnE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,8BAA8B,EAAE,mCAAmC;AACnE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,+BAA+B,EAAE,oCAAoC;AACrE,IAAA,6BAA6B,EAAE,kCAAkC;AACjE,IAAA,+BAA+B,EAAE,oCAAoC;AACrE,IAAA,+BAA+B,EAAE,oCAAoC;AACrE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,8BAA8B,EAAE,mCAAmC;AACnE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,8BAA8B,EAAE,mCAAmC;AACnE,IAAA,gCAAgC,EAAE,qCAAqC;AACvE,IAAA,gCAAgC,EAAE,qCAAqC;AAEvE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,4BAA4B,EAAE,oCAAoC;AAClE,IAAA,0BAA0B,EAAE,kCAAkC;AAC9D,IAAA,4BAA4B,EAAE,oCAAoC;AAClE,IAAA,4BAA4B,EAAE,oCAAoC;AAClE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,2BAA2B,EAAE,mCAAmC;AAChE,IAAA,6BAA6B,EAAE,qCAAqC;AACpE,IAAA,6BAA6B,EAAE,qCAAqC;;;;;"}

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

@@ -1,43 +0,0 @@
-import React, { useState } from 'react';
-import classes from './LeftNav.module.scss.esm.js';
-import { LeftNavItem } from './LeftNavItem/LeftNavItem.esm.js';
-import { useRefItems } from './useRefItems.esm.js';
-import { useScreenSize } from '../../../src/hooks/useScreenSize.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.
- */
-const LeftNavComponent = ({ isSideMenuOpen, onScreenSizeChange, items, navigate, onItemClick, marginTop, internalLinkPrefix, ...rest }, ref) => {
-    const [isSideNavbarVisible, setIsSideNavbarVisible] = useState(isSideMenuOpen);
-    useScreenSize({ onScreenSizeChange });
-    const refItems = useRefItems({ items });
-    const onSideNavbarTransitionEnd = () => {
-        setIsSideNavbarVisible(isSideMenuOpen);
-    };
-    const renderMenuItems = () => {
-        if (!items.length) {
-            return null;
-        }
-        return items.map(item => {
-            return (React.createElement(LeftNavItem, { ref: el => refItems.addElementReference(el, item.key), key: item.key, item: item, navigate: navigate, onItemClick: onItemClick, refItems: refItems, internalLinkPrefix: internalLinkPrefix }));
-        });
-    };
-    return (React.createElement("nav", { ...rest, ref: ref },
-        React.createElement("ul", { style: { "--margin-top": marginTop }, className: `${classes["sidenavbar"]} ${!isSideMenuOpen ? classes["sidenavbar--collapsed"] : ""} ${isSideMenuOpen ? classes["open"] : ""} ${!isSideNavbarVisible ? classes["hidden"] : ""}`, onTransitionEnd: onSideNavbarTransitionEnd }, renderMenuItems())));
-};
-const LeftNav = React.forwardRef(LeftNavComponent);
-
-export { LeftNav };
-//# sourceMappingURL=LeftNav.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LeftNav.esm.js","sources":["../../../../../../../src/components/admin/layout/LeftNav/LeftNav.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  CSSProperties,\n  ForwardRefRenderFunction,\n  useState\n} from \"react\";\nimport classes from \"./LeftNav.module.scss\";\nimport { MenuItem } from \"./LeftNav.interfaces\";\nimport { LeftNavItem } from \"./LeftNavItem/LeftNavItem\";\nimport { useRefItems } from \"./useRefItems\";\nimport { ScreenSize } from \"../../../../variables\";\nimport { useScreenSize } from \"../../../../hooks/useScreenSize\";\n\nexport interface Props extends ComponentPropsWithRef<\"nav\"> {\n  isSideMenuOpen?: boolean;\n  onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;\n  items: MenuItem[];\n  navigate: (path: string) => void;\n  onItemClick?: (path?: string, button?: boolean) => void;\n  marginTop?: string;\n  internalLinkPrefix?: string;\n}\n\nconst LeftNavComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  {\n    isSideMenuOpen,\n    onScreenSizeChange,\n    items,\n    navigate,\n    onItemClick,\n    marginTop,\n    internalLinkPrefix,\n    ...rest\n  },\n  ref\n) => {\n  const [isSideNavbarVisible, setIsSideNavbarVisible] = useState(isSideMenuOpen);\n  useScreenSize({ onScreenSizeChange });\n  const refItems = useRefItems({ items });\n\n  const onSideNavbarTransitionEnd: React.TransitionEventHandler<HTMLUListElement> = () => {\n    setIsSideNavbarVisible(isSideMenuOpen);\n  };\n\n  const renderMenuItems = () => {\n    if (!items.length) {\n      return null;\n    }\n\n    return items.map(item => {\n      return (\n        <LeftNavItem\n          ref={el => refItems.addElementReference(el, item.key)}\n          key={item.key}\n          item={item}\n          navigate={navigate}\n          onItemClick={onItemClick}\n          refItems={refItems}\n          internalLinkPrefix={internalLinkPrefix}\n        />\n      );\n    });\n  };\n\n  return (\n    <nav {...rest} ref={ref}>\n      <ul\n        style={{ \"--margin-top\": marginTop } as CSSProperties}\n        className={`${classes[\"sidenavbar\"]} ${!isSideMenuOpen ? classes[\"sidenavbar--collapsed\"] : \"\"} ${isSideMenuOpen ? classes[\"open\"] : \"\"} ${\n          !isSideNavbarVisible ? classes[\"hidden\"] : \"\"\n        }`}\n        onTransitionEnd={onSideNavbarTransitionEnd}\n      >\n        {renderMenuItems()}\n      </ul>\n    </nav>\n  );\n};\n\nexport const LeftNav = React.forwardRef(LeftNavComponent);\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAyBH,MAAM,gBAAgB,GAAiD,CACrE,EACE,cAAc,EACd,kBAAkB,EAClB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,GAAG,IAAI,EACR,EACD,GAAG,KACD;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAC/E,IAAA,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAExC,MAAM,yBAAyB,GAAmD,MAAK;QACrF,sBAAsB,CAAC,cAAc,CAAC,CAAC;AACzC,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACjB,YAAA,OAAO,IAAI,CAAC;SACb;AAED,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAG;YACtB,QACE,oBAAC,WAAW,EAAA,EACV,GAAG,EAAE,EAAE,IAAI,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EACrD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,CAAA,EACF;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,QACE,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA;AACrB,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAmB,EACrD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,YAAY,CAAC,CAAI,CAAA,EAAA,CAAC,cAAc,GAAG,OAAO,CAAC,uBAAuB,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CACrI,CAAA,EAAA,CAAC,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,EAC7C,CAAA,CAAE,EACF,eAAe,EAAE,yBAAyB,EAAA,EAEzC,eAAe,EAAE,CACf,CACD,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB;;;;"}

package/dist/esm/admin/layout/LeftNav/LeftNav.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 */\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 */.LeftNav_sr-only_54U0v{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.LeftNav_hidden_54U0v{display:none}.LeftNav_slide-in_54U0v{animation:LeftNav_slide-in_54U0v .5s forwards}@media (prefers-reduced-motion:reduce){.LeftNav_slide-in_54U0v{animation-duration:.1ms}}.LeftNav_slide-out_54U0v{animation:LeftNav_slide-out_54U0v .5s forwards}@media (prefers-reduced-motion:reduce){.LeftNav_slide-out_54U0v{animation-duration:.1ms}}@keyframes LeftNav_slide-in_54U0v{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_54U0v{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 */.LeftNav_sidenavbar_54U0v{--margin-top:4rem;background-color:#fff;box-shadow:0 2px 2px 0 #01053205,0 3px 4px 0 #01053205,0 1px 5px 0 #0105320a;display:block;flex-shrink:0;font-family:var(--font-family);height:calc(100vh - var(--margin-top));margin:0;overflow-y:auto;padding:0;position:fixed;transition:transform .2s ease-in-out;width:15rem;z-index:2}@media screen and (max-width:50em){.LeftNav_sidenavbar_54U0v{box-shadow:0 30px 50px rgba(0,0,0,.161);transform:translateX(-110%)}.LeftNav_sidenavbar_54U0v.LeftNav_hidden_54U0v{visibility:hidden}.LeftNav_sidenavbar_54U0v.LeftNav_open_54U0v{transform:translateX(0);visibility:visible}}@media screen and (min-width:50em){.LeftNav_sidenavbar_54U0v.LeftNav_sidenavbar--collapsed_54U0v{box-shadow:0 30px 50px rgba(0,0,0,.161);transform:translateX(-110%)}.LeftNav_sidenavbar_54U0v.LeftNav_sidenavbar--collapsed_54U0v.LeftNav_hidden_54U0v{visibility:hidden}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnROYXYubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNCQUNFLFlBQ0YsQ0FFQSx3QkFDRSw2Q0FDRixDQUNBLHVDQUNFLHdCQUNFLHVCQUNGLENBQ0YsQ0FFQSx5QkFDRSw4Q0FDRixDQUNBLHVDQUNFLHlCQUNFLHVCQUNGLENBQ0YsQ0FFQSxrQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbUNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwwQkFDRSxpQkFBa0IsQ0FXbEIscUJBQXVCLENBQ3ZCLDRFQUE0SCxDQVQ1SCxhQUFjLENBRWQsYUFBYyxDQUtkLDhCQUErQixDQUgvQixzQ0FBdUMsQ0FFdkMsUUFBUyxDQUxULGVBQWdCLENBSWhCLFNBQVUsQ0FQVixjQUFlLENBWWYsb0NBQXVDLENBUHZDLFdBQVksQ0FKWixTQVlGLENBQ0EsbUNBQ0UsMEJBQ0UsdUNBQW1ELENBQ25ELDJCQUNGLENBQ0EsK0NBQ0UsaUJBQ0YsQ0FDQSw2Q0FFRSx1QkFBd0IsQ0FEeEIsa0JBRUYsQ0FDRixDQUNBLG1DQUNFLDhEQUNFLHVDQUFtRCxDQUNuRCwyQkFDRixDQUNBLG1GQUNFLGlCQUNGLENBQ0YiLCJmaWxlIjoiTGVmdE5hdi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNpZGVuYXZiYXIge1xuICAtLW1hcmdpbi10b3A6IDRyZW07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB3aWR0aDogMTVyZW07XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW1hcmdpbi10b3ApKTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMHB4IDJweCAycHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMDIpLCAwcHggM3B4IDRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4wMiksIDBweCAxcHggNXB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjA0KTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDIwMG1zIGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTBlbSkge1xuICAuc2lkZW5hdmJhciB7XG4gICAgYm94LXNoYWRvdzogMCAzMHB4IDUwcHggcmdiYSgwLCAwLCAwLCAwLjE2MDc4NDMxMzcpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTEwJSk7XG4gIH1cbiAgLnNpZGVuYXZiYXIuaGlkZGVuIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbiAgLnNpZGVuYXZiYXIub3BlbiB7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLnNpZGVuYXZiYXIuc2lkZW5hdmJhci0tY29sbGFwc2VkIHtcbiAgICBib3gtc2hhZG93OiAwIDMwcHggNTBweCByZ2JhKDAsIDAsIDAsIDAuMTYwNzg0MzEzNyk7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMTAlKTtcbiAgfVxuICAuc2lkZW5hdmJhci5zaWRlbmF2YmFyLS1jb2xsYXBzZWQuaGlkZGVuIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbn0iXX0= */";
-var classes = {"sr-only":"LeftNav_sr-only_54U0v","hidden":"LeftNav_hidden_54U0v","slide-in":"LeftNav_slide-in_54U0v","slide-out":"LeftNav_slide-out_54U0v","sidenavbar":"LeftNav_sidenavbar_54U0v","open":"LeftNav_open_54U0v","sidenavbar--collapsed":"LeftNav_sidenavbar--collapsed_54U0v"};
-styleInject(css_248z);
-
-export { classes as default };
-//# sourceMappingURL=LeftNav.module.scss.esm.js.map

package/dist/esm/admin/layout/LeftNav/LeftNav.module.scss.esm.js.map

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

package/dist/esm/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.esm.js

@@ -1,81 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import classes from './LeftNavItem.module.scss.esm.js';
-import { Icon, Icons } from '../../../../Icon/Icon.esm.js';
-import { useKeyboardNavigation } from './useKeyboardNavigation.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.
- */
-const chevronIconDataKey = { attributeKey: "chevron-icon", objectKey: "chevronIcon" };
-const ButtonLeftNavItemComponent = ({ item, navigate, onItemClick, refItems, NestedComponent, closeParentList, internalLinkPrefix = "" }, ref) => {
-    var _a, _b;
-    const [expanded, setExpanded] = useState(false);
-    const isActiveParent = !!((_a = item.items) === null || _a === void 0 ? void 0 : _a.find(menuItem => menuItem.active));
-    const onExpandIconClickHandler = () => {
-        setExpanded(expanded => !expanded);
-    };
-    const { onKeyPressNavigation } = useKeyboardNavigation({
-        refItems,
-        item,
-        closeParentList,
-        onExpandIconClickHandler
-    });
-    const onButtonClickHandler = (event) => {
-        const isChevronIcon = !!event.target.dataset[chevronIconDataKey.objectKey];
-        if (!isChevronIcon && item.path && !item.disabled) {
-            event.preventDefault();
-            navigate(item.path);
-            onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.path, true);
-        }
-    };
-    const onLinkClickHandler = (event) => {
-        event.preventDefault();
-    };
-    const openParentWithActiveElement = () => {
-        if (isActiveParent) {
-            setExpanded(true);
-        }
-    };
-    useEffect(openParentWithActiveElement, [isActiveParent]);
-    const getStylingClasses = () => {
-        const buttonClasses = [classes["menu-item"], classes["menu-button"]];
-        expanded && buttonClasses.push(classes["expanded"]);
-        (item.active || isActiveParent) && buttonClasses.push(classes["menu-item-active"]);
-        item.disabled && buttonClasses.push(classes["disabled"]);
-        const buttonWrapperClasses = [classes["menu-button-wrapper"], classes["menu-list-item"]];
-        expanded && buttonWrapperClasses.push(classes["expanded"]);
-        item.active && buttonWrapperClasses.push(classes["menu-item-active"]);
-        return {
-            buttonClasses,
-            buttonWrapperClasses
-        };
-    };
-    const { buttonClasses, buttonWrapperClasses } = getStylingClasses();
-    const tabIndexActive = item.active ? 0 : -1;
-    const tabIndex = item.disabled ? -1 : tabIndexActive;
-    return (React.createElement("li", { className: buttonWrapperClasses.join(" "), "data-testid": item.key },
-        React.createElement("button", { "aria-controls": item.key, "data-testid": `left-nav-item-${item.key}`, "aria-expanded": expanded, ref: ref, onKeyDown: onKeyPressNavigation, onClick: onButtonClickHandler, className: buttonClasses.join(" "), disabled: item.disabled, tabIndex: tabIndex },
-            React.createElement("div", { className: classes["menu-item-text-wrapper"] },
-                item.iconComponent &&
-                    React.cloneElement(item.iconComponent, { className: classes["menu-item-icon"] }),
-                item.path ? (React.createElement("a", { href: item.path ? internalLinkPrefix + item.path : "", "aria-current": item.active ? "page" : false, className: classes["menu-item-text"], onClick: onLinkClickHandler, tabIndex: -1 }, item.title)) : (React.createElement("span", { className: classes["menu-item-text"] }, item.title))),
-            React.createElement(Icon, { onClick: onExpandIconClickHandler, className: classes["menu-item-expand-icon"], icon: Icons.ChevronDown, [`data-${chevronIconDataKey.attributeKey}`]: "true" })),
-        React.createElement("ul", { id: item.key, style: { maxHeight: expanded ? undefined : 0 }, className: classes["menu-list"] }, !item.disabled &&
-            ((_b = item.items) === null || _b === void 0 ? void 0 : _b.map(item => (React.createElement(NestedComponent, { ref: el => refItems.addElementReference(el, item.key), key: item.key, closeParentList: () => setExpanded(false), onKeyUp: onKeyPressNavigation, item: item, navigate: navigate, onItemClick: onItemClick, refItems: refItems, internalLinkPrefix: internalLinkPrefix }, item.title)))))));
-};
-const ButtonLeftNavItem = React.forwardRef(ButtonLeftNavItemComponent);
-
-export { ButtonLeftNavItem };
-//# sourceMappingURL=ButtonLeftNavItem.esm.js.map