@onewelcome/react-lib-components 9.3.0 → 9.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"BaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\nexport interface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  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  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  inputFontSize?: string;\n  dragBorderStyle?: 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\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  contextMenuFontSize?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeSmall?: string;\n  fontSizeBig?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n  readOnlyBorderColor?: string;\n  readOnlyTextColor?: string;\n  iconFontBig?: 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    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    inputFontSize: \"0.875rem\",\n    dragBorderStyle: \"solid\",\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\n    alertInfoBackgroundColor: \"var(--color-primary50)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green50)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red50)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange50)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    contextMenuFontSize: \"0.875rem\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\",\n    fontSize: \"1rem\",\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \"0.75rem\",\n    fontSizeSmall: \"0.625rem\",\n    fontSizeBig: \"1.25rem\",\n    fontSizeCode: \"1rem\",\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  };\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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"}
+{"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  iconFontBig?: 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}\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    iconFontBig: \"1.125rem\",\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-orange500)\",\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n\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  };\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

@@ -0,0 +1,100 @@
+/*
+ * 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

@@ -0,0 +1 @@
+{"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":"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"}

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

@@ -19,7 +19,7 @@ import { useScreenSize } from '../../../src/hooks/useScreenSize.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const LeftNavComponent = ({ isSideMenuOpen, onScreenSizeChange, items, navigate, onItemClick, marginTop, ...rest }, ref) => {
+const LeftNavComponent = ({ isSideMenuOpen, onScreenSizeChange, items, navigate, onItemClick, marginTop, internalLinkPrefix, ...rest }, ref) => {
     const [isSideNavbarVisible, setIsSideNavbarVisible] = useState(isSideMenuOpen);
     useScreenSize({ onScreenSizeChange });
     const refItems = useRefItems({ items });
@@ -31,7 +31,7 @@ const LeftNavComponent = ({ isSideMenuOpen, onScreenSizeChange, items, navigate,
             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 }));
+            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 },

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

@@ -1 +1 @@
-{"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}\n\nconst LeftNavComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { isSideMenuOpen, onScreenSizeChange, items, navigate, onItemClick, marginTop, ...rest },\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        />\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;AAwBH,MAAM,gBAAgB,GAAiD,CACrE,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACxF,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,EAAA,CAClB,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;;;;"}
+{"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,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.LeftNav_sr-only_NmMJU{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.LeftNav_hidden_NmMJU{display:none}.LeftNav_slide-in_NmMJU{animation:LeftNav_slide-in_NmMJU .5s forwards}@media (prefers-reduced-motion:reduce){.LeftNav_slide-in_NmMJU{animation-duration:.1ms}}.LeftNav_slide-out_NmMJU{animation:LeftNav_slide-out_NmMJU .5s forwards}@media (prefers-reduced-motion:reduce){.LeftNav_slide-out_NmMJU{animation-duration:.1ms}}@keyframes LeftNav_slide-in_NmMJU{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_NmMJU{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_NmMJU{--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;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_NmMJU{box-shadow:0 30px 50px rgba(0,0,0,.161);transform:translateX(-110%)}.LeftNav_sidenavbar_NmMJU.LeftNav_hidden_NmMJU{visibility:hidden}.LeftNav_sidenavbar_NmMJU.LeftNav_open_NmMJU{transform:translateX(0);visibility:visible}}@media screen and (min-width:50em){.LeftNav_sidenavbar_NmMJU.LeftNav_sidenavbar--collapsed_NmMJU{box-shadow:0 30px 50px rgba(0,0,0,.161);transform:translateX(-110%)}.LeftNav_sidenavbar_NmMJU.LeftNav_sidenavbar--collapsed_NmMJU.LeftNav_hidden_NmMJU{visibility:hidden}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnROYXYubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNCQUNFLFlBQ0YsQ0FFQSx3QkFDRSw2Q0FDRixDQUNBLHVDQUNFLHdCQUNFLHVCQUNGLENBQ0YsQ0FFQSx5QkFDRSw4Q0FDRixDQUNBLHVDQUNFLHlCQUNFLHVCQUNGLENBQ0YsQ0FFQSxrQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbUNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwwQkFDRSxpQkFBa0IsQ0FHbEIscUJBQXVCLENBUXZCLDRFQUE0SCxDQVA1SCxhQUFjLENBRWQsYUFBYyxDQUVkLHNDQUF1QyxDQUV2QyxRQUFTLENBTFQsZUFBZ0IsQ0FJaEIsU0FBVSxDQVJWLGNBQWUsQ0FXZixvQ0FBdUMsQ0FMdkMsV0FBWSxDQUxaLFNBV0YsQ0FDQSxtQ0FDRSwwQkFDRSx1Q0FBbUQsQ0FDbkQsMkJBQ0YsQ0FDQSwrQ0FDRSxpQkFDRixDQUNBLDZDQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNGLENBQ0EsbUNBQ0UsOERBQ0UsdUNBQW1ELENBQ25ELDJCQUNGLENBQ0EsbUZBQ0UsaUJBQ0YsQ0FDRiIsImZpbGUiOiJMZWZ0TmF2Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2lkZW5hdmJhciB7XG4gIC0tbWFyZ2luLXRvcDogNHJlbTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB3aWR0aDogMTVyZW07XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW1hcmdpbi10b3ApKTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3gtc2hhZG93OiAwcHggMnB4IDJweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4wMiksIDBweCAzcHggNHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjAyKSwgMHB4IDFweCA1cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMDQpO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjAwbXMgZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1MGVtKSB7XG4gIC5zaWRlbmF2YmFyIHtcbiAgICBib3gtc2hhZG93OiAwIDMwcHggNTBweCByZ2JhKDAsIDAsIDAsIDAuMTYwNzg0MzEzNyk7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMTAlKTtcbiAgfVxuICAuc2lkZW5hdmJhci5oaWRkZW4ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxuICAuc2lkZW5hdmJhci5vcGVuIHtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAuc2lkZW5hdmJhci5zaWRlbmF2YmFyLS1jb2xsYXBzZWQge1xuICAgIGJveC1zaGFkb3c6IDAgMzBweCA1MHB4IHJnYmEoMCwgMCwgMCwgMC4xNjA3ODQzMTM3KTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTExMCUpO1xuICB9XG4gIC5zaWRlbmF2YmFyLnNpZGVuYXZiYXItLWNvbGxhcHNlZC5oaWRkZW4ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxufSJdfQ== */";
-var classes = {"sr-only":"LeftNav_sr-only_NmMJU","hidden":"LeftNav_hidden_NmMJU","slide-in":"LeftNav_slide-in_NmMJU","slide-out":"LeftNav_slide-out_NmMJU","sidenavbar":"LeftNav_sidenavbar_NmMJU","open":"LeftNav_open_NmMJU","sidenavbar--collapsed":"LeftNav_sidenavbar--collapsed_NmMJU"};
+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_mEPnS{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.LeftNav_hidden_mEPnS{display:none}.LeftNav_slide-in_mEPnS{animation:LeftNav_slide-in_mEPnS .5s forwards}@media (prefers-reduced-motion:reduce){.LeftNav_slide-in_mEPnS{animation-duration:.1ms}}.LeftNav_slide-out_mEPnS{animation:LeftNav_slide-out_mEPnS .5s forwards}@media (prefers-reduced-motion:reduce){.LeftNav_slide-out_mEPnS{animation-duration:.1ms}}@keyframes LeftNav_slide-in_mEPnS{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_mEPnS{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_mEPnS{--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_mEPnS{box-shadow:0 30px 50px rgba(0,0,0,.161);transform:translateX(-110%)}.LeftNav_sidenavbar_mEPnS.LeftNav_hidden_mEPnS{visibility:hidden}.LeftNav_sidenavbar_mEPnS.LeftNav_open_mEPnS{transform:translateX(0);visibility:visible}}@media screen and (min-width:50em){.LeftNav_sidenavbar_mEPnS.LeftNav_sidenavbar--collapsed_mEPnS{box-shadow:0 30px 50px rgba(0,0,0,.161);transform:translateX(-110%)}.LeftNav_sidenavbar_mEPnS.LeftNav_sidenavbar--collapsed_mEPnS.LeftNav_hidden_mEPnS{visibility:hidden}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnROYXYubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNCQUNFLFlBQ0YsQ0FFQSx3QkFDRSw2Q0FDRixDQUNBLHVDQUNFLHdCQUNFLHVCQUNGLENBQ0YsQ0FFQSx5QkFDRSw4Q0FDRixDQUNBLHVDQUNFLHlCQUNFLHVCQUNGLENBQ0YsQ0FFQSxrQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbUNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwwQkFDRSxpQkFBa0IsQ0FXbEIscUJBQXVCLENBQ3ZCLDRFQUE0SCxDQVQ1SCxhQUFjLENBRWQsYUFBYyxDQUtkLDhCQUErQixDQUgvQixzQ0FBdUMsQ0FFdkMsUUFBUyxDQUxULGVBQWdCLENBSWhCLFNBQVUsQ0FQVixjQUFlLENBWWYsb0NBQXVDLENBUHZDLFdBQVksQ0FKWixTQVlGLENBQ0EsbUNBQ0UsMEJBQ0UsdUNBQW1ELENBQ25ELDJCQUNGLENBQ0EsK0NBQ0UsaUJBQ0YsQ0FDQSw2Q0FFRSx1QkFBd0IsQ0FEeEIsa0JBRUYsQ0FDRixDQUNBLG1DQUNFLDhEQUNFLHVDQUFtRCxDQUNuRCwyQkFDRixDQUNBLG1GQUNFLGlCQUNGLENBQ0YiLCJmaWxlIjoiTGVmdE5hdi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNpZGVuYXZiYXIge1xuICAtLW1hcmdpbi10b3A6IDRyZW07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB3aWR0aDogMTVyZW07XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW1hcmdpbi10b3ApKTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMHB4IDJweCAycHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMDIpLCAwcHggM3B4IDRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4wMiksIDBweCAxcHggNXB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjA0KTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDIwMG1zIGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTBlbSkge1xuICAuc2lkZW5hdmJhciB7XG4gICAgYm94LXNoYWRvdzogMCAzMHB4IDUwcHggcmdiYSgwLCAwLCAwLCAwLjE2MDc4NDMxMzcpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTEwJSk7XG4gIH1cbiAgLnNpZGVuYXZiYXIuaGlkZGVuIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbiAgLnNpZGVuYXZiYXIub3BlbiB7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLnNpZGVuYXZiYXIuc2lkZW5hdmJhci0tY29sbGFwc2VkIHtcbiAgICBib3gtc2hhZG93OiAwIDMwcHggNTBweCByZ2JhKDAsIDAsIDAsIDAuMTYwNzg0MzEzNyk7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMTAlKTtcbiAgfVxuICAuc2lkZW5hdmJhci5zaWRlbmF2YmFyLS1jb2xsYXBzZWQuaGlkZGVuIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbn0iXX0= */";
+var classes = {"sr-only":"LeftNav_sr-only_mEPnS","hidden":"LeftNav_hidden_mEPnS","slide-in":"LeftNav_slide-in_mEPnS","slide-out":"LeftNav_slide-out_mEPnS","sidenavbar":"LeftNav_sidenavbar_mEPnS","open":"LeftNav_open_mEPnS","sidenavbar--collapsed":"LeftNav_sidenavbar--collapsed_mEPnS"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -19,11 +19,19 @@ import { useKeyboardNavigation } from './useKeyboardNavigation.esm.js';
  *    limitations under the License.
  */
 const chevronIconDataKey = { attributeKey: "chevron-icon", objectKey: "chevronIcon" };
-const ButtonLeftNavItemComponent = ({ item, navigate, onItemClick, refItems, NestedComponent, closeParentList }, ref) => {
+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 { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });
+    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) {
@@ -35,9 +43,6 @@ const ButtonLeftNavItemComponent = ({ item, navigate, onItemClick, refItems, Nes
     const onLinkClickHandler = (event) => {
         event.preventDefault();
     };
-    const onExpandIconClickHandler = () => {
-        setExpanded(expanded => !expanded);
-    };
     const openParentWithActiveElement = () => {
         if (isActiveParent) {
             setExpanded(true);
@@ -65,10 +70,10 @@ const ButtonLeftNavItemComponent = ({ item, navigate, onItemClick, refItems, Nes
             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, "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))),
+                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 }, item.title)))))));
+            ((_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);
 

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonLeftNavItem.esm.js","sources":["../../../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.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  ForwardRefExoticComponent,\n  ForwardRefRenderFunction,\n  HTMLProps,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState\n} from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Icon, Icons } from \"../../../../Icon/Icon\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nexport interface Props extends HTMLProps<HTMLElement> {\n  item: MenuItem;\n  navigate: (path: string) => void;\n  onItemClick?: (path?: string, button?: boolean) => void;\n  refItems: UseRefItemsReturnType;\n  NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;\n  closeParentList?: () => void;\n}\n\nconst chevronIconDataKey = { attributeKey: \"chevron-icon\", objectKey: \"chevronIcon\" };\n\nconst ButtonLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { item, navigate, onItemClick, refItems, NestedComponent, closeParentList },\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const isActiveParent = !!item.items?.find(menuItem => menuItem.active);\n  const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });\n\n  const onButtonClickHandler = (event: MouseEvent<HTMLButtonElement>) => {\n    const isChevronIcon = !!(event.target as HTMLElement).dataset[chevronIconDataKey.objectKey];\n    if (!isChevronIcon && item.path && !item.disabled) {\n      event.preventDefault();\n      navigate(item.path);\n      onItemClick?.(item.path, true);\n    }\n  };\n\n  const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n    event.preventDefault();\n  };\n\n  const onExpandIconClickHandler = () => {\n    setExpanded(expanded => !expanded);\n  };\n\n  const openParentWithActiveElement = () => {\n    if (isActiveParent) {\n      setExpanded(true);\n    }\n  };\n\n  useEffect(openParentWithActiveElement, [isActiveParent]);\n\n  const getStylingClasses = () => {\n    const buttonClasses = [classes[\"menu-item\"], classes[\"menu-button\"]];\n    expanded && buttonClasses.push(classes[\"expanded\"]);\n    (item.active || isActiveParent) && buttonClasses.push(classes[\"menu-item-active\"]);\n    item.disabled && buttonClasses.push(classes[\"disabled\"]);\n    const buttonWrapperClasses = [classes[\"menu-button-wrapper\"], classes[\"menu-list-item\"]];\n    expanded && buttonWrapperClasses.push(classes[\"expanded\"]);\n    item.active && buttonWrapperClasses.push(classes[\"menu-item-active\"]);\n    return {\n      buttonClasses,\n      buttonWrapperClasses\n    };\n  };\n\n  const { buttonClasses, buttonWrapperClasses } = getStylingClasses();\n  const tabIndexActive = item.active ? 0 : -1;\n  const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n  return (\n    <li className={buttonWrapperClasses.join(\" \")} data-testid={item.key}>\n      <button\n        aria-controls={item.key}\n        data-testid={`left-nav-item-${item.key}`}\n        aria-expanded={expanded}\n        ref={ref as Ref<HTMLButtonElement>}\n        onKeyDown={onKeyPressNavigation}\n        onClick={onButtonClickHandler}\n        className={buttonClasses.join(\" \")}\n        disabled={item.disabled}\n        tabIndex={tabIndex}\n      >\n        <div className={classes[\"menu-item-text-wrapper\"]}>\n          {item.iconComponent &&\n            React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n          {item.path ? (\n            <a\n              href={item.path}\n              aria-current={item.active ? \"page\" : false}\n              className={classes[\"menu-item-text\"]}\n              onClick={onLinkClickHandler}\n              tabIndex={-1}\n            >\n              {item.title}\n            </a>\n          ) : (\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          )}\n        </div>\n        <Icon\n          onClick={onExpandIconClickHandler}\n          className={classes[\"menu-item-expand-icon\"]}\n          icon={Icons.ChevronDown}\n          {...{ [`data-${chevronIconDataKey.attributeKey}`]: \"true\" }}\n        />\n      </button>\n      <ul\n        id={item.key}\n        style={{ maxHeight: expanded ? undefined : 0 }}\n        className={classes[\"menu-list\"]}\n      >\n        {!item.disabled &&\n          item.items?.map(item => (\n            <NestedComponent\n              ref={el => refItems.addElementReference(el, item.key)}\n              key={item.key}\n              closeParentList={() => setExpanded(false)}\n              onKeyUp={onKeyPressNavigation}\n              item={item}\n              navigate={navigate}\n              onItemClick={onItemClick}\n              refItems={refItems}\n            >\n              {item.title}\n            </NestedComponent>\n          ))}\n      </ul>\n    </li>\n  );\n};\n\nexport const ButtonLeftNavItem = React.forwardRef(ButtonLeftNavItemComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AA2BH,MAAM,kBAAkB,GAAG,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEtF,MAAM,0BAA0B,GAAiD,CAC/E,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,EAC3E,GAAG,KACD;;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAA,CAAC;AACvE,IAAA,MAAM,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;AAE5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,KAAoC,KAAI;AACpE,QAAA,MAAM,aAAa,GAAG,CAAC,CAAE,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAC5F,QAAA,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAChC;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAoC,KAAI;QAClE,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,KAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,MAAK;QACpC,WAAW,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrC,KAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,MAAK;QACvC,IAAI,cAAc,EAAE;YAClB,WAAW,CAAC,IAAI,CAAC,CAAC;SACnB;AACH,KAAC,CAAC;AAEF,IAAA,SAAS,CAAC,2BAA2B,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEzD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;QACrE,QAAQ,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACpD,QAAA,CAAC,IAAI,CAAC,MAAM,IAAI,cAAc,KAAK,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACnF,QAAA,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACzD,QAAA,MAAM,oBAAoB,GAAG,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACzF,QAAQ,IAAI,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAC3D,QAAA,IAAI,CAAC,MAAM,IAAI,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACtE,OAAO;YACL,aAAa;YACb,oBAAoB;SACrB,CAAC;AACJ,KAAC,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,EAAE,CAAC;AACpE,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5C,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC;AAErD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAe,aAAA,EAAA,IAAI,CAAC,GAAG,EAAA;AAClE,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,eAAA,EACiB,IAAI,CAAC,GAAG,iBACV,CAAiB,cAAA,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,EACzB,eAAA,EAAA,QAAQ,EACvB,GAAG,EAAE,GAA6B,EAClC,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,CAAC,EAAA;AAC9C,gBAAA,IAAI,CAAC,aAAa;AACjB,oBAAA,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;AACjF,gBAAA,IAAI,CAAC,IAAI,IACR,KACE,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACD,cAAA,EAAA,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,EAC1C,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EACpC,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAA,EAEX,IAAI,CAAC,KAAK,CACT,KAEJ,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,IAAI,CAAC,KAAK,CAAQ,CAChE,CACG;AACN,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,wBAAwB,EACjC,SAAS,EAAE,OAAO,CAAC,uBAAuB,CAAC,EAC3C,IAAI,EAAE,KAAK,CAAC,WAAW,EACjB,CAAC,CAAQ,KAAA,EAAA,kBAAkB,CAAC,YAAY,CAAE,CAAA,GAAG,MAAM,GACzD,CACK;AACT,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,EAAE,EAAE,IAAI,CAAC,GAAG,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,CAAC,EAAE,EAC9C,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAA,EAE9B,CAAC,IAAI,CAAC,QAAQ;AACb,aAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAG,CAAC,IAAI,KAClB,KAAC,CAAA,aAAA,CAAA,eAAe,EACd,EAAA,GAAG,EAAE,EAAE,IAAI,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EACrD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,eAAe,EAAE,MAAM,WAAW,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,oBAAoB,EAC7B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAEjB,EAAA,IAAI,CAAC,KAAK,CACK,CACnB,CAAC,CAAA,CACD,CACF,EACL;AACJ,CAAC,CAAC;AAEW,MAAA,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B;;;;"}
+{"version":3,"file":"ButtonLeftNavItem.esm.js","sources":["../../../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.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  ForwardRefExoticComponent,\n  ForwardRefRenderFunction,\n  HTMLProps,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState\n} from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Icon, Icons } from \"../../../../Icon/Icon\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nexport interface Props extends HTMLProps<HTMLElement> {\n  item: MenuItem;\n  navigate: (path: string) => void;\n  onItemClick?: (path?: string, button?: boolean) => void;\n  refItems: UseRefItemsReturnType;\n  NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;\n  closeParentList?: () => void;\n  internalLinkPrefix?: string;\n}\n\nconst chevronIconDataKey = { attributeKey: \"chevron-icon\", objectKey: \"chevronIcon\" };\n\nconst ButtonLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  {\n    item,\n    navigate,\n    onItemClick,\n    refItems,\n    NestedComponent,\n    closeParentList,\n    internalLinkPrefix = \"\"\n  },\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const isActiveParent = !!item.items?.find(menuItem => menuItem.active);\n\n  const onExpandIconClickHandler = () => {\n    setExpanded(expanded => !expanded);\n  };\n\n  const { onKeyPressNavigation } = useKeyboardNavigation({\n    refItems,\n    item,\n    closeParentList,\n    onExpandIconClickHandler\n  });\n\n  const onButtonClickHandler = (event: MouseEvent<HTMLButtonElement>) => {\n    const isChevronIcon = !!(event.target as HTMLElement).dataset[chevronIconDataKey.objectKey];\n    if (!isChevronIcon && item.path && !item.disabled) {\n      event.preventDefault();\n      navigate(item.path);\n      onItemClick?.(item.path, true);\n    }\n  };\n\n  const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n    event.preventDefault();\n  };\n\n  const openParentWithActiveElement = () => {\n    if (isActiveParent) {\n      setExpanded(true);\n    }\n  };\n\n  useEffect(openParentWithActiveElement, [isActiveParent]);\n\n  const getStylingClasses = () => {\n    const buttonClasses = [classes[\"menu-item\"], classes[\"menu-button\"]];\n    expanded && buttonClasses.push(classes[\"expanded\"]);\n    (item.active || isActiveParent) && buttonClasses.push(classes[\"menu-item-active\"]);\n    item.disabled && buttonClasses.push(classes[\"disabled\"]);\n    const buttonWrapperClasses = [classes[\"menu-button-wrapper\"], classes[\"menu-list-item\"]];\n    expanded && buttonWrapperClasses.push(classes[\"expanded\"]);\n    item.active && buttonWrapperClasses.push(classes[\"menu-item-active\"]);\n    return {\n      buttonClasses,\n      buttonWrapperClasses\n    };\n  };\n\n  const { buttonClasses, buttonWrapperClasses } = getStylingClasses();\n  const tabIndexActive = item.active ? 0 : -1;\n  const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n  return (\n    <li className={buttonWrapperClasses.join(\" \")} data-testid={item.key}>\n      <button\n        aria-controls={item.key}\n        data-testid={`left-nav-item-${item.key}`}\n        aria-expanded={expanded}\n        ref={ref as Ref<HTMLButtonElement>}\n        onKeyDown={onKeyPressNavigation}\n        onClick={onButtonClickHandler}\n        className={buttonClasses.join(\" \")}\n        disabled={item.disabled}\n        tabIndex={tabIndex}\n      >\n        <div className={classes[\"menu-item-text-wrapper\"]}>\n          {item.iconComponent &&\n            React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n          {item.path ? (\n            <a\n              href={item.path ? internalLinkPrefix + item.path : \"\"}\n              aria-current={item.active ? \"page\" : false}\n              className={classes[\"menu-item-text\"]}\n              onClick={onLinkClickHandler}\n              tabIndex={-1}\n            >\n              {item.title}\n            </a>\n          ) : (\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          )}\n        </div>\n        <Icon\n          onClick={onExpandIconClickHandler}\n          className={classes[\"menu-item-expand-icon\"]}\n          icon={Icons.ChevronDown}\n          {...{ [`data-${chevronIconDataKey.attributeKey}`]: \"true\" }}\n        />\n      </button>\n      <ul\n        id={item.key}\n        style={{ maxHeight: expanded ? undefined : 0 }}\n        className={classes[\"menu-list\"]}\n      >\n        {!item.disabled &&\n          item.items?.map(item => (\n            <NestedComponent\n              ref={el => refItems.addElementReference(el, item.key)}\n              key={item.key}\n              closeParentList={() => setExpanded(false)}\n              onKeyUp={onKeyPressNavigation}\n              item={item}\n              navigate={navigate}\n              onItemClick={onItemClick}\n              refItems={refItems}\n              internalLinkPrefix={internalLinkPrefix}\n            >\n              {item.title}\n            </NestedComponent>\n          ))}\n      </ul>\n    </li>\n  );\n};\n\nexport const ButtonLeftNavItem = React.forwardRef(ButtonLeftNavItemComponent);\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".LeftNavItem_menu-button_NmMJU{background-color:initial;border:0;font-family:var(--font-family)}.LeftNavItem_menu-button_NmMJU a{color:inherit;text-decoration:inherit}.LeftNavItem_menu-button_NmMJU a:active,.LeftNavItem_menu-button_NmMJU a:focus,.LeftNavItem_menu-button_NmMJU a:hover{color:inherit}.LeftNavItem_menu-link_NmMJU{text-decoration:none}.LeftNavItem_menu-button-wrapper_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU,.LeftNavItem_menu-button-wrapper_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>a{opacity:0;transform:translateY(-60px)}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU,.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li{animation-duration:.25s;animation-fill-mode:forwards;animation-name:LeftNavItem_item-fade-in_NmMJU;opacity:0}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:first-child,.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:first-child{animation-delay:0ms}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(2),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(2){animation-delay:.1s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(3),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(3){animation-delay:.2s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(4),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(4){animation-delay:.3s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(5),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(5){animation-delay:.4s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(6),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(6){animation-delay:.5s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(7),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(7){animation-delay:.6s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(8),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(8){animation-delay:.7s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(9),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(9){animation-delay:.8s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(10),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(10){animation-delay:.9s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(11),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(11){animation-delay:1s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(12),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(12){animation-delay:1.1s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(13),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(13){animation-delay:1.2s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(14),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(14){animation-delay:1.3s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(15),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(15){animation-delay:1.4s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(16),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(16){animation-delay:1.5s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(17),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(17){animation-delay:1.6s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(18),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(18){animation-delay:1.7s}.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>.LeftNavItem_menu-button-wrapper_NmMJU:nth-child(19),.LeftNavItem_menu-button-wrapper_NmMJU.LeftNavItem_expanded_NmMJU>.LeftNavItem_menu-button_NmMJU+ul>li:nth-child(19){animation-delay:1.8s}.LeftNavItem_menu-button-wrapper_NmMJU .LeftNavItem_menu-button-wrapper_NmMJU .LeftNavItem_menu-link_NmMJU{padding-left:2.5rem}.LeftNavItem_menu-list_NmMJU{list-style:none;margin:0;max-height:100000px;overflow:hidden;padding:0;text-align:left;transition:max-height .15s ease-in-out}.LeftNavItem_menu-list_NmMJU .LeftNavItem_menu-item-text-wrapper_NmMJU{padding-left:2rem}.LeftNavItem_menu-list_NmMJU a:focus-visible,.LeftNavItem_menu-list_NmMJU button:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_NmMJU{align-items:center;box-sizing:border-box;color:var(--color-blue-grey900);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:space-between;line-height:1.5rem;padding:1.125rem 1rem;transition:all .15s ease-in-out;width:100%}.LeftNavItem_menu-item_NmMJU:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_NmMJU .LeftNavItem_menu-item-text-wrapper_NmMJU{display:flex}.LeftNavItem_menu-item_NmMJU .LeftNavItem_menu-item-expand-icon_NmMJU{margin:-.375rem;padding:.375rem}.LeftNavItem_menu-item_NmMJU .LeftNavItem_menu-item-icon_NmMJU{align-items:center;display:flex;font-size:1.125rem;justify-content:center;margin-right:.5rem;width:1.5rem}.LeftNavItem_menu-item-text_NmMJU{align-items:center;display:flex}.LeftNavItem_menu-item-expand-icon_NmMJU{color:var(--color-blue-grey900);font-size:.75rem;transition:all .15s ease-in-out}.LeftNavItem_menu-item_NmMJU.LeftNavItem_expanded_NmMJU .LeftNavItem_menu-item-expand-icon_NmMJU{transform:rotate(180deg)}.LeftNavItem_menu-item_NmMJU a{color:inherit}.LeftNavItem_menu-item_NmMJU:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-item_NmMJU:active,.LeftNavItem_menu-item_NmMJU:focus{background-color:var(--color-blue-grey100);color:inherit}.LeftNavItem_menu-item_NmMJU.LeftNavItem_disabled_NmMJU{background-color:var(--color-blue-grey25);color:var(--color-blue-grey400);pointer-events:none}.LeftNavItem_menu-list-item_NmMJU{position:relative}.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item_NmMJU{color:var(--color-blue-grey900);padding:.75rem 1rem}.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item-active_NmMJU{background-color:var(--color-primary50)}.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item-active_NmMJU:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item-active_NmMJU:active,.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item-active_NmMJU:focus{background-color:var(--color-blue-grey100)}.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item-active_NmMJU:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary500);border-top-right-radius:.125rem;content:\"\";height:100%;left:0;position:absolute;z-index:2}.LeftNavItem_menu-list-item_NmMJU a.LeftNavItem_menu-item-active_NmMJU .LeftNavItem_menu-item-text_NmMJU,.LeftNavItem_menu-list-item_NmMJU button.LeftNavItem_menu-item-active_NmMJU .LeftNavItem_menu-item-text_NmMJU{font-weight:700}@keyframes LeftNavItem_item-fade-in_NmMJU{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnROYXZJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBLCtCQUNFLHdCQUE2QixDQUM3QixRQUFTLENBQ1QsOEJBQ0YsQ0FDQSxpQ0FDRSxhQUFjLENBQ2QsdUJBQ0YsQ0FDQSxzSEFDRSxhQUNGLENBRUEsNkJBQ0Usb0JBQ0YsQ0FFQSwyTEFFRSxTQUFVLENBQ1YsMkJBQ0YsQ0FDQSxrUEFJRSx1QkFBeUIsQ0FDekIsNEJBQTZCLENBRjdCLDZDQUE0QixDQUQ1QixTQUlGLENBQ0EsMFFBRUUsbUJBQ0YsQ0FDQSw0UUFFRSxtQkFDRixDQUNBLDRRQUVFLG1CQUNGLENBQ0EsNFFBRUUsbUJBQ0YsQ0FDQSw0UUFFRSxtQkFDRixDQUNBLDRRQUVFLG1CQUNGLENBQ0EsNFFBRUUsbUJBQ0YsQ0FDQSw0UUFFRSxtQkFDRixDQUNBLDRRQUVFLG1CQUNGLENBQ0EsOFFBRUUsbUJBQ0YsQ0FDQSw4UUFFRSxrQkFDRixDQUNBLDhRQUVFLG9CQUNGLENBQ0EsOFFBRUUsb0JBQ0YsQ0FDQSw4UUFFRSxvQkFDRixDQUNBLDhRQUVFLG9CQUNGLENBQ0EsOFFBRUUsb0JBQ0YsQ0FDQSw4UUFFRSxvQkFDRixDQUNBLDhRQUVFLG9CQUNGLENBQ0EsOFFBRUUsb0JBQ0YsQ0FDQSwyR0FDRSxtQkFDRixDQUVBLDZCQUtFLGVBQWdCLENBSGhCLFFBQVMsQ0FFVCxtQkFBb0IsQ0FEcEIsZUFBZ0IsQ0FGaEIsU0FBVSxDQUtWLGVBQWdCLENBQ2hCLHNDQUNGLENBQ0EsdUVBQ0UsaUJBQ0YsQ0FDQSwrRkFFRSx3QkFDRixDQUVBLDZCQUlFLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FNdEIsK0JBQWdDLENBS2hDLGNBQWUsQ0FWZixZQUFhLENBT2IsY0FBZSxDQUNmLGVBQWdCLENBTGhCLDZCQUE4QixDQUc5QixrQkFBbUIsQ0FMbkIscUJBQXNCLENBUXRCLCtCQUFpQyxDQUxqQyxVQU9GLENBQ0EsMkNBQ0Usd0JBQ0YsQ0FDQSx1RUFDRSxZQUNGLENBQ0Esc0VBRUUsZUFBaUIsQ0FEakIsZUFFRixDQUNBLCtEQUVFLGtCQUFtQixDQURuQixZQUFhLENBS2Isa0JBQW1CLENBSG5CLHNCQUF1QixDQUV2QixrQkFBb0IsQ0FEcEIsWUFHRixDQUNBLGtDQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EseUNBRUUsK0JBQWdDLENBRGhDLGdCQUFrQixDQUVsQiwrQkFDRixDQUNBLGlHQUNFLHdCQUNGLENBQ0EsK0JBQ0UsYUFDRixDQUNBLG1DQUNFLHlDQUNGLENBQ0EsdUVBRUUsMENBQTJDLENBRDNDLGFBRUYsQ0FDQSx3REFFRSx5Q0FBMEMsQ0FEMUMsK0JBQWdDLENBRWhDLG1CQUNGLENBRUEsa0NBQ0UsaUJBQ0YsQ0FDQSxnRUFFRSwrQkFBZ0MsQ0FEaEMsbUJBRUYsQ0FDQSx1RUFDRSx1Q0FDRixDQUNBLDZFQUNFLHlDQUNGLENBQ0EsMkpBQ0UsMENBQ0YsQ0FDQSw4RUFPRSxrQ0FBb0MsQ0FDcEMsZ0RBQWtELENBRmxELCtCQUFpQyxDQUxqQyxVQUFXLENBQ1gsV0FBWSxDQUVaLE1BQU8sQ0FEUCxpQkFBa0IsQ0FFbEIsU0FJRixDQUlBLHVOQUNFLGVBQ0YsQ0FFQSwwQ0FDRSxHQUNFLFNBQVUsQ0FDViwyQkFDRixDQUNBLElBQ0UsVUFDRixDQUNBLEdBQ0UsU0FBVSxDQUNWLHVCQUNGLENBQ0YiLCJmaWxlIjoiTGVmdE5hdkl0ZW0ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWVudS1idXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuLm1lbnUtYnV0dG9uIGEge1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBpbmhlcml0O1xufVxuLm1lbnUtYnV0dG9uIGE6aG92ZXIsIC5tZW51LWJ1dHRvbiBhOmFjdGl2ZSwgLm1lbnUtYnV0dG9uIGE6Zm9jdXMge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLm1lbnUtbGluayB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLm1lbnUtYnV0dG9uLXdyYXBwZXIgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyLFxuLm1lbnUtYnV0dG9uLXdyYXBwZXIgPiAubWVudS1idXR0b24gKyB1bCA+IGEge1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTYwcHgpO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyLFxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IGxpIHtcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uLW5hbWU6IGl0ZW0tZmFkZS1pbjtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDEpLFxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IGxpOm50aC1jaGlsZCgxKSB7XG4gIGFuaW1hdGlvbi1kZWxheTogMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCgyKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMikge1xuICBhbmltYXRpb24tZGVsYXk6IDEwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCgzKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMykge1xuICBhbmltYXRpb24tZGVsYXk6IDIwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg0KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNCkge1xuICBhbmltYXRpb24tZGVsYXk6IDMwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg1KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNSkge1xuICBhbmltYXRpb24tZGVsYXk6IDQwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg2KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNikge1xuICBhbmltYXRpb24tZGVsYXk6IDUwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg3KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNykge1xuICBhbmltYXRpb24tZGVsYXk6IDYwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg4KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoOCkge1xuICBhbmltYXRpb24tZGVsYXk6IDcwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg5KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoOSkge1xuICBhbmltYXRpb24tZGVsYXk6IDgwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCgxMCksXG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gbGk6bnRoLWNoaWxkKDEwKSB7XG4gIGFuaW1hdGlvbi1kZWxheTogOTAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDExKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTEpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMDAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDEyKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTIpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMTAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDEzKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTMpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMjAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE0KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTQpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMzAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE1KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTUpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNDAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE2KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTYpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNTAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE3KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTcpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNjAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE4KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTgpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNzAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE5KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTkpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxODAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlciAubWVudS1idXR0b24td3JhcHBlciAubWVudS1saW5rIHtcbiAgcGFkZGluZy1sZWZ0OiAyLjVyZW07XG59XG5cbi5tZW51LWxpc3Qge1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1heC1oZWlnaHQ6IDEwMDAwMHB4OyAvKiBiZWNhdXNlIHRyYW5zaXRpb24gZG9lcyBub3Qgd29yayBvbiAnaGVpZ2h0OmF1dG8nLCB3ZSB1c2UgJ21heC1oZWlnaHQnIHdpdGggdmVyeSBsYXJnZSB2YWx1ZSB0byBqdXN0IHJ1biB0cmFuc2l0aW9uICovXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC4xNXMgZWFzZS1pbi1vdXQ7XG59XG4ubWVudS1saXN0IC5tZW51LWl0ZW0tdGV4dC13cmFwcGVyIHtcbiAgcGFkZGluZy1sZWZ0OiAycmVtO1xufVxuLm1lbnUtbGlzdCBhOmZvY3VzLXZpc2libGUsXG4ubWVudS1saXN0IGJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZS1vZmZzZXQ6IC0wLjA2MjVyZW07XG59XG5cbi5tZW51LWl0ZW0ge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAxLjEyNXJlbSAxcmVtO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgbGluZS1oZWlnaHQ6IDEuNXJlbTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNDAwO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4xNXMgZWFzZS1pbi1vdXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5tZW51LWl0ZW06Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMC4wNjI1cmVtO1xufVxuLm1lbnUtaXRlbSAubWVudS1pdGVtLXRleHQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubWVudS1pdGVtIC5tZW51LWl0ZW0tZXhwYW5kLWljb24ge1xuICBwYWRkaW5nOiAwLjM3NXJlbTtcbiAgbWFyZ2luOiAtMC4zNzVyZW07XG59XG4ubWVudS1pdGVtIC5tZW51LWl0ZW0taWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMS41cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbn1cbi5tZW51LWl0ZW0tdGV4dCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubWVudS1pdGVtLWV4cGFuZC1pY29uIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMTVzIGVhc2UtaW4tb3V0O1xufVxuLm1lbnUtaXRlbS5leHBhbmRlZCAubWVudS1pdGVtLWV4cGFuZC1pY29uIHtcbiAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbn1cbi5tZW51LWl0ZW0gYSB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuLm1lbnUtaXRlbTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwKTtcbn1cbi5tZW51LWl0ZW06Zm9jdXMsIC5tZW51LWl0ZW06YWN0aXZlIHtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ubWVudS1pdGVtLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5tZW51LWxpc3QtaXRlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5tZW51LWxpc3QtaXRlbSBhLm1lbnUtaXRlbSB7XG4gIHBhZGRpbmc6IDAuNzVyZW0gMXJlbTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbn1cbi5tZW51LWxpc3QtaXRlbSBhLm1lbnUtaXRlbS1hY3RpdmU6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MCk7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlOmZvY3VzLCAubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogMTAwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAyO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwLjEyNXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDAuMjVyZW0gc29saWQgdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlIC5tZW51LWl0ZW0tdGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG4ubWVudS1saXN0LWl0ZW0gYnV0dG9uLm1lbnUtaXRlbS1hY3RpdmUgLm1lbnUtaXRlbS10ZXh0IHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuQGtleWZyYW1lcyBpdGVtLWZhZGUtaW4ge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTYwcHgpO1xuICB9XG4gIDgwJSB7XG4gICAgb3BhY2l0eTogMC42O1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7XG4gIH1cbn0iXX0= */";
-var classes = {"menu-button":"LeftNavItem_menu-button_NmMJU","menu-link":"LeftNavItem_menu-link_NmMJU","menu-button-wrapper":"LeftNavItem_menu-button-wrapper_NmMJU","expanded":"LeftNavItem_expanded_NmMJU","item-fade-in":"LeftNavItem_item-fade-in_NmMJU","menu-list":"LeftNavItem_menu-list_NmMJU","menu-item-text-wrapper":"LeftNavItem_menu-item-text-wrapper_NmMJU","menu-item":"LeftNavItem_menu-item_NmMJU","menu-item-expand-icon":"LeftNavItem_menu-item-expand-icon_NmMJU","menu-item-icon":"LeftNavItem_menu-item-icon_NmMJU","menu-item-text":"LeftNavItem_menu-item-text_NmMJU","disabled":"LeftNavItem_disabled_NmMJU","menu-list-item":"LeftNavItem_menu-list-item_NmMJU","menu-item-active":"LeftNavItem_menu-item-active_NmMJU"};
+var css_248z = ".LeftNavItem_menu-button_mEPnS{background-color:initial;border:0;font-family:var(--font-family)}.LeftNavItem_menu-button_mEPnS a{color:inherit;text-decoration:inherit}.LeftNavItem_menu-button_mEPnS a:active,.LeftNavItem_menu-button_mEPnS a:focus,.LeftNavItem_menu-button_mEPnS a:hover{color:inherit}.LeftNavItem_menu-link_mEPnS{text-decoration:none}.LeftNavItem_menu-button-wrapper_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS,.LeftNavItem_menu-button-wrapper_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>a{opacity:0;transform:translateY(-60px)}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS,.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li{animation-duration:.25s;animation-fill-mode:forwards;animation-name:LeftNavItem_item-fade-in_mEPnS;opacity:0}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:first-child,.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:first-child{animation-delay:0ms}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(2),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(2){animation-delay:.1s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(3),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(3){animation-delay:.2s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(4),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(4){animation-delay:.3s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(5),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(5){animation-delay:.4s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(6),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(6){animation-delay:.5s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(7),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(7){animation-delay:.6s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(8),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(8){animation-delay:.7s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(9),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(9){animation-delay:.8s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(10),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(10){animation-delay:.9s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(11),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(11){animation-delay:1s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(12),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(12){animation-delay:1.1s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(13),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(13){animation-delay:1.2s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(14),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(14){animation-delay:1.3s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(15),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(15){animation-delay:1.4s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(16),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(16){animation-delay:1.5s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(17),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(17){animation-delay:1.6s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(18),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(18){animation-delay:1.7s}.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>.LeftNavItem_menu-button-wrapper_mEPnS:nth-child(19),.LeftNavItem_menu-button-wrapper_mEPnS.LeftNavItem_expanded_mEPnS>.LeftNavItem_menu-button_mEPnS+ul>li:nth-child(19){animation-delay:1.8s}.LeftNavItem_menu-button-wrapper_mEPnS .LeftNavItem_menu-button-wrapper_mEPnS .LeftNavItem_menu-link_mEPnS{padding-left:2.5rem}.LeftNavItem_menu-list_mEPnS{list-style:none;margin:0;max-height:100000px;overflow:hidden;padding:0;text-align:left;transition:max-height .15s ease-in-out}.LeftNavItem_menu-list_mEPnS .LeftNavItem_menu-item-text-wrapper_mEPnS{padding-left:2rem}.LeftNavItem_menu-list_mEPnS a:focus-visible,.LeftNavItem_menu-list_mEPnS button:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_mEPnS{align-items:center;box-sizing:border-box;color:var(--color-blue-grey900);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:space-between;line-height:1.5rem;padding:1.125rem 1rem;transition:all .15s ease-in-out;width:100%}.LeftNavItem_menu-item_mEPnS:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_mEPnS .LeftNavItem_menu-item-text-wrapper_mEPnS{display:flex}.LeftNavItem_menu-item_mEPnS .LeftNavItem_menu-item-expand-icon_mEPnS{margin:-.375rem;padding:.375rem}.LeftNavItem_menu-item_mEPnS .LeftNavItem_menu-item-icon_mEPnS{align-items:center;display:flex;font-size:1.125rem;justify-content:center;margin-right:.5rem;width:1.5rem}.LeftNavItem_menu-item-text_mEPnS{align-items:center;display:flex}.LeftNavItem_menu-item-expand-icon_mEPnS{color:var(--color-blue-grey900);font-size:.75rem;transition:all .15s ease-in-out}.LeftNavItem_menu-item_mEPnS.LeftNavItem_expanded_mEPnS .LeftNavItem_menu-item-expand-icon_mEPnS{transform:rotate(180deg)}.LeftNavItem_menu-item_mEPnS a{color:inherit}.LeftNavItem_menu-item_mEPnS:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-item_mEPnS:active,.LeftNavItem_menu-item_mEPnS:focus{background-color:var(--color-blue-grey100);color:inherit}.LeftNavItem_menu-item_mEPnS.LeftNavItem_disabled_mEPnS{background-color:var(--color-blue-grey25);color:var(--color-blue-grey400);pointer-events:none}.LeftNavItem_menu-list-item_mEPnS{position:relative}.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item_mEPnS{color:var(--color-blue-grey900);padding:.75rem 1rem}.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item-active_mEPnS{background-color:var(--left-nav-item-active-background-color)}.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item-active_mEPnS:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item-active_mEPnS:active,.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item-active_mEPnS:focus{background-color:var(--color-blue-grey100)}.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item-active_mEPnS:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--left-nav-item-active-ribbon-color);border-top-right-radius:.125rem;content:\"\";height:100%;left:0;position:absolute;z-index:2}.LeftNavItem_menu-list-item_mEPnS a.LeftNavItem_menu-item-active_mEPnS .LeftNavItem_menu-item-text_mEPnS,.LeftNavItem_menu-list-item_mEPnS button.LeftNavItem_menu-item-active_mEPnS .LeftNavItem_menu-item-text_mEPnS{font-weight:700}@keyframes LeftNavItem_item-fade-in_mEPnS{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnROYXZJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBLCtCQUNFLHdCQUE2QixDQUM3QixRQUFTLENBQ1QsOEJBQ0YsQ0FDQSxpQ0FDRSxhQUFjLENBQ2QsdUJBQ0YsQ0FDQSxzSEFDRSxhQUNGLENBRUEsNkJBQ0Usb0JBQ0YsQ0FFQSwyTEFFRSxTQUFVLENBQ1YsMkJBQ0YsQ0FDQSxrUEFJRSx1QkFBeUIsQ0FDekIsNEJBQTZCLENBRjdCLDZDQUE0QixDQUQ1QixTQUlGLENBQ0EsMFFBRUUsbUJBQ0YsQ0FDQSw0UUFFRSxtQkFDRixDQUNBLDRRQUVFLG1CQUNGLENBQ0EsNFFBRUUsbUJBQ0YsQ0FDQSw0UUFFRSxtQkFDRixDQUNBLDRRQUVFLG1CQUNGLENBQ0EsNFFBRUUsbUJBQ0YsQ0FDQSw0UUFFRSxtQkFDRixDQUNBLDRRQUVFLG1CQUNGLENBQ0EsOFFBRUUsbUJBQ0YsQ0FDQSw4UUFFRSxrQkFDRixDQUNBLDhRQUVFLG9CQUNGLENBQ0EsOFFBRUUsb0JBQ0YsQ0FDQSw4UUFFRSxvQkFDRixDQUNBLDhRQUVFLG9CQUNGLENBQ0EsOFFBRUUsb0JBQ0YsQ0FDQSw4UUFFRSxvQkFDRixDQUNBLDhRQUVFLG9CQUNGLENBQ0EsOFFBRUUsb0JBQ0YsQ0FDQSwyR0FDRSxtQkFDRixDQUVBLDZCQUtFLGVBQWdCLENBSGhCLFFBQVMsQ0FFVCxtQkFBb0IsQ0FEcEIsZUFBZ0IsQ0FGaEIsU0FBVSxDQUtWLGVBQWdCLENBQ2hCLHNDQUNGLENBQ0EsdUVBQ0UsaUJBQ0YsQ0FDQSwrRkFFRSx3QkFDRixDQUVBLDZCQUlFLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FNdEIsK0JBQWdDLENBS2hDLGNBQWUsQ0FWZixZQUFhLENBT2IsY0FBZSxDQUNmLGVBQWdCLENBTGhCLDZCQUE4QixDQUc5QixrQkFBbUIsQ0FMbkIscUJBQXNCLENBUXRCLCtCQUFpQyxDQUxqQyxVQU9GLENBQ0EsMkNBQ0Usd0JBQ0YsQ0FDQSx1RUFDRSxZQUNGLENBQ0Esc0VBRUUsZUFBaUIsQ0FEakIsZUFFRixDQUNBLCtEQUVFLGtCQUFtQixDQURuQixZQUFhLENBS2Isa0JBQW1CLENBSG5CLHNCQUF1QixDQUV2QixrQkFBb0IsQ0FEcEIsWUFHRixDQUNBLGtDQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EseUNBRUUsK0JBQWdDLENBRGhDLGdCQUFrQixDQUVsQiwrQkFDRixDQUNBLGlHQUNFLHdCQUNGLENBQ0EsK0JBQ0UsYUFDRixDQUNBLG1DQUNFLHlDQUNGLENBQ0EsdUVBRUUsMENBQTJDLENBRDNDLGFBRUYsQ0FDQSx3REFFRSx5Q0FBMEMsQ0FEMUMsK0JBQWdDLENBRWhDLG1CQUNGLENBRUEsa0NBQ0UsaUJBQ0YsQ0FDQSxnRUFFRSwrQkFBZ0MsQ0FEaEMsbUJBRUYsQ0FDQSx1RUFDRSw2REFDRixDQUNBLDZFQUNFLHlDQUNGLENBQ0EsMkpBQ0UsMENBQ0YsQ0FDQSw4RUFPRSxrQ0FBb0MsQ0FDcEMsaUVBQW1FLENBRm5FLCtCQUFpQyxDQUxqQyxVQUFXLENBQ1gsV0FBWSxDQUVaLE1BQU8sQ0FEUCxpQkFBa0IsQ0FFbEIsU0FJRixDQUlBLHVOQUNFLGVBQ0YsQ0FFQSwwQ0FDRSxHQUNFLFNBQVUsQ0FDViwyQkFDRixDQUNBLElBQ0UsVUFDRixDQUNBLEdBQ0UsU0FBVSxDQUNWLHVCQUNGLENBQ0YiLCJmaWxlIjoiTGVmdE5hdkl0ZW0ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWVudS1idXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuLm1lbnUtYnV0dG9uIGEge1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBpbmhlcml0O1xufVxuLm1lbnUtYnV0dG9uIGE6aG92ZXIsIC5tZW51LWJ1dHRvbiBhOmFjdGl2ZSwgLm1lbnUtYnV0dG9uIGE6Zm9jdXMge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLm1lbnUtbGluayB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLm1lbnUtYnV0dG9uLXdyYXBwZXIgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyLFxuLm1lbnUtYnV0dG9uLXdyYXBwZXIgPiAubWVudS1idXR0b24gKyB1bCA+IGEge1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTYwcHgpO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyLFxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IGxpIHtcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uLW5hbWU6IGl0ZW0tZmFkZS1pbjtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDEpLFxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IGxpOm50aC1jaGlsZCgxKSB7XG4gIGFuaW1hdGlvbi1kZWxheTogMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCgyKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMikge1xuICBhbmltYXRpb24tZGVsYXk6IDEwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCgzKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMykge1xuICBhbmltYXRpb24tZGVsYXk6IDIwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg0KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNCkge1xuICBhbmltYXRpb24tZGVsYXk6IDMwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg1KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNSkge1xuICBhbmltYXRpb24tZGVsYXk6IDQwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg2KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNikge1xuICBhbmltYXRpb24tZGVsYXk6IDUwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg3KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoNykge1xuICBhbmltYXRpb24tZGVsYXk6IDYwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg4KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoOCkge1xuICBhbmltYXRpb24tZGVsYXk6IDcwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCg5KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoOSkge1xuICBhbmltYXRpb24tZGVsYXk6IDgwMG1zO1xufVxuLm1lbnUtYnV0dG9uLXdyYXBwZXIuZXhwYW5kZWQgPiAubWVudS1idXR0b24gKyB1bCA+IC5tZW51LWJ1dHRvbi13cmFwcGVyOm50aC1jaGlsZCgxMCksXG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gbGk6bnRoLWNoaWxkKDEwKSB7XG4gIGFuaW1hdGlvbi1kZWxheTogOTAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDExKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTEpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMDAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDEyKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTIpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMTAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDEzKSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTMpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMjAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE0KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTQpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxMzAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE1KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTUpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNDAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE2KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTYpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNTAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE3KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTcpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNjAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE4KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTgpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxNzAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlci5leHBhbmRlZCA+IC5tZW51LWJ1dHRvbiArIHVsID4gLm1lbnUtYnV0dG9uLXdyYXBwZXI6bnRoLWNoaWxkKDE5KSxcbi5tZW51LWJ1dHRvbi13cmFwcGVyLmV4cGFuZGVkID4gLm1lbnUtYnV0dG9uICsgdWwgPiBsaTpudGgtY2hpbGQoMTkpIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAxODAwbXM7XG59XG4ubWVudS1idXR0b24td3JhcHBlciAubWVudS1idXR0b24td3JhcHBlciAubWVudS1saW5rIHtcbiAgcGFkZGluZy1sZWZ0OiAyLjVyZW07XG59XG5cbi5tZW51LWxpc3Qge1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1heC1oZWlnaHQ6IDEwMDAwMHB4OyAvKiBiZWNhdXNlIHRyYW5zaXRpb24gZG9lcyBub3Qgd29yayBvbiAnaGVpZ2h0OmF1dG8nLCB3ZSB1c2UgJ21heC1oZWlnaHQnIHdpdGggdmVyeSBsYXJnZSB2YWx1ZSB0byBqdXN0IHJ1biB0cmFuc2l0aW9uICovXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC4xNXMgZWFzZS1pbi1vdXQ7XG59XG4ubWVudS1saXN0IC5tZW51LWl0ZW0tdGV4dC13cmFwcGVyIHtcbiAgcGFkZGluZy1sZWZ0OiAycmVtO1xufVxuLm1lbnUtbGlzdCBhOmZvY3VzLXZpc2libGUsXG4ubWVudS1saXN0IGJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZS1vZmZzZXQ6IC0wLjA2MjVyZW07XG59XG5cbi5tZW51LWl0ZW0ge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAxLjEyNXJlbSAxcmVtO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgbGluZS1oZWlnaHQ6IDEuNXJlbTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNDAwO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4xNXMgZWFzZS1pbi1vdXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5tZW51LWl0ZW06Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMC4wNjI1cmVtO1xufVxuLm1lbnUtaXRlbSAubWVudS1pdGVtLXRleHQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubWVudS1pdGVtIC5tZW51LWl0ZW0tZXhwYW5kLWljb24ge1xuICBwYWRkaW5nOiAwLjM3NXJlbTtcbiAgbWFyZ2luOiAtMC4zNzVyZW07XG59XG4ubWVudS1pdGVtIC5tZW51LWl0ZW0taWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMS41cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbn1cbi5tZW51LWl0ZW0tdGV4dCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubWVudS1pdGVtLWV4cGFuZC1pY29uIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMTVzIGVhc2UtaW4tb3V0O1xufVxuLm1lbnUtaXRlbS5leHBhbmRlZCAubWVudS1pdGVtLWV4cGFuZC1pY29uIHtcbiAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbn1cbi5tZW51LWl0ZW0gYSB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuLm1lbnUtaXRlbTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwKTtcbn1cbi5tZW51LWl0ZW06Zm9jdXMsIC5tZW51LWl0ZW06YWN0aXZlIHtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ubWVudS1pdGVtLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5tZW51LWxpc3QtaXRlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5tZW51LWxpc3QtaXRlbSBhLm1lbnUtaXRlbSB7XG4gIHBhZGRpbmc6IDAuNzVyZW0gMXJlbTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGVmdC1uYXYtaXRlbS1hY3RpdmUtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLm1lbnUtbGlzdC1pdGVtIGEubWVudS1pdGVtLWFjdGl2ZTpmb2N1cywgLm1lbnUtbGlzdC1pdGVtIGEubWVudS1pdGVtLWFjdGl2ZTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLm1lbnUtbGlzdC1pdGVtIGEubWVudS1pdGVtLWFjdGl2ZTpiZWZvcmUge1xuICBjb250ZW50OiBcIlwiO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMjtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWxlZnQtbmF2LWl0ZW0tYWN0aXZlLXJpYmJvbi1jb2xvcik7XG59XG4ubWVudS1saXN0LWl0ZW0gYS5tZW51LWl0ZW0tYWN0aXZlIC5tZW51LWl0ZW0tdGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG4ubWVudS1saXN0LWl0ZW0gYnV0dG9uLm1lbnUtaXRlbS1hY3RpdmUgLm1lbnUtaXRlbS10ZXh0IHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuQGtleWZyYW1lcyBpdGVtLWZhZGUtaW4ge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTYwcHgpO1xuICB9XG4gIDgwJSB7XG4gICAgb3BhY2l0eTogMC42O1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7XG4gIH1cbn0iXX0= */";
+var classes = {"menu-button":"LeftNavItem_menu-button_mEPnS","menu-link":"LeftNavItem_menu-link_mEPnS","menu-button-wrapper":"LeftNavItem_menu-button-wrapper_mEPnS","expanded":"LeftNavItem_expanded_mEPnS","item-fade-in":"LeftNavItem_item-fade-in_mEPnS","menu-list":"LeftNavItem_menu-list_mEPnS","menu-item-text-wrapper":"LeftNavItem_menu-item-text-wrapper_mEPnS","menu-item":"LeftNavItem_menu-item_mEPnS","menu-item-expand-icon":"LeftNavItem_menu-item-expand-icon_mEPnS","menu-item-icon":"LeftNavItem_menu-item-icon_mEPnS","menu-item-text":"LeftNavItem_menu-item-text_mEPnS","disabled":"LeftNavItem_disabled_mEPnS","menu-list-item":"LeftNavItem_menu-list-item_mEPnS","menu-item-active":"LeftNavItem_menu-item-active_mEPnS"};
 styleInject(css_248z);
 
 export { classes as default };