@onewelcome/react-lib-components 12.0.0 → 12.1.0-alpha

package/dist/components/_BaseStyling_/buttonBaseStyling.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.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)"};
+//# sourceMappingURL=buttonBaseStyling.cjs.js.map

package/dist/components/_BaseStyling_/buttonBaseStyling.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonBaseStyling.cjs.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":["buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonFillPrimaryDefaultColor","buttonFillPrimaryHoverColor","buttonFillPrimaryFocusedColor","buttonFillPrimaryPressedColor","buttonFillSuccessDefaultColor","buttonFillSuccessHoverColor","buttonFillSuccessFocusedColor","buttonFillSuccessPressedColor","buttonFillDangerDefaultColor","buttonFillDangerHoverColor","buttonFillDangerFocusedColor","buttonFillDangerPressedColor","buttonFillWarningDefaultColor","buttonFillWarningHoverColor","buttonFillWarningFocusedColor","buttonFillWarningPressedColor","buttonFillDefaultDefaultColor","buttonFillDefaultHoverColor","buttonFillDefaultFocusedColor","buttonFillDefaultPressedColor","buttonOutlinePrimaryDefaultColor","buttonOutlinePrimaryHoverColor","buttonOutlinePrimaryFocusedColor","buttonOutlinePrimaryPressedColor","buttonOutlineSuccessDefaultColor","buttonOutlineSuccessHoverColor","buttonOutlineSuccessFocusedColor","buttonOutlineSuccessPressedColor","buttonOutlineDangerDefaultColor","buttonOutlineDangerHoverColor","buttonOutlineDangerFocusedColor","buttonOutlineDangerPressedColor","buttonOutlineWarningDefaultColor","buttonOutlineWarningHoverColor","buttonOutlineWarningFocusedColor","buttonOutlineWarningPressedColor","buttonOutlineDefaultDefaultColor","buttonOutlineDefaultHoverColor","buttonOutlineDefaultFocusedColor","buttonOutlineDefaultPressedColor","buttonTextPrimaryDefaultColor","buttonTextPrimaryHoverColor","buttonTextPrimaryFocusedColor","buttonTextPrimaryPressedColor","buttonTextSuccessDefaultColor","buttonTextSuccessHoverColor","buttonTextSuccessFocusedColor","buttonTextSuccessPressedColor","buttonTextDangerDefaultColor","buttonTextDangerHoverColor","buttonTextDangerFocusedColor","buttonTextDangerPressedColor","buttonTextWarningDefaultColor","buttonTextWarningHoverColor","buttonTextWarningFocusedColor","buttonTextWarningPressedColor","buttonTextDefaultDefaultColor","buttonTextDefaultHoverColor","buttonTextDefaultFocusedColor","buttonTextDefaultPressedColor"],"mappings":"4GAsC+D,CAC7DA,0BAA2B,0BAC3BC,wBAAyB,0BACzBC,0BAA2B,0BAC3BC,0BAA2B,0BAC3BC,0BAA2B,wBAC3BC,wBAAyB,wBACzBC,0BAA2B,wBAC3BC,0BAA2B,wBAC3BC,yBAA0B,sBAC1BC,uBAAwB,sBACxBC,yBAA0B,sBAC1BC,yBAA0B,sBAC1BC,0BAA2B,yBAC3BC,wBAAyB,yBACzBC,0BAA2B,yBAC3BC,0BAA2B,yBAC3BC,mBAAoB,4BACpBC,wBAAyB,4BACzBC,0BAA2B,4BAC3BC,0BAA2B,4BAE3BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,6BAA8B,qCAC9BC,2BAA4B,mCAC5BC,6BAA8B,qCAC9BC,6BAA8B,qCAC9BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAE/BC,iCAAkC,sCAClCC,+BAAgC,oCAChCC,iCAAkC,sCAClCC,iCAAkC,sCAClCC,iCAAkC,sCAClCC,+BAAgC,oCAChCC,iCAAkC,sCAClCC,iCAAkC,sCAClCC,gCAAiC,qCACjCC,8BAA+B,mCAC/BC,gCAAiC,qCACjCC,gCAAiC,qCACjCC,iCAAkC,sCAClCC,+BAAgC,oCAChCC,iCAAkC,sCAClCC,iCAAkC,sCAClCC,iCAAkC,sCAClCC,+BAAgC,oCAChCC,iCAAkC,sCAClCC,iCAAkC,sCAElCC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,6BAA8B,qCAC9BC,2BAA4B,mCAC5BC,6BAA8B,qCAC9BC,6BAA8B,qCAC9BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,8BAA+B,sCAC/BC,4BAA6B,oCAC7BC,8BAA+B,sCAC/BC,8BAA+B"}

package/dist/components/_BaseStyling_/buttonBaseStyling.es.js

@@ -0,0 +1,86 @@
+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.es.js.map

package/dist/components/_BaseStyling_/buttonBaseStyling.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonBaseStyling.es.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":"AAsCO,MAAM,sBAAkD;AAAA,EAC7D,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAE3B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,8BAA8B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAE/B,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,iCAAiC;AAAA,EACjC,+BAA+B;AAAA,EAC/B,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAElC,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,8BAA8B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,+BAA+B;AACjC;"}

package/dist/components/admin/layout/LeftNav/LeftNav.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./LeftNav.module.scss.cjs.js"),n=require("./LeftNavItem/LeftNavItem.cjs.js"),r=require("./useRefItems.cjs.js"),a=require("../../../../hooks/useScreenSize.cjs.js"),s=e.forwardRef((({isSideMenuOpen:s,onScreenSizeChange:i,items:l,navigate:c,onItemClick:o,marginTop:u,internalLinkPrefix:m,...f},d)=>{const[S,v]=e.useState(s);a.useScreenSize({onScreenSizeChange:i});const g=r.useRefItems({items:l});return e.createElement("nav",{...f,ref:d},e.createElement("ul",{style:{"--margin-top":u},className:`${t.default.sidenavbar} ${s?"":t.default["sidenavbar--collapsed"]} ${s?t.default.open:""} ${S?"":t.default.hidden}`,onTransitionEnd:()=>{v(s)}},l.length?l.map((t=>e.createElement(n.LeftNavItem,{ref:e=>g.addElementReference(e,t.key),key:t.key,item:t,navigate:c,onItemClick:o,refItems:g,internalLinkPrefix:m}))):null))}));exports.LeftNav=s;
+//# sourceMappingURL=LeftNav.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNav.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNav.cjs.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":["LeftNav","React","forwardRef","isSideMenuOpen","onScreenSizeChange","items","navigate","onItemClick","marginTop","internalLinkPrefix","rest","ref","isSideNavbarVisible","setIsSideNavbarVisible","useState","useScreenSize","refItems","useRefItems","createElement","style","className","classes","default","onTransitionEnd","length","map","item","LeftNavItem","el","addElementReference","key"],"mappings":"uRA+FaA,EAAUC,EAAMC,YAxD0C,EAEnEC,iBACAC,qBACAC,QACAC,WACAC,cACAC,YACAC,wBACGC,GAELC,KAEA,MAAOC,EAAqBC,GAA0BC,EAAAA,SAASX,GACjDY,EAAAA,cAAA,CAAEX,uBAChB,MAAMY,EAAWC,EAAAA,YAAY,CAAEZ,UA2B5B,OAAAJ,EAAAiB,cAAA,MAAA,IAAQR,EAAMC,OACbV,EAAAiB,cAAC,KAAA,CACCC,MAAO,CAAE,eAAgBX,GACzBY,UAAW,GAAGC,UAAoB,cAAMlB,EAAoD,GAAnCkB,EAAQC,QAAA,4BAAiCnB,EAAiBkB,UAAc,KAAI,MAClIT,EAA0C,GAApBS,UAAgB,SAEzCE,gBA/B4E,KAChFV,EAAuBV,EAAc,GAIhCE,EAAMmB,OAIJnB,EAAMoB,KAAYC,GAErBzB,EAAAiB,cAACS,EAAAA,YAAA,CACChB,IAAWiB,GAAAZ,EAASa,oBAAoBD,EAAIF,EAAKI,KACjDA,IAAKJ,EAAKI,IACVJ,OACApB,WACAC,cACAS,WACAP,yBAZG,MA6BT"}

package/dist/components/admin/layout/LeftNav/LeftNav.es.js

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

package/dist/components/admin/layout/LeftNav/LeftNav.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNav.es.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":";;;;;AAuCA,MAAM,mBAAiE,CACrE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,cAAc;AAC/D,gBAAA,EAAE,oBAAoB;AACpC,QAAM,WAAW,YAAY,EAAE,OAAO;AAEtC,QAAM,4BAA4E,MAAM;AACtF,2BAAuB,cAAc;AAAA,EACvC;AAEA,QAAM,kBAAkB,MAAM;AACxB,QAAA,CAAC,MAAM,QAAQ;AACV,aAAA;AAAA,IAAA;AAGF,WAAA,MAAM,IAAI,CAAQ,SAAA;AAErB,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAAM,OAAA,SAAS,oBAAoB,IAAI,KAAK,GAAG;AAAA,UACpD,KAAK,KAAK;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,CAEH;AAAA,EACH;AAEA,SACG,sBAAA,cAAA,OAAA,EAAK,GAAG,MAAM,IACb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,gBAAgB,UAAU;AAAA,MACnC,WAAW,GAAG,QAAQ,YAAY,CAAC,IAAI,CAAC,iBAAiB,QAAQ,uBAAuB,IAAI,EAAE,IAAI,iBAAiB,QAAQ,MAAM,IAAI,EAAE,IACrI,CAAC,sBAAsB,QAAQ,QAAQ,IAAI,EAC7C;AAAA,MACA,iBAAiB;AAAA,IAAA;AAAA,IAEhB,gBAAgB;AAAA,EAAA,CAErB;AAEJ;AAEa,MAAA,UAAU,MAAM,WAAW,gBAAgB;"}

package/dist/components/admin/layout/LeftNav/LeftNav.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNav_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.LeftNav_hidden_7l1Pc{display:none}.LeftNav_slide-in_7l1Pc{animation:LeftNav_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-in_7l1Pc{animation-duration:.1ms}}.LeftNav_slide-out_7l1Pc{animation:LeftNav_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes LeftNav_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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_7l1Pc{--margin-top: 4rem;top:var(--margin-top);position:-webkit-sticky;position:sticky;z-index:2;display:block;overflow-y:auto;flex-shrink:0;width:15rem;height:calc(100vh - var(--margin-top));padding:0;margin:0;font-family:var(--font-family);background-color:#fff;box-shadow:0 2px 2px #01053205,0 3px 4px #01053205,0 1px 5px #0105320a;transition:transform .2s ease-in-out}@media screen and (max-width: 50em){.LeftNav_sidenavbar_7l1Pc{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_7l1Pc.LeftNav_hidden_7l1Pc{visibility:hidden;width:0}.LeftNav_sidenavbar_7l1Pc.LeftNav_open_7l1Pc{visibility:visible;transform:translate(0);width:15rem}}@media screen and (min-width: 50em){.LeftNav_sidenavbar_7l1Pc.LeftNav_sidenavbar--collapsed_7l1Pc{box-shadow:0 30px 50px #00000029;transform:translate(-110%);width:0}.LeftNav_sidenavbar_7l1Pc.LeftNav_sidenavbar--collapsed_7l1Pc.LeftNav_hidden_7l1Pc{visibility:hidden;width:0}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="LeftNav_hidden_7l1Pc",a="LeftNav_sidenavbar_7l1Pc",d="LeftNav_open_7l1Pc",s={hidden:e,sidenavbar:a,open:d,"sidenavbar--collapsed":"LeftNav_sidenavbar--collapsed_7l1Pc"};exports.default=s,exports.hidden=e,exports.open=d,exports.sidenavbar=a;
+//# sourceMappingURL=LeftNav.module.scss.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNav.module.scss.cjs.js.map

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

package/dist/components/admin/layout/LeftNav/LeftNav.module.scss.es.js

@@ -0,0 +1,17 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNav_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.LeftNav_hidden_7l1Pc{display:none}.LeftNav_slide-in_7l1Pc{animation:LeftNav_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-in_7l1Pc{animation-duration:.1ms}}.LeftNav_slide-out_7l1Pc{animation:LeftNav_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes LeftNav_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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_7l1Pc{--margin-top: 4rem;top:var(--margin-top);position:-webkit-sticky;position:sticky;z-index:2;display:block;overflow-y:auto;flex-shrink:0;width:15rem;height:calc(100vh - var(--margin-top));padding:0;margin:0;font-family:var(--font-family);background-color:#fff;box-shadow:0 2px 2px #01053205,0 3px 4px #01053205,0 1px 5px #0105320a;transition:transform .2s ease-in-out}@media screen and (max-width: 50em){.LeftNav_sidenavbar_7l1Pc{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_7l1Pc.LeftNav_hidden_7l1Pc{visibility:hidden;width:0}.LeftNav_sidenavbar_7l1Pc.LeftNav_open_7l1Pc{visibility:visible;transform:translate(0);width:15rem}}@media screen and (min-width: 50em){.LeftNav_sidenavbar_7l1Pc.LeftNav_sidenavbar--collapsed_7l1Pc{box-shadow:0 30px 50px #00000029;transform:translate(-110%);width:0}.LeftNav_sidenavbar_7l1Pc.LeftNav_sidenavbar--collapsed_7l1Pc.LeftNav_hidden_7l1Pc{visibility:hidden;width:0}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const hidden = "LeftNav_hidden_7l1Pc";
+const sidenavbar = "LeftNav_sidenavbar_7l1Pc";
+const open = "LeftNav_open_7l1Pc";
+const classes = {
+  hidden,
+  sidenavbar,
+  open,
+  "sidenavbar--collapsed": "LeftNav_sidenavbar--collapsed_7l1Pc"
+};
+export {
+  classes as default,
+  hidden,
+  open,
+  sidenavbar
+};
+//# sourceMappingURL=LeftNav.module.scss.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNav.module.scss.es.js.map

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

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./LeftNavItem.module.scss.cjs.js"),a=require("../../../../Icon/Icon.cjs.js"),n=require("./useKeyboardNavigation.cjs.js"),i=e.forwardRef((({item:i,navigate:s,onItemClick:l,refItems:o,NestedComponent:r,closeParentList:c,internalLinkPrefix:u=""},d)=>{var m,p;const[f,v]=e.useState(!1),b=!!(null==(m=i.items)?void 0:m.find((e=>e.active))),h=()=>{v((e=>!e))},{onKeyPressNavigation:k}=n.useKeyboardNavigation({refItems:o,item:i,closeParentList:c,onExpandIconClickHandler:h});e.useEffect((()=>{b&&v(!0)}),[b]);const{buttonClasses:x,buttonWrapperClasses:y}=(()=>{const e=[t.default["menu-item"],t.default["menu-button"]];f&&e.push(t.default.expanded),(i.active||b)&&e.push(t.default["menu-item-active"]),i.disabled&&e.push(t.default.disabled);const a=[t.default["menu-button-wrapper"],t.default["menu-list-item"]];return f&&a.push(t.default.expanded),i.active&&a.push(t.default["menu-item-active"]),{buttonClasses:e,buttonWrapperClasses:a}})(),I=i.active?0:-1,C=i.disabled?-1:I;return e.createElement("li",{className:y.join(" "),"data-testid":i.key},e.createElement("button",{"aria-controls":i.key,"data-testid":`left-nav-item-${i.key}`,"aria-expanded":f,ref:d,onKeyDown:k,onClick:e=>{e.target.dataset.chevronIcon||!i.path||i.disabled||(e.preventDefault(),s(i.path),null==l||l(i.path,!0))},className:x.join(" "),disabled:i.disabled,tabIndex:C},e.createElement("div",{className:t.default["menu-item-text-wrapper"]},i.iconComponent&&e.cloneElement(i.iconComponent,{className:t.default["menu-item-icon"]}),i.path?e.createElement("a",{href:i.path?u+i.path:"","aria-current":!!i.active&&"page",className:t.default["menu-item-text"],onClick:e=>{e.preventDefault()},tabIndex:-1},i.title):e.createElement("span",{className:t.default["menu-item-text"]},i.title)),e.createElement(a.Icon,{onClick:h,className:t.default["menu-item-expand-icon"],icon:a.Icons.ChevronDown,"data-chevron-icon":"true"})),e.createElement("ul",{id:i.key,style:{maxHeight:f?void 0:0},className:t.default["menu-list"]},!i.disabled&&(null==(p=i.items)?void 0:p.map((t=>e.createElement(r,{ref:e=>o.addElementReference(e,t.key),key:t.key,closeParentList:()=>v(!1),onKeyUp:k,item:t,navigate:s,onItemClick:l,refItems:o,internalLinkPrefix:u},t.title))))))}));exports.ButtonLeftNavItem=i;
+//# sourceMappingURL=ButtonLeftNavItem.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLeftNavItem.cjs.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":["ButtonLeftNavItem","React","forwardRef","item","navigate","onItemClick","refItems","NestedComponent","closeParentList","internalLinkPrefix","ref","expanded","setExpanded","useState","isActiveParent","_a","items","find","menuItem","active","onExpandIconClickHandler","onKeyPressNavigation","useKeyboardNavigation","useEffect","buttonClasses","buttonWrapperClasses","classes","default","push","disabled","getStylingClasses","tabIndexActive","tabIndex","createElement","className","join","key","onKeyDown","onClick","event","target","dataset","path","preventDefault","iconComponent","cloneElement","href","title","Icon","icon","Icons","ChevronDown","id","style","maxHeight","_b","map","el","addElementReference","onKeyUp"],"mappings":"6OA4KaA,EAAoBC,EAAMC,YAhI0C,EAE7EC,OACAC,WACAC,cACAC,WACAC,kBACAC,kBACAC,qBAAqB,IAEvBC,aAEA,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,KAAmB,OAAAC,EAAAZ,EAAKa,YAAO,EAAAD,EAAAE,MAAKC,GAAYA,EAASC,UAEzDC,EAA2B,KACnBR,GAAAD,IAAaA,GAAQ,GAG7BU,qBAAEA,GAAyBC,wBAAsB,CACrDhB,WACAH,OACAK,kBACAY,6BAsBQG,aAN0B,KAC9BT,GACFF,GAAY,EAAI,GAImB,CAACE,IAExC,MAcMU,cAAEA,EAAAC,qBAAeA,GAdG,MAClBD,MAAAA,EAAgB,CAACE,EAAAC,QAAQ,aAAcD,EAAAA,QAAQ,gBACrDf,GAAYa,EAAcI,KAAKF,EAAQC,QAAU,WAChDxB,EAAKgB,QAAUL,IAAmBU,EAAcI,KAAKF,EAAAA,QAAQ,qBAC9DvB,EAAK0B,UAAYL,EAAcI,KAAKF,EAAAC,QAAkB,UAChDF,MAAAA,EAAuB,CAACC,EAAAC,QAAQ,uBAAwBD,EAAAA,QAAQ,mBAG/D,OAFPf,GAAYc,EAAqBG,KAAKF,EAAQC,QAAU,UACxDxB,EAAKgB,QAAUM,EAAqBG,KAAKF,EAAAC,QAAQ,qBAC1C,CACLH,cAAAA,EACAC,qBAAAA,EACF,EAG8CK,GAC1CC,EAAiB5B,EAAKgB,OAAS,GAAI,EACnCa,EAAW7B,EAAK0B,UAAgB,EAAAE,EAGpC,OAAA9B,EAAAgC,cAAC,MAAGC,UAAWT,EAAqBU,KAAK,KAAM,cAAahC,EAAKiC,KAC/DnC,EAAAgC,cAAC,SAAA,CACC,gBAAe9B,EAAKiC,IACpB,cAAa,iBAAiBjC,EAAKiC,MACnC,gBAAezB,EACfD,MACA2B,UAAWhB,EACXiB,QA/CwBC,IACHA,EAAMC,OAAuBC,QAAoC,cACpEtC,EAAKuC,MAASvC,EAAK0B,WACvCU,EAAMI,iBACNvC,EAASD,EAAKuC,MACA,MAAArC,GAAAA,EAAAF,EAAKuC,MAAM,GAAI,EA2C3BR,UAAWV,EAAcW,KAAK,KAC9BN,SAAU1B,EAAK0B,SACfG,YAEA/B,EAAAgC,cAAC,OAAIC,UAAWR,UAAQ,2BACrBvB,EAAKyC,eACJ3C,EAAM4C,aAAa1C,EAAKyC,cAAe,CAAEV,UAAWR,UAAQ,oBAC7DvB,EAAKuC,KACJzC,EAAAgC,cAAC,IAAA,CACCa,KAAM3C,EAAKuC,KAAOjC,EAAqBN,EAAKuC,KAAO,GACnD,iBAAcvC,EAAKgB,QAAS,OAC5Be,UAAWR,UAAQ,kBACnBY,QAnDgBC,IAC1BA,EAAMI,gBAAe,EAmDXX,UAAU,GAET7B,EAAK4C,uBAGP,OAAK,CAAAb,UAAWR,UAAQ,mBAAoBvB,EAAK4C,QAGtD9C,EAAAgC,cAACe,EAAAA,KAAA,CACCV,QAASlB,EACTc,UAAWR,UAAQ,yBACnBuB,KAAMC,EAAMA,MAAAC,YACN,oBAA6C,UAGvDlD,EAAAgC,cAAC,KAAA,CACCmB,GAAIjD,EAAKiC,IACTiB,MAAO,CAAEC,UAAW3C,OAAW,EAAY,GAC3CuB,UAAWR,UAAQ,eAEjBvB,EAAK0B,WACL,OAAA0B,EAAApD,EAAKa,YAAO,EAAAuC,EAAAC,KAAIrD,GACdF,EAAAgC,cAAC1B,EAAA,CACCG,IAAW+C,GAAAnD,EAASoD,oBAAoBD,EAAItD,EAAKiC,KACjDA,IAAKjC,EAAKiC,IACV5B,gBAAiB,IAAMI,GAAY,GACnC+C,QAAStC,EACTlB,KAAMA,EACNC,WACAC,cACAC,WACAG,sBAECN,EAAK4C,WAIhB"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.es.js

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

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLeftNavItem.es.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":["expanded","buttonClasses","buttonWrapperClasses","item"],"mappings":";;;;AA0CA,MAAM,qBAAqB,EAAE,cAAc,gBAAgB,WAAW,cAAc;AAEpF,MAAM,6BAA2E,CAC/E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AACvB,GACA,QACG;;AACH,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AACxC,QAAA,iBAAiB,CAAC,GAAC,UAAK,UAAL,mBAAY,KAAK,CAAA,aAAY,SAAS;AAE/D,QAAM,2BAA2B,MAAM;AACzB,gBAAA,CAAAA,cAAY,CAACA,SAAQ;AAAA,EACnC;AAEM,QAAA,EAAE,qBAAqB,IAAI,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEK,QAAA,uBAAuB,CAAC,UAAyC;AACrE,UAAM,gBAAgB,CAAC,CAAE,MAAM,OAAuB,QAAQ,mBAAmB,SAAS;AAC1F,QAAI,CAAC,iBAAiB,KAAK,QAAQ,CAAC,KAAK,UAAU;AACjD,YAAM,eAAe;AACrB,eAAS,KAAK,IAAI;AACJ,iDAAA,KAAK,MAAM;AAAA,IAAI;AAAA,EAEjC;AAEM,QAAA,qBAAqB,CAAC,UAAyC;AACnE,UAAM,eAAe;AAAA,EACvB;AAEA,QAAM,8BAA8B,MAAM;AACxC,QAAI,gBAAgB;AAClB,kBAAY,IAAI;AAAA,IAAA;AAAA,EAEpB;AAEU,YAAA,6BAA6B,CAAC,cAAc,CAAC;AAEvD,QAAM,oBAAoB,MAAM;AAC9B,UAAMC,iBAAgB,CAAC,QAAQ,WAAW,GAAG,QAAQ,aAAa,CAAC;AACnE,gBAAYA,eAAc,KAAK,QAAQ,UAAU,CAAC;AAClD,KAAC,KAAK,UAAU,mBAAmBA,eAAc,KAAK,QAAQ,kBAAkB,CAAC;AACjF,SAAK,YAAYA,eAAc,KAAK,QAAQ,UAAU,CAAC;AACvD,UAAMC,wBAAuB,CAAC,QAAQ,qBAAqB,GAAG,QAAQ,gBAAgB,CAAC;AACvF,gBAAYA,sBAAqB,KAAK,QAAQ,UAAU,CAAC;AACzD,SAAK,UAAUA,sBAAqB,KAAK,QAAQ,kBAAkB,CAAC;AAC7D,WAAA;AAAA,MACL,eAAAD;AAAAA,MACA,sBAAAC;AAAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,eAAe,qBAAqB,IAAI,kBAAkB;AAC5D,QAAA,iBAAiB,KAAK,SAAS,IAAI;AACnC,QAAA,WAAW,KAAK,WAAW,KAAK;AAGpC,SAAA,sBAAA,cAAC,QAAG,WAAW,qBAAqB,KAAK,GAAG,GAAG,eAAa,KAAK,IAC/D,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAe,KAAK;AAAA,MACpB,eAAa,iBAAiB,KAAK,GAAG;AAAA,MACtC,iBAAe;AAAA,MACf;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW,cAAc,KAAK,GAAG;AAAA,MACjC,UAAU,KAAK;AAAA,MACf;AAAA,IAAA;AAAA,IAEA,sBAAA,cAAC,SAAI,WAAW,QAAQ,wBAAwB,EAC7C,GAAA,KAAK,iBACJ,MAAM,aAAa,KAAK,eAAe,EAAE,WAAW,QAAQ,gBAAgB,EAAG,CAAA,GAChF,KAAK,OACJ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,KAAK,OAAO,qBAAqB,KAAK,OAAO;AAAA,QACnD,gBAAc,KAAK,SAAS,SAAS;AAAA,QACrC,WAAW,QAAQ,gBAAgB;AAAA,QACnC,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,IACR,wCAEC,QAAK,EAAA,WAAW,QAAQ,gBAAgB,EAAA,GAAI,KAAK,KAAM,CAE5D;AAAA,IACA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,QAAQ,uBAAuB;AAAA,QAC1C,MAAM,MAAM;AAAA,QACX,GAAG,EAAE,CAAC,QAAQ,mBAAmB,YAAY,EAAE,GAAG,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,KAAK;AAAA,MACT,OAAO,EAAE,WAAW,WAAW,SAAY,EAAE;AAAA,MAC7C,WAAW,QAAQ,WAAW;AAAA,IAAA;AAAA,IAE7B,CAAC,KAAK,cACL,UAAK,UAAL,mBAAY,IAAI,CAAAC,UACd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAAM,OAAA,SAAS,oBAAoB,IAAIA,MAAK,GAAG;AAAA,QACpD,KAAKA,MAAK;AAAA,QACV,iBAAiB,MAAM,YAAY,KAAK;AAAA,QACxC,SAAS;AAAA,QACT,MAAMA;AAAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAECA,MAAK;AAAA,IAET;AAAA,EAAA,CAEP;AAEJ;AAEa,MAAA,oBAAoB,MAAM,WAAW,0BAA0B;"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./ButtonLeftNavItem.cjs.js"),r=require("./LinkLeftNavItem.cjs.js"),n=e.forwardRef(((o,a)=>{var i;return(null==(i=o.item.items)?void 0:i.length)?e.createElement(t.ButtonLeftNavItem,{...o,ref:a,NestedComponent:n}):e.createElement(r.LinkLeftNavItem,{...o,ref:a})}));exports.LeftNavItem=n;
+//# sourceMappingURL=LeftNavItem.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavItem.cjs.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { ButtonLeftNavItem } from \"./ButtonLeftNavItem\";\nimport { LinkLeftNavItem } from \"./LinkLeftNavItem\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nconst LeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, LeftNavItemProps> = (\n  props,\n  ref\n) => {\n  const shouldBeButton = !!(props.item.items?.length ?? 0 >= 1);\n  return shouldBeButton ? (\n    <ButtonLeftNavItem {...props} ref={ref} NestedComponent={LeftNavItem} />\n  ) : (\n    <LinkLeftNavItem {...props} ref={ref} />\n  );\n};\n\nexport const LeftNavItem = React.forwardRef(LeftNavItemComponent);\n"],"names":["LeftNavItem","React","forwardRef","props","ref","_a","item","items","length","createElement","ButtonLeftNavItem","NestedComponent","LinkLeftNavItem"],"mappings":"uLAiCaA,EAAcC,EAAMC,YAZqD,CACpFC,EACAC,WAGO,OADmB,OAAAC,EAAAF,EAAMG,KAAKC,YAAX,EAAAF,EAAkBG,UAE1CC,cAACC,EAAmBA,kBAAA,IAAGP,EAAOC,MAAUO,gBAAiBX,MAEzDS,cAACG,EAAiBA,gBAAA,IAAGT,EAAOC,OAAU"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.es.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { ButtonLeftNavItem } from "./ButtonLeftNavItem.es.js";
+import { LinkLeftNavItem } from "./LinkLeftNavItem.es.js";
+const LeftNavItemComponent = (props, ref) => {
+  var _a;
+  const shouldBeButton = !!(((_a = props.item.items) == null ? void 0 : _a.length) ?? 0 >= 1);
+  return shouldBeButton ? /* @__PURE__ */ React.createElement(ButtonLeftNavItem, { ...props, ref, NestedComponent: LeftNavItem }) : /* @__PURE__ */ React.createElement(LinkLeftNavItem, { ...props, ref });
+};
+const LeftNavItem = React.forwardRef(LeftNavItemComponent);
+export {
+  LeftNavItem
+};
+//# sourceMappingURL=LeftNavItem.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavItem.es.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { ButtonLeftNavItem } from \"./ButtonLeftNavItem\";\nimport { LinkLeftNavItem } from \"./LinkLeftNavItem\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nconst LeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, LeftNavItemProps> = (\n  props,\n  ref\n) => {\n  const shouldBeButton = !!(props.item.items?.length ?? 0 >= 1);\n  return shouldBeButton ? (\n    <ButtonLeftNavItem {...props} ref={ref} NestedComponent={LeftNavItem} />\n  ) : (\n    <LinkLeftNavItem {...props} ref={ref} />\n  );\n};\n\nexport const LeftNavItem = React.forwardRef(LeftNavItemComponent);\n"],"names":[],"mappings":";;;AAqBA,MAAM,uBAAgF,CACpF,OACA,QACG;;AACH,QAAM,iBAAiB,CAAC,IAAE,WAAM,KAAK,UAAX,mBAAkB,WAAU,KAAK;AAC3D,SAAO,iBACL,sBAAA,cAAC,mBAAmB,EAAA,GAAG,OAAO,KAAU,iBAAiB,YAAa,CAAA,IAEtE,sBAAA,cAAC,iBAAiB,EAAA,GAAG,OAAO,KAAU;AAE1C;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNavItem_menu-button_7l1Pc{background-color:transparent;border:0;font-family:var(--font-family)}.LeftNavItem_menu-button_7l1Pc a{color:inherit;text-decoration:inherit}.LeftNavItem_menu-button_7l1Pc a:hover,.LeftNavItem_menu-button_7l1Pc a:active,.LeftNavItem_menu-button_7l1Pc a:focus{color:inherit}.LeftNavItem_menu-link_7l1Pc{text-decoration:none}.LeftNavItem_menu-button-wrapper_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc,.LeftNavItem_menu-button-wrapper_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>a{opacity:0;transform:translateY(-60px)}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc,.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li{opacity:0;animation-name:LeftNavItem_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(1),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(1){animation-delay:0ms}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(2),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(2){animation-delay:.1s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(3),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(3){animation-delay:.2s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(4),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(4){animation-delay:.3s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(5),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(5){animation-delay:.4s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(6),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(6){animation-delay:.5s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(7),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(7){animation-delay:.6s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(8),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(8){animation-delay:.7s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(9),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(9){animation-delay:.8s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(10),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(10){animation-delay:.9s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(11),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(11){animation-delay:1s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(12),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(12){animation-delay:1.1s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(13),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(13){animation-delay:1.2s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(14),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(14){animation-delay:1.3s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(15),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(15){animation-delay:1.4s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(16),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(16){animation-delay:1.5s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(17),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(17){animation-delay:1.6s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(18),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(18){animation-delay:1.7s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(19),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(19){animation-delay:1.8s}.LeftNavItem_menu-button-wrapper_7l1Pc .LeftNavItem_menu-button-wrapper_7l1Pc .LeftNavItem_menu-link_7l1Pc{padding-left:2.5rem}.LeftNavItem_menu-list_7l1Pc{padding:0;margin:0;overflow:hidden;max-height:100000px;list-style:none;text-align:left;transition:max-height .15s ease-in-out}.LeftNavItem_menu-list_7l1Pc .LeftNavItem_menu-item-text-wrapper_7l1Pc{padding-left:2rem}.LeftNavItem_menu-list_7l1Pc a:focus-visible,.LeftNavItem_menu-list_7l1Pc button:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_7l1Pc{box-sizing:border-box;display:flex;padding:1.125rem 1rem;align-items:center;justify-content:space-between;width:100%;color:var(--color-blue-grey900);line-height:1.5rem;font-size:1rem;font-weight:400;transition:all .15s ease-in-out;cursor:pointer}.LeftNavItem_menu-item_7l1Pc:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_7l1Pc .LeftNavItem_menu-item-text-wrapper_7l1Pc{display:flex}.LeftNavItem_menu-item_7l1Pc .LeftNavItem_menu-item-expand-icon_7l1Pc{padding:.375rem;margin:-.375rem}.LeftNavItem_menu-item_7l1Pc .LeftNavItem_menu-item-icon_7l1Pc{display:flex;align-items:center;justify-content:center;width:1.5rem;margin-right:.5rem;font-size:1.125rem}.LeftNavItem_menu-item-text_7l1Pc{display:flex;align-items:center}.LeftNavItem_menu-item-expand-icon_7l1Pc{font-size:.75rem;color:var(--color-blue-grey900);transition:all .15s ease-in-out}.LeftNavItem_menu-item_7l1Pc.LeftNavItem_expanded_7l1Pc .LeftNavItem_menu-item-expand-icon_7l1Pc{transform:rotate(180deg)}.LeftNavItem_menu-item_7l1Pc a{color:inherit}.LeftNavItem_menu-item_7l1Pc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-item_7l1Pc:focus,.LeftNavItem_menu-item_7l1Pc:active{color:inherit;background-color:var(--color-blue-grey100)}.LeftNavItem_menu-item_7l1Pc.LeftNavItem_disabled_7l1Pc{color:var(--color-blue-grey400);background-color:var(--color-blue-grey25);pointer-events:none}.LeftNavItem_menu-list-item_7l1Pc{position:relative}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item_7l1Pc{padding:.75rem 1rem;color:var(--color-blue-grey900)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc{background-color:var(--left-nav-item-active-background-color)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:focus,.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:active{background-color:var(--color-blue-grey100)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:before{content:"";height:100%;position:absolute;left:0;z-index:2;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--left-nav-item-active-ribbon-color)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc .LeftNavItem_menu-item-text_7l1Pc,.LeftNavItem_menu-list-item_7l1Pc button.LeftNavItem_menu-item-active_7l1Pc .LeftNavItem_menu-item-text_7l1Pc{font-weight:700}@keyframes LeftNavItem_item-fade-in_7l1Pc{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="LeftNavItem_expanded_7l1Pc",t="LeftNavItem_disabled_7l1Pc",m={"menu-button":"LeftNavItem_menu-button_7l1Pc","menu-link":"LeftNavItem_menu-link_7l1Pc","menu-button-wrapper":"LeftNavItem_menu-button-wrapper_7l1Pc",expanded:e,"menu-list":"LeftNavItem_menu-list_7l1Pc","menu-item-text-wrapper":"LeftNavItem_menu-item-text-wrapper_7l1Pc","menu-item":"LeftNavItem_menu-item_7l1Pc","menu-item-expand-icon":"LeftNavItem_menu-item-expand-icon_7l1Pc","menu-item-icon":"LeftNavItem_menu-item-icon_7l1Pc","menu-item-text":"LeftNavItem_menu-item-text_7l1Pc",disabled:t,"menu-list-item":"LeftNavItem_menu-list-item_7l1Pc","menu-item-active":"LeftNavItem_menu-item-active_7l1Pc"};exports.default=m,exports.disabled=t,exports.expanded=e;
+//# sourceMappingURL=LeftNavItem.module.scss.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.cjs.js.map

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

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.es.js

@@ -0,0 +1,24 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNavItem_menu-button_7l1Pc{background-color:transparent;border:0;font-family:var(--font-family)}.LeftNavItem_menu-button_7l1Pc a{color:inherit;text-decoration:inherit}.LeftNavItem_menu-button_7l1Pc a:hover,.LeftNavItem_menu-button_7l1Pc a:active,.LeftNavItem_menu-button_7l1Pc a:focus{color:inherit}.LeftNavItem_menu-link_7l1Pc{text-decoration:none}.LeftNavItem_menu-button-wrapper_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc,.LeftNavItem_menu-button-wrapper_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>a{opacity:0;transform:translateY(-60px)}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc,.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li{opacity:0;animation-name:LeftNavItem_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(1),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(1){animation-delay:0ms}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(2),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(2){animation-delay:.1s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(3),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(3){animation-delay:.2s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(4),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(4){animation-delay:.3s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(5),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(5){animation-delay:.4s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(6),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(6){animation-delay:.5s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(7),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(7){animation-delay:.6s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(8),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(8){animation-delay:.7s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(9),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(9){animation-delay:.8s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(10),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(10){animation-delay:.9s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(11),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(11){animation-delay:1s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(12),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(12){animation-delay:1.1s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(13),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(13){animation-delay:1.2s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(14),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(14){animation-delay:1.3s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(15),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(15){animation-delay:1.4s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(16),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(16){animation-delay:1.5s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(17),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(17){animation-delay:1.6s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(18),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(18){animation-delay:1.7s}.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>.LeftNavItem_menu-button-wrapper_7l1Pc:nth-child(19),.LeftNavItem_menu-button-wrapper_7l1Pc.LeftNavItem_expanded_7l1Pc>.LeftNavItem_menu-button_7l1Pc+ul>li:nth-child(19){animation-delay:1.8s}.LeftNavItem_menu-button-wrapper_7l1Pc .LeftNavItem_menu-button-wrapper_7l1Pc .LeftNavItem_menu-link_7l1Pc{padding-left:2.5rem}.LeftNavItem_menu-list_7l1Pc{padding:0;margin:0;overflow:hidden;max-height:100000px;list-style:none;text-align:left;transition:max-height .15s ease-in-out}.LeftNavItem_menu-list_7l1Pc .LeftNavItem_menu-item-text-wrapper_7l1Pc{padding-left:2rem}.LeftNavItem_menu-list_7l1Pc a:focus-visible,.LeftNavItem_menu-list_7l1Pc button:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_7l1Pc{box-sizing:border-box;display:flex;padding:1.125rem 1rem;align-items:center;justify-content:space-between;width:100%;color:var(--color-blue-grey900);line-height:1.5rem;font-size:1rem;font-weight:400;transition:all .15s ease-in-out;cursor:pointer}.LeftNavItem_menu-item_7l1Pc:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_7l1Pc .LeftNavItem_menu-item-text-wrapper_7l1Pc{display:flex}.LeftNavItem_menu-item_7l1Pc .LeftNavItem_menu-item-expand-icon_7l1Pc{padding:.375rem;margin:-.375rem}.LeftNavItem_menu-item_7l1Pc .LeftNavItem_menu-item-icon_7l1Pc{display:flex;align-items:center;justify-content:center;width:1.5rem;margin-right:.5rem;font-size:1.125rem}.LeftNavItem_menu-item-text_7l1Pc{display:flex;align-items:center}.LeftNavItem_menu-item-expand-icon_7l1Pc{font-size:.75rem;color:var(--color-blue-grey900);transition:all .15s ease-in-out}.LeftNavItem_menu-item_7l1Pc.LeftNavItem_expanded_7l1Pc .LeftNavItem_menu-item-expand-icon_7l1Pc{transform:rotate(180deg)}.LeftNavItem_menu-item_7l1Pc a{color:inherit}.LeftNavItem_menu-item_7l1Pc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-item_7l1Pc:focus,.LeftNavItem_menu-item_7l1Pc:active{color:inherit;background-color:var(--color-blue-grey100)}.LeftNavItem_menu-item_7l1Pc.LeftNavItem_disabled_7l1Pc{color:var(--color-blue-grey400);background-color:var(--color-blue-grey25);pointer-events:none}.LeftNavItem_menu-list-item_7l1Pc{position:relative}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item_7l1Pc{padding:.75rem 1rem;color:var(--color-blue-grey900)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc{background-color:var(--left-nav-item-active-background-color)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:focus,.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:active{background-color:var(--color-blue-grey100)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc:before{content:"";height:100%;position:absolute;left:0;z-index:2;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--left-nav-item-active-ribbon-color)}.LeftNavItem_menu-list-item_7l1Pc a.LeftNavItem_menu-item-active_7l1Pc .LeftNavItem_menu-item-text_7l1Pc,.LeftNavItem_menu-list-item_7l1Pc button.LeftNavItem_menu-item-active_7l1Pc .LeftNavItem_menu-item-text_7l1Pc{font-weight:700}@keyframes LeftNavItem_item-fade-in_7l1Pc{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const expanded = "LeftNavItem_expanded_7l1Pc";
+const disabled = "LeftNavItem_disabled_7l1Pc";
+const classes = {
+  "menu-button": "LeftNavItem_menu-button_7l1Pc",
+  "menu-link": "LeftNavItem_menu-link_7l1Pc",
+  "menu-button-wrapper": "LeftNavItem_menu-button-wrapper_7l1Pc",
+  expanded,
+  "menu-list": "LeftNavItem_menu-list_7l1Pc",
+  "menu-item-text-wrapper": "LeftNavItem_menu-item-text-wrapper_7l1Pc",
+  "menu-item": "LeftNavItem_menu-item_7l1Pc",
+  "menu-item-expand-icon": "LeftNavItem_menu-item-expand-icon_7l1Pc",
+  "menu-item-icon": "LeftNavItem_menu-item-icon_7l1Pc",
+  "menu-item-text": "LeftNavItem_menu-item-text_7l1Pc",
+  disabled,
+  "menu-list-item": "LeftNavItem_menu-list-item_7l1Pc",
+  "menu-item-active": "LeftNavItem_menu-item-active_7l1Pc"
+};
+export {
+  classes as default,
+  disabled,
+  expanded
+};
+//# sourceMappingURL=LeftNavItem.module.scss.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.es.js.map

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

package/dist/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./LeftNavItem.module.scss.cjs.js"),a=require("../../../../Link/Link.cjs.js"),n=require("./useKeyboardNavigation.cjs.js"),i=e.forwardRef((({item:i,onItemClick:s,refItems:l,closeParentList:m,navigate:r,internalLinkPrefix:d=""},c)=>{var o;const{onKeyPressNavigation:u}=n.useKeyboardNavigation({refItems:l,item:i,closeParentList:m}),{menuItemLinkClasses:p,menuLinkWrapperClasses:f}=(()=>{const e=[t.default["menu-item"],t.default["menu-link"]];return i.active&&e.push(t.default["menu-item-active"]),i.disabled&&e.push(t.default.disabled),{menuItemLinkClasses:e,menuLinkWrapperClasses:[t.default["menu-list-item"]]}})(),v=i.active?0:-1,b=i.disabled?-1:v;return e.createElement("li",{className:f.join(" "),"data-testid":`${i.key}`},(null==(o=i.path)?void 0:o.match(/^https?:\/\//))?e.createElement(a.Link,{ref:c,onKeyDown:u,"data-testid":`left-nav-item-${i.key}`,"aria-current":!!i.active&&"page","aria-disabled":i.disabled,className:p.join(" "),to:i.path??"",type:"external",disabled:i.disabled,tabIndex:b},e.createElement("div",{className:t.default["menu-item-text-wrapper"]},i.iconComponent&&e.cloneElement(i.iconComponent,{className:t.default["menu-item-icon"]}),e.createElement("span",{className:t.default["menu-item-text"]},i.title))):e.createElement("a",{ref:c,onKeyDown:u,onClick:e=>{e.preventDefault(),i.disabled||(null==s||s(i.path),i.path&&r(i.path))},"data-testid":`left-nav-item-${i.key}`,"aria-current":!!i.active&&"page","aria-disabled":i.disabled,className:p.join(" "),href:i.path?d+i.path:"",tabIndex:b},e.createElement("div",{className:t.default["menu-item-text-wrapper"]},i.iconComponent&&e.cloneElement(i.iconComponent,{className:t.default["menu-item-icon"]}),e.createElement("span",{className:t.default["menu-item-text"]},i.title))))}));exports.LinkLeftNavItem=i;
+//# sourceMappingURL=LinkLeftNavItem.cjs.js.map