npm - @onewelcome/react-lib-components - Versions diffs - 9.3.0 → 9.5.0 - Mend

@onewelcome/react-lib-components 9.3.0 → 9.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/dist/esm/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.esm.js CHANGED Viewed

@@ -18,8 +18,8 @@ import { useKeyboardNavigation } from './useKeyboardNavigation.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const LinkLeftNavItemComponent = ({ item, onItemClick, refItems, closeParentList, navigate }, ref) => {
-    var _a, _b, _c;
+const LinkLeftNavItemComponent = ({ item, onItemClick, refItems, closeParentList, navigate, internalLinkPrefix = "" }, ref) => {
+    var _a, _b;
     const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });
     const onLinkClickHandler = (event) => {
         event.preventDefault();
@@ -45,7 +45,7 @@ const LinkLeftNavItemComponent = ({ item, onItemClick, refItems, closeParentList
         React.createElement("div", { className: classes["menu-item-text-wrapper"] },
             item.iconComponent &&
                 React.cloneElement(item.iconComponent, { className: classes["menu-item-icon"] }),
-            React.createElement("span", { className: classes["menu-item-text"] }, item.title)))) : (React.createElement("a", { ref: ref, onKeyDown: onKeyPressNavigation, onClick: onLinkClickHandler, "data-testid": `left-nav-item-${item.key}`, "aria-current": item.active ? "page" : false, "aria-disabled": item.disabled, className: menuItemLinkClasses.join(" "), href: (_c = item.path) !== null && _c !== void 0 ? _c : "", tabIndex: tabIndex },
+            React.createElement("span", { className: classes["menu-item-text"] }, item.title)))) : (React.createElement("a", { ref: ref, onKeyDown: onKeyPressNavigation, onClick: onLinkClickHandler, "data-testid": `left-nav-item-${item.key}`, "aria-current": item.active ? "page" : false, "aria-disabled": item.disabled, className: menuItemLinkClasses.join(" "), href: item.path ? internalLinkPrefix + item.path : "", tabIndex: tabIndex },
         React.createElement("div", { className: classes["menu-item-text-wrapper"] },
             item.iconComponent &&
                 React.cloneElement(item.iconComponent, { className: classes["menu-item-icon"] }),

package/dist/esm/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkLeftNavItem.esm.js","sources":["../../../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.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, HTMLProps, MouseEvent, Ref } from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Link } from \"../../../../Link/Link\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\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 closeParentList?: () => void;\n}\n\nconst LinkLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n { item, onItemClick, refItems, closeParentList, navigate },\n ref\n) => {\n const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });\n\n const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n event.preventDefault();\n if (!item.disabled) {\n onItemClick?.(item.path);\n item.path && navigate(item.path);\n }\n };\n\n const getStylingClasses = () => {\n const menuItemLinkClasses = [classes[\"menu-item\"], classes[\"menu-link\"]];\n item.active && menuItemLinkClasses.push(classes[\"menu-item-active\"]);\n item.disabled && menuItemLinkClasses.push(classes[\"disabled\"]);\n const menuLinkWrapperClasses = [classes[\"menu-list-item\"]];\n return {\n menuItemLinkClasses,\n menuLinkWrapperClasses\n };\n };\n\n const { menuItemLinkClasses, menuLinkWrapperClasses } = getStylingClasses();\n const tabIndexActive = item.active ? 0 : -1;\n const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n return (\n <li className={menuLinkWrapperClasses.join(\" \")} data-testid={`${item.key}`}>\n {item.path?.match(/^https?:\\/\\//) ? (\n <Link\n ref={ref as Ref<HTMLAnchorElement>}\n onKeyDown={onKeyPressNavigation}\n data-testid={`left-nav-item-${item.key}`}\n aria-current={item.active ? \"page\" : false}\n aria-disabled={item.disabled}\n className={menuItemLinkClasses.join(\" \")}\n to={item.path ?? \"\"}\n type=\"external\"\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 <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n </div>\n </Link>\n ) : (\n <a\n ref={ref as Ref<HTMLAnchorElement>}\n onKeyDown={onKeyPressNavigation}\n onClick={onLinkClickHandler}\n data-testid={`left-nav-item-${item.key}`}\n aria-current={item.active ? \"page\" : false}\n aria-disabled={item.disabled}\n className={menuItemLinkClasses.join(\" \")}\n href={item.path ?? \"\"}\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 <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n </div>\n </a>\n )}\n </li>\n );\n};\n\nexport const LinkLeftNavItem = React.forwardRef(LinkLeftNavItemComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;~~AAiBH~~,MAAM,wBAAwB,GAAiD,CAC7E,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,~~EAC1D~~,GAAG,KACD;;AACF,IAAA,MAAM,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;AAE5F,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAoC,KAAI;QAClE,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAG,IAAI,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClC;AACH,KAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,MAAM,mBAAmB,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,QAAA,IAAI,CAAC,MAAM,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACrE,QAAA,IAAI,CAAC,QAAQ,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QAC/D,MAAM,sBAAsB,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC3D,OAAO;YACL,mBAAmB;YACnB,sBAAsB;SACvB,CAAC;AACJ,KAAC,CAAC;IAEF,MAAM,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,EAAE,CAAC;AAC5E,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5C,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC;IAErD,QACE,4BAAI,SAAS,EAAE,sBAAsB,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAe,CAAG,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,IACxE,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,cAAc,CAAC,KAC/B,oBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAA6B,EAClC,SAAS,EAAE,oBAAoB,EAClB,aAAA,EAAA,CAAA,cAAA,EAAiB,IAAI,CAAC,GAAG,CAAA,CAAE,kBAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,mBAC3B,IAAI,CAAC,QAAQ,EAC5B,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EACxC,EAAE,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAAA;AAElB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,CAAC,EAAA;AAC9C,YAAA,IAAI,CAAC,aAAa;AACjB,gBAAA,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAClF,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,~~EAAG,~~IAAI,CAAC,KAAK,CAAQ,CAC3D,CACD,KAEP,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,GAAG,EAAE,GAA6B,EAClC,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,kBAAkB,~~EAAA~~,aAAA,~~EACd~~,~~CAAiB~~,cAAA,~~EAAA~~,IAAI,CAAC,GAAG,~~CAAA~~,~~CAAE,~~EAC1B,cAAA,EAAA,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,~~EAC3B~~,~~eAAA,EAAA,~~IAAI,CAAC,QAAQ,EAC5B,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EACxC,IAAI,EAAE,~~CAAA,EAAA,GAAA,~~IAAI,CAAC,IAAI,~~MAAI~~,~~IAAA~~,~~IAAA~~,~~EAAA~~,~~KAAA~~,~~KAAA~~,~~CAAA~~,~~GAAA,EAAA,GAAA,~~EAAE,~~EACrB~~,QAAQ,EAAE,QAAQ,EAAA;AAElB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,CAAC,EAAA;AAC9C,YAAA,IAAI,CAAC,aAAa;AACjB,gBAAA,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAClF,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAG,EAAA,IAAI,CAAC,KAAK,CAAQ,CAC3D,CACJ,CACL,CACE,EACL;AACJ,CAAC,CAAC;AAEW,MAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB;;;;"}
1	+ {"version":3,"file":"LinkLeftNavItem.esm.js","sources":["../../../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.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, HTMLProps, MouseEvent, Ref } from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Link } from \"../../../../Link/Link\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\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 closeParentList?: () => void;\n internalLinkPrefix?: string;\n}\n\nconst LinkLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n { item, onItemClick, refItems, closeParentList, navigate, internalLinkPrefix = \"\" },\n ref\n) => {\n const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });\n\n const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n event.preventDefault();\n if (!item.disabled) {\n onItemClick?.(item.path);\n item.path && navigate(item.path);\n }\n };\n\n const getStylingClasses = () => {\n const menuItemLinkClasses = [classes[\"menu-item\"], classes[\"menu-link\"]];\n item.active && menuItemLinkClasses.push(classes[\"menu-item-active\"]);\n item.disabled && menuItemLinkClasses.push(classes[\"disabled\"]);\n const menuLinkWrapperClasses = [classes[\"menu-list-item\"]];\n return {\n menuItemLinkClasses,\n menuLinkWrapperClasses\n };\n };\n\n const { menuItemLinkClasses, menuLinkWrapperClasses } = getStylingClasses();\n const tabIndexActive = item.active ? 0 : -1;\n const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n return (\n <li className={menuLinkWrapperClasses.join(\" \")} data-testid={`${item.key}`}>\n {item.path?.match(/^https?:\\/\\//) ? (\n <Link\n ref={ref as Ref<HTMLAnchorElement>}\n onKeyDown={onKeyPressNavigation}\n data-testid={`left-nav-item-${item.key}`}\n aria-current={item.active ? \"page\" : false}\n aria-disabled={item.disabled}\n className={menuItemLinkClasses.join(\" \")}\n to={item.path ?? \"\"}\n type=\"external\"\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 <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n </div>\n </Link>\n ) : (\n <a\n ref={ref as Ref<HTMLAnchorElement>}\n onKeyDown={onKeyPressNavigation}\n onClick={onLinkClickHandler}\n data-testid={`left-nav-item-${item.key}`}\n aria-current={item.active ? \"page\" : false}\n aria-disabled={item.disabled}\n className={menuItemLinkClasses.join(\" \")}\n href={item.path ? internalLinkPrefix + item.path : \"\"}\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 <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n </div>\n </a>\n )}\n </li>\n );\n};\n\nexport const LinkLeftNavItem = React.forwardRef(LinkLeftNavItemComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.esm.js CHANGED Viewed

@@ -13,10 +13,10 @@
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const useKeyboardNavigation = ({ refItems, item, closeParentList }) => {
+const useKeyboardNavigation = ({ refItems, item, closeParentList, onExpandIconClickHandler }) => {
     const onKeyPressNavigation = (e) => {
-        var _a, _b, _c, _d, _e, _f;
-        if (e.code === "Escape") {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (e.code === "Escape" || e.code === "ArrowLeft") {
             e.preventDefault();
             e.stopPropagation();
             closeParentList === null || closeParentList === void 0 ? void 0 : closeParentList();
@@ -48,6 +48,10 @@ const useKeyboardNavigation = ({ refItems, item, closeParentList }) => {
             (_f = refItems.getNextElement(item.key, true)) === null || _f === void 0 ? void 0 : _f.focus();
             e.currentTarget.click();
         }
+        if (e.code === "ArrowRight") {
+            onExpandIconClickHandler === null || onExpandIconClickHandler === void 0 ? void 0 : onExpandIconClickHandler();
+            (_g = refItems.getNextElement(item.key, true)) === null || _g === void 0 ? void 0 : _g.focus();
+        }
     };
     return { onKeyPressNavigation };
 };

package/dist/esm/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardNavigation.esm.js","sources":["../../../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { KeyboardEvent } from \"react\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\n\ninterface Props {\n item: MenuItem;\n refItems: UseRefItemsReturnType;\n closeParentList?: () => void;\n}\n\nexport const useKeyboardNavigation = ({ refItems, item, closeParentList }: Props) => {\n const onKeyPressNavigation = (e: KeyboardEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n if (e.code === \"Escape\") {\n e.preventDefault();\n e.stopPropagation();\n closeParentList?.();\n refItems.getParentElement(item.key)?.focus();\n }\n if (e.code === \"ArrowUp\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getPrevElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"ArrowDown\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getNextElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"Home\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getFirstElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"End\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getLastElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"Space\" \|\| e.code === \"Enter\") {\n e.stopPropagation();\n e.preventDefault();\n refItems.getNextElement(item.key, true)?.focus();\n e.currentTarget.click();\n }\n };\n\n return { onKeyPressNavigation };\n};\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;~~AAYI~~,MAAM,qBAAqB,GAAG,CAAC,~~EAAE~~,QAAQ,~~EAAE~~,IAAI,~~EAAE~~,eAAe,~~EAAS~~,KAAI;~~AAClF~~,IAAA,MAAM,oBAAoB,GAAG,CAAC,CAAuD,KAAI;;AACvF,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE;~~YACvB~~,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,YAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,EAAI,CAAC;YACpB,CAAA,EAAA,GAAA,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;SAC9C;AACD,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAA,EAAA,GAAA,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;SACvD;AACD,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAA,EAAA,GAAA,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;SACvD;AACD,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAA,EAAA,GAAA,QAAQ,CAAC,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;SACxD;AACD,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,EAAE;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAA,EAAA,GAAA,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;SACvD;AACD,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;AACjD,YAAA,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SACzB;AACH,KAAC,CAAC;IAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAClC;;;;"}
1	+ {"version":3,"file":"useKeyboardNavigation.esm.js","sources":["../../../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { KeyboardEvent } from \"react\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\n\ninterface Props {\n item: MenuItem;\n refItems: UseRefItemsReturnType;\n closeParentList?: () => void;\n onExpandIconClickHandler?: () => void;\n}\n\nexport const useKeyboardNavigation = ({\n refItems,\n item,\n closeParentList,\n onExpandIconClickHandler\n}: Props) => {\n const onKeyPressNavigation = (e: KeyboardEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n if (e.code === \"Escape\" \|\| e.code === \"ArrowLeft\") {\n e.preventDefault();\n e.stopPropagation();\n closeParentList?.();\n refItems.getParentElement(item.key)?.focus();\n }\n if (e.code === \"ArrowUp\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getPrevElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"ArrowDown\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getNextElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"Home\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getFirstElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"End\") {\n e.preventDefault();\n e.stopPropagation();\n refItems.getLastElementOnSameLevel(item.key)?.focus();\n }\n if (e.code === \"Space\" \|\| e.code === \"Enter\") {\n e.stopPropagation();\n e.preventDefault();\n refItems.getNextElement(item.key, true)?.focus();\n e.currentTarget.click();\n }\n if (e.code === \"ArrowRight\") {\n onExpandIconClickHandler?.();\n refItems.getNextElement(item.key, true)?.focus();\n }\n };\n\n return { onKeyPressNavigation };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MicrofrontendContainer_microfrontend-container-margin_NmMJU{padding:2rem}.MicrofrontendContainer_microfrontend-container-max-width_NmMJU{max-width:105rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pY3JvZnJvbnRlbmRDb250YWluZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2REFDRSxZQUNGLENBQ0EsZ0VBQ0UsZ0JBQ0YiLCJmaWxlIjoiTWljcm9mcm9udGVuZENvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWljcm9mcm9udGVuZC1jb250YWluZXItbWFyZ2luIHtcbiAgcGFkZGluZzogMnJlbTtcbn1cbi5taWNyb2Zyb250ZW5kLWNvbnRhaW5lci1tYXgtd2lkdGgge1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn0iXX0= */";
-var classes = {"microfrontend-container-margin":"MicrofrontendContainer_microfrontend-container-margin_NmMJU","microfrontend-container-max-width":"MicrofrontendContainer_microfrontend-container-max-width_NmMJU"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MicrofrontendContainer_microfrontend-container-margin_mEPnS{padding:2rem}.MicrofrontendContainer_microfrontend-container-max-width_mEPnS{max-width:105rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pY3JvZnJvbnRlbmRDb250YWluZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2REFDRSxZQUNGLENBQ0EsZ0VBQ0UsZ0JBQ0YiLCJmaWxlIjoiTWljcm9mcm9udGVuZENvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWljcm9mcm9udGVuZC1jb250YWluZXItbWFyZ2luIHtcbiAgcGFkZGluZzogMnJlbTtcbn1cbi5taWNyb2Zyb250ZW5kLWNvbnRhaW5lci1tYXgtd2lkdGgge1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn0iXX0= */";
+var classes = {"microfrontend-container-margin":"MicrofrontendContainer_microfrontend-container-margin_mEPnS","microfrontend-container-max-width":"MicrofrontendContainer_microfrontend-container-max-width_mEPnS"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/miscellaneous/IdentityProviderButton.esm.js CHANGED Viewed

@@ -27,13 +27,13 @@ const IdentityProviderButton = ({ children, iconUrl, imgAltText, idpType, custom
     const generateCSSProperties = () => {
         var _a, _b, _c, _d, _e, _f, _g;
         return {
-            "--button-primary-default-color": (_a = customization === null || customization === void 0 ? void 0 : customization.backgroundColor) !== null && _a !== void 0 ? _a : DEFAULT_BACKGROUND_COLOR,
+            "--button-fill-primary-default-color": (_a = customization === null || customization === void 0 ? void 0 : customization.backgroundColor) !== null && _a !== void 0 ? _a : DEFAULT_BACKGROUND_COLOR,
             borderColor: (_b = customization === null || customization === void 0 ? void 0 : customization.borderColor) !== null && _b !== void 0 ? _b : DEFAULT_BORDER_COLOR,
             "--button-fill-text-color": (_c = customization === null || customization === void 0 ? void 0 : customization.textColor) !== null && _c !== void 0 ? _c : DEFAULT_TEXT_COLOR,
             "--color-focus": (_d = customization === null || customization === void 0 ? void 0 : customization.focusBorderColor) !== null && _d !== void 0 ? _d : DEFAULT_FOCUS_OUTLINE_COLOR,
-            "--button-primary-focused-color": (_e = customization === null || customization === void 0 ? void 0 : customization.focusBackgroundColor) !== null && _e !== void 0 ? _e : DEFAULT_BACKGROUND_COLOR,
-            "--button-primary-hover-color": (_f = customization === null || customization === void 0 ? void 0 : customization.hoverBackgroundColor) !== null && _f !== void 0 ? _f : DEFAULT_HOVER_COLOR,
-            "--button-primary-pressed-color": (_g = customization === null || customization === void 0 ? void 0 : customization.pressedBackgroundColor) !== null && _g !== void 0 ? _g : DEFAULT_PRESSED_COLOR
+            "--button-fill-primary-focused-color": (_e = customization === null || customization === void 0 ? void 0 : customization.focusBackgroundColor) !== null && _e !== void 0 ? _e : DEFAULT_BACKGROUND_COLOR,
+            "--button-fill-primary-hover-color": (_f = customization === null || customization === void 0 ? void 0 : customization.hoverBackgroundColor) !== null && _f !== void 0 ? _f : DEFAULT_HOVER_COLOR,
+            "--button-fill-primary-pressed-color": (_g = customization === null || customization === void 0 ? void 0 : customization.pressedBackgroundColor) !== null && _g !== void 0 ? _g : DEFAULT_PRESSED_COLOR
         };
     };
     return (React.createElement(Button, { style: generateCSSProperties(), color: "primary", variant: "fill", className: classes["idp-button"], loading: loading, ...rest },

package/dist/esm/miscellaneous/IdentityProviderButton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IdentityProviderButton.esm.js","sources":["../../../../../src/components/miscellaneous/IdentityProviderButton.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, { ComponentPropsWithRef, CSSProperties, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./IdentityProviderButton.module.scss\";\nimport { Button } from \"../Button/Button\";\n\nexport interface SupportedCustomizationKeys {\n backgroundColor: string;\n focusBorderColor: string;\n focusBackgroundColor: string;\n hoverBackgroundColor: string;\n pressedBackgroundColor: string;\n textColor: string;\n borderColor: string;\n}\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"color\"> {\n iconUrl?: string;\n imgAltText?: string;\n idpType: string;\n customization?: SupportedCustomizationKeys;\n loading?: boolean;\n}\n\nexport const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props> = ({\n children,\n iconUrl,\n imgAltText,\n idpType,\n customization,\n loading,\n ...rest\n}) => {\n const DEFAULT_BACKGROUND_COLOR = \"#FFFFFF\";\n const DEFAULT_BORDER_COLOR = \"#000000\";\n const DEFAULT_TEXT_COLOR = \"#000000\";\n const DEFAULT_FOCUS_OUTLINE_COLOR = \"var(--color-black50)\";\n const DEFAULT_HOVER_COLOR = \"var(--color-black10)\";\n const DEFAULT_PRESSED_COLOR = \"var(--color-black20)\";\n\n const generateCSSProperties = () => {\n return {\n \"--button-primary-default-color\": customization?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n borderColor: customization?.borderColor ?? DEFAULT_BORDER_COLOR,\n \"--button-fill-text-color\": customization?.textColor ?? DEFAULT_TEXT_COLOR,\n \"--color-focus\": customization?.focusBorderColor ?? DEFAULT_FOCUS_OUTLINE_COLOR,\n \"--button-primary-focused-color\":\n customization?.focusBackgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n \"--button-primary-hover-color\": customization?.hoverBackgroundColor ?? DEFAULT_HOVER_COLOR,\n \"--button-primary-pressed-color\":\n customization?.pressedBackgroundColor ?? DEFAULT_PRESSED_COLOR\n } as CSSProperties;\n };\n\n return (\n <Button\n style={generateCSSProperties()}\n color=\"primary\"\n variant=\"fill\"\n className={classes[\"idp-button\"]}\n loading={loading}\n {...rest}\n >\n <span className={classes[\"idp-button--with-icon\"]}>\n <img\n height={24}\n width={24}\n aria-hidden={!imgAltText}\n src={iconUrl \|\| `/ui-resources-static/common/idb/icons/${idpType}.svg`}\n alt={imgAltText \|\| \"Identity Provider icon\"}\n />\n {children}\n </span>\n </Button>\n );\n};\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;MAwBU,sBAAsB,GAAuD,CAAC,EACzF,QAAQ,EACR,OAAO,EACP,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,IAAI,EACR,KAAI;IACH,MAAM,wBAAwB,GAAG,SAAS,CAAC;IAC3C,MAAM,oBAAoB,GAAG,SAAS,CAAC;IACvC,MAAM,kBAAkB,GAAG,SAAS,CAAC;IACrC,MAAM,2BAA2B,GAAG,sBAAsB,CAAC;IAC3D,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;IACnD,MAAM,qBAAqB,GAAG,sBAAsB,CAAC;IAErD,MAAM,qBAAqB,GAAG,MAAK;;QACjC,OAAO;YACL,~~gCAAgC~~,~~EAAE~~,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,wBAAwB;~~YAC5F~~,WAAW,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,oBAAoB;YAC/D,0BAA0B,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,kBAAkB;YAC1E,eAAe,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,2BAA2B;YAC/E,~~gCAAgC~~,~~EAC9B~~,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,oBAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,wBAAwB;YACjE,~~8BAA8B~~,~~EAAE~~,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,oBAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,mBAAmB;~~YAC1F~~,~~gCAAgC~~,~~EAC9B~~,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,sBAAsB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,qBAAqB;SAChD,CAAC;AACrB,KAAC,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAE,qBAAqB,EAAE,EAC9B,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAChC,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,uBAAuB,CAAC,EAAA;YAC/C,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,aAAA,EACI,CAAC,UAAU,EACxB,GAAG,EAAE,OAAO,IAAI,CAAyC,sCAAA,EAAA,OAAO,CAAM,IAAA,CAAA,EACtE,GAAG,EAAE,UAAU,IAAI,wBAAwB,EAC3C,CAAA;YACD,QAAQ,CACJ,CACA,EACT;AACJ;;;;"}
1	+ {"version":3,"file":"IdentityProviderButton.esm.js","sources":["../../../../../src/components/miscellaneous/IdentityProviderButton.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, { ComponentPropsWithRef, CSSProperties, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./IdentityProviderButton.module.scss\";\nimport { Button } from \"../Button/Button\";\n\nexport interface SupportedCustomizationKeys {\n backgroundColor: string;\n focusBorderColor: string;\n focusBackgroundColor: string;\n hoverBackgroundColor: string;\n pressedBackgroundColor: string;\n textColor: string;\n borderColor: string;\n}\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"color\"> {\n iconUrl?: string;\n imgAltText?: string;\n idpType: string;\n customization?: SupportedCustomizationKeys;\n loading?: boolean;\n}\n\nexport const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props> = ({\n children,\n iconUrl,\n imgAltText,\n idpType,\n customization,\n loading,\n ...rest\n}) => {\n const DEFAULT_BACKGROUND_COLOR = \"#FFFFFF\";\n const DEFAULT_BORDER_COLOR = \"#000000\";\n const DEFAULT_TEXT_COLOR = \"#000000\";\n const DEFAULT_FOCUS_OUTLINE_COLOR = \"var(--color-black50)\";\n const DEFAULT_HOVER_COLOR = \"var(--color-black10)\";\n const DEFAULT_PRESSED_COLOR = \"var(--color-black20)\";\n\n const generateCSSProperties = () => {\n return {\n \"--button-fill-primary-default-color\":\n customization?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n borderColor: customization?.borderColor ?? DEFAULT_BORDER_COLOR,\n \"--button-fill-text-color\": customization?.textColor ?? DEFAULT_TEXT_COLOR,\n \"--color-focus\": customization?.focusBorderColor ?? DEFAULT_FOCUS_OUTLINE_COLOR,\n \"--button-fill-primary-focused-color\":\n customization?.focusBackgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n \"--button-fill-primary-hover-color\":\n customization?.hoverBackgroundColor ?? DEFAULT_HOVER_COLOR,\n \"--button-fill-primary-pressed-color\":\n customization?.pressedBackgroundColor ?? DEFAULT_PRESSED_COLOR\n } as CSSProperties;\n };\n\n return (\n <Button\n style={generateCSSProperties()}\n color=\"primary\"\n variant=\"fill\"\n className={classes[\"idp-button\"]}\n loading={loading}\n {...rest}\n >\n <span className={classes[\"idp-button--with-icon\"]}>\n <img\n height={24}\n width={24}\n aria-hidden={!imgAltText}\n src={iconUrl \|\| `/ui-resources-static/common/idb/icons/${idpType}.svg`}\n alt={imgAltText \|\| \"Identity Provider icon\"}\n />\n {children}\n </span>\n </Button>\n );\n};\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;MAwBU,sBAAsB,GAAuD,CAAC,EACzF,QAAQ,EACR,OAAO,EACP,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,IAAI,EACR,KAAI;IACH,MAAM,wBAAwB,GAAG,SAAS,CAAC;IAC3C,MAAM,oBAAoB,GAAG,SAAS,CAAC;IACvC,MAAM,kBAAkB,GAAG,SAAS,CAAC;IACrC,MAAM,2BAA2B,GAAG,sBAAsB,CAAC;IAC3D,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;IACnD,MAAM,qBAAqB,GAAG,sBAAsB,CAAC;IAErD,MAAM,qBAAqB,GAAG,MAAK;;QACjC,OAAO;YACL,qCAAqC,EACnC,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,wBAAwB;YAC5D,WAAW,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,oBAAoB;YAC/D,0BAA0B,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,kBAAkB;YAC1E,eAAe,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,2BAA2B;YAC/E,qCAAqC,EACnC,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,oBAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,wBAAwB;YACjE,mCAAmC,EACjC,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,oBAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,mBAAmB;YAC5D,qCAAqC,EACnC,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAE,sBAAsB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,qBAAqB;SAChD,CAAC;AACrB,KAAC,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAE,qBAAqB,EAAE,EAC9B,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAChC,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,uBAAuB,CAAC,EAAA;YAC/C,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,aAAA,EACI,CAAC,UAAU,EACxB,GAAG,EAAE,OAAO,IAAI,CAAyC,sCAAA,EAAA,OAAO,CAAM,IAAA,CAAA,EACtE,GAAG,EAAE,UAAU,IAAI,wBAAwB,EAC3C,CAAA;YACD,QAAQ,CACJ,CACA,EACT;AACJ;;;;"}

package/dist/esm/miscellaneous/IdentityProviderButton.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.IdentityProviderButton_sr-only_NmMJU{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.IdentityProviderButton_hidden_NmMJU{display:none}.IdentityProviderButton_slide-in_NmMJU{animation:IdentityProviderButton_slide-in_NmMJU .5s forwards}@media (prefers-reduced-motion:reduce){.IdentityProviderButton_slide-in_NmMJU{animation-duration:.1ms}}.IdentityProviderButton_slide-out_NmMJU{animation:IdentityProviderButton_slide-out_NmMJU .5s forwards}@media (prefers-reduced-motion:reduce){.IdentityProviderButton_slide-out_NmMJU{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_NmMJU{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_NmMJU{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.IdentityProviderButton_idp-button_NmMJU{width:100%}.IdentityProviderButton_idp-button--with-icon_NmMJU{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:-.125rem;margin-top:-.125rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklkZW50aXR5UHJvdmlkZXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysc0NBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHFDQUNFLFlBQ0YsQ0FFQSx1Q0FDRSw0REFDRixDQUNBLHVDQUNFLHVDQUNFLHVCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esa0RBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5Q0FDRSxVQUNGLENBQ0Esb0RBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixTQUFXLENBRFgsc0JBQXVCLENBR3ZCLHNCQUF3QixDQUR4QixtQkFFRiIsImZpbGUiOiJJZGVudGl0eVByb3ZpZGVyQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaWRwLWJ1dHRvbiB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmlkcC1idXR0b24tLXdpdGgtaWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDAuNXJlbTtcbiAgbWFyZ2luLXRvcDogLTAuMTI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAtMC4xMjVyZW07XG59Il19 */";
-var classes = {"sr-only":"IdentityProviderButton_sr-only_NmMJU","hidden":"IdentityProviderButton_hidden_NmMJU","slide-in":"IdentityProviderButton_slide-in_NmMJU","slide-out":"IdentityProviderButton_slide-out_NmMJU","idp-button":"IdentityProviderButton_idp-button_NmMJU","idp-button--with-icon":"IdentityProviderButton_idp-button--with-icon_NmMJU"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.IdentityProviderButton_sr-only_mEPnS{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.IdentityProviderButton_hidden_mEPnS{display:none}.IdentityProviderButton_slide-in_mEPnS{animation:IdentityProviderButton_slide-in_mEPnS .5s forwards}@media (prefers-reduced-motion:reduce){.IdentityProviderButton_slide-in_mEPnS{animation-duration:.1ms}}.IdentityProviderButton_slide-out_mEPnS{animation:IdentityProviderButton_slide-out_mEPnS .5s forwards}@media (prefers-reduced-motion:reduce){.IdentityProviderButton_slide-out_mEPnS{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_mEPnS{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_mEPnS{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.IdentityProviderButton_idp-button_mEPnS{width:100%}.IdentityProviderButton_idp-button--with-icon_mEPnS{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:-.125rem;margin-top:-.125rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklkZW50aXR5UHJvdmlkZXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysc0NBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHFDQUNFLFlBQ0YsQ0FFQSx1Q0FDRSw0REFDRixDQUNBLHVDQUNFLHVDQUNFLHVCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esa0RBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5Q0FDRSxVQUNGLENBQ0Esb0RBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixTQUFXLENBRFgsc0JBQXVCLENBR3ZCLHNCQUF3QixDQUR4QixtQkFFRiIsImZpbGUiOiJJZGVudGl0eVByb3ZpZGVyQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaWRwLWJ1dHRvbiB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmlkcC1idXR0b24tLXdpdGgtaWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDAuNXJlbTtcbiAgbWFyZ2luLXRvcDogLTAuMTI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAtMC4xMjVyZW07XG59Il19 */";
+var classes = {"sr-only":"IdentityProviderButton_sr-only_mEPnS","hidden":"IdentityProviderButton_hidden_mEPnS","slide-in":"IdentityProviderButton_slide-in_mEPnS","slide-out":"IdentityProviderButton_slide-out_mEPnS","idp-button":"IdentityProviderButton_idp-button_mEPnS","idp-button--with-icon":"IdentityProviderButton_idp-button--with-icon_mEPnS"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/src/components/Layout/Card/Card.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes, ReactElement } from "react";
 export interface CardHeaderInfo {
 }
-export type CardStyle = "grey" | "white";
+export type CardStyle = "default" | "white";
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     title?: string;
     titleHeadingLevel?: number;

package/dist/esm/src/components/_BaseStyling_/BaseStyling.d.ts CHANGED Viewed

@@ -3,7 +3,8 @@
  * and make sure to add it to the shouldBeColorPicker array!
  */
 import React, { HTMLAttributes, ReactElement } from "react";
-export interface CSSProperties {
+import { ButtonColorProps } from "./buttonBaseStyling";
+export interface CSSProperties extends ButtonColorProps {
     colorFocus?: string;
     colorPrimary?: string;
     colorSuccess?: string;
@@ -58,36 +59,19 @@ export interface CSSProperties {
     buttonBorderWidth?: string;
     buttonFontSize?: string;
     buttonBorderStyle?: string;
-    buttonPrimaryDefaultColor?: string;
-    buttonPrimaryPressedColor?: string;
-    buttonFillTextColor?: string;
-    buttonPrimaryHoverColor?: string;
-    buttonPrimaryFocusedColor?: string;
+    /**@deprecated*/
     buttonOutlineHoverTextColor?: string;
-    buttonSuccessDefaultColor?: string;
-    buttonSuccessHoverColor?: string;
-    buttonSuccessFocusedColor?: string;
-    buttonSuccessPressedColor?: string;
-    buttonDangerDefaultColor?: string;
-    buttonDangerHoverColor?: string;
-    buttonDangerFocusedColor?: string;
-    buttonDangerPressedColor?: string;
-    buttonWarningDefaultColor?: string;
-    buttonWarningHoverColor?: string;
-    buttonWarningFocusedColor?: string;
-    buttonWarningPressedColor?: string;
-    buttonDefaultColor?: string;
-    buttonDefaultHoverColor?: string;
-    buttonDefaultFocusedColor?: string;
-    buttonDefaultPressedColor?: string;
-    buttonOutlineActiveTextColor?: string;
+    buttonFillTextColor?: string;
+    checkboxUncheckedColor?: string;
     checkboxUncheckedHoverColor?: string;
     checkboxUncheckedPressedColor?: string;
+    checkboxCheckedColor?: string;
     checkboxCheckedHoverColor?: string;
     checkboxCheckedPressedColor?: string;
     radioHoverBackgroundColor?: string;
     radioPressedBackgroundColor?: string;
     radioHoverColor?: string;
+    radioCheckedColor?: string;
     radioPressedColor?: string;
     defaultBorderRadius?: string;
     inputBorderRadius?: string;
@@ -100,7 +84,9 @@ export interface CSSProperties {
     inputHoverBackgroundColor?: string;
     inputDisabledBackgroundColor?: string;
     inputFontSize?: string;
+    iconFontBig?: string;
     dragBorderStyle?: string;
+    modalTitleColor?: string;
     modalShadowColor?: string;
     modalBackgroundColor?: string;
     modalBackdropColor?: string;
@@ -169,8 +155,20 @@ export interface CSSProperties {
     toggleBackgroundColor?: string;
     tooltipBackgroundColor?: string;
     contextMenuHoverColor?: string;
+    contextMenuActiveColor?: string;
     contextMenuPressedColor?: string;
     contextMenuFontSize?: string;
+    linkFontSize?: string;
+    linkPrimaryDefaultColor?: string;
+    linkPrimaryVisitedColor?: string;
+    linkSuccessDefaultColor?: string;
+    linkSuccessVisitedColor?: string;
+    linkDangerDefaultColor?: string;
+    linkDangerVisitedColor?: string;
+    linkWarningDefaultColor?: string;
+    linkWarningVisitedColor?: string;
+    leftNavItemActiveRibbonColor?: string;
+    leftNavItemActiveBackgroundColor?: string;
     default?: string;
     success?: string;
     error?: string;
@@ -184,21 +182,27 @@ export interface CSSProperties {
     fontFamilyCode?: string;
     fontSizeFormLabel?: string;
     fontSize?: string;
+    fontColorBody?: string;
     fontSizeH1?: string;
+    fontColorH1?: string;
     fontSizeH2?: string;
+    fontColorH2?: string;
     fontSizeH3?: string;
+    fontColorH3?: string;
     fontSizeH4?: string;
+    fontColorH4?: string;
     fontSizeSub?: string;
+    fontColorSub?: string;
+    fontSizeCode?: string;
+    fontColorCode?: string;
     fontSizeSmall?: string;
     fontSizeBig?: string;
-    fontSizeCode?: string;
     formControlFontSize?: string;
     fileUploadBorderWidth?: string;
     dragDropBorderStyle?: string;
     fontSizeDataGrid?: string;
     readOnlyBorderColor?: string;
     readOnlyTextColor?: string;
-    iconFontBig?: string;
 }
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     children?: ReactElement[] | ReactElement | string[] | string | number[] | number;

package/dist/esm/src/components/_BaseStyling_/buttonBaseStyling.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+type ButtonType = "primary" | "success" | "danger" | "warning" | "default";
+type ButtonVariant = "fill" | "outline" | "text";
+type ButtonState = "default" | "hover" | "focused" | "pressed";
+type CapitalizeString<T extends string> = T extends `${infer First}${infer Rest}` ? `${Uppercase<First>}${Rest}` : T;
+type Flattened<K extends string> = {
+    [Key in K]?: string;
+};
+type BaseButtonProps = Omit<Flattened<`button${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>, "buttonDefaultDefaultColor"> & {
+    buttonDefaultColor?: string;
+};
+type VariantButtonProps = Flattened<`button${CapitalizeString<ButtonVariant>}${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>;
+export type ButtonColorProps = BaseButtonProps & VariantButtonProps;
+export declare const defaultButtonColors: Required<ButtonColorProps>;
+export {};

package/dist/esm/src/components/admin/layout/LeftNav/LeftNav.d.ts CHANGED Viewed

@@ -8,5 +8,6 @@ export interface Props extends ComponentPropsWithRef<"nav"> {
     navigate: (path: string) => void;
     onItemClick?: (path?: string, button?: boolean) => void;
     marginTop?: string;
+    internalLinkPrefix?: string;
 }
 export declare const LeftNav: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts CHANGED Viewed

@@ -9,5 +9,6 @@ export interface Props extends HTMLProps<HTMLElement> {
     refItems: UseRefItemsReturnType;
     NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;
     closeParentList?: () => void;
+    internalLinkPrefix?: string;
 }
 export declare const ButtonLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts CHANGED Viewed

@@ -7,4 +7,5 @@ export interface LeftNavItemProps extends HTMLProps<HTMLElement> {
     onItemClick?: (path?: string, button?: boolean) => void;
     refItems: UseRefItemsReturnType;
     closeParentList?: () => void;
+    internalLinkPrefix?: string;
 }

package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts CHANGED Viewed

@@ -7,5 +7,6 @@ export interface Props extends HTMLProps<HTMLElement> {
     onItemClick?: (path?: string, button?: boolean) => void;
     refItems: UseRefItemsReturnType;
     closeParentList?: () => void;
+    internalLinkPrefix?: string;
 }
 export declare const LinkLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.d.ts CHANGED Viewed

@@ -5,8 +5,9 @@ interface Props {
     item: MenuItem;
     refItems: UseRefItemsReturnType;
     closeParentList?: () => void;
+    onExpandIconClickHandler?: () => void;
 }
-export declare const useKeyboardNavigation: ({ refItems, item, closeParentList }: Props) => {
+export declare const useKeyboardNavigation: ({ refItems, item, closeParentList, onExpandIconClickHandler }: Props) => {
     onKeyPressNavigation: (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
 };
 export {};

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

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.readyclasses_sr-only_NmMJU{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_NmMJU{display:none}.readyclasses_slide-in_NmMJU{animation:readyclasses_slide-in_NmMJU .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_NmMJU{animation-duration:.1ms}}.readyclasses_slide-out_NmMJU{animation:readyclasses_slide-out_NmMJU .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_NmMJU{animation-duration:.1ms}}@keyframes readyclasses_slide-in_NmMJU{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_NmMJU{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */";
-var readyclasses = {"sr-only":"readyclasses_sr-only_NmMJU","hidden":"readyclasses_hidden_NmMJU","slide-in":"readyclasses_slide-in_NmMJU","slide-out":"readyclasses_slide-out_NmMJU"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.readyclasses_sr-only_mEPnS{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_mEPnS{display:none}.readyclasses_slide-in_mEPnS{animation:readyclasses_slide-in_mEPnS .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_mEPnS{animation-duration:.1ms}}.readyclasses_slide-out_mEPnS{animation:readyclasses_slide-out_mEPnS .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_mEPnS{animation-duration:.1ms}}@keyframes readyclasses_slide-in_mEPnS{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_mEPnS{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */";
+var readyclasses = {"sr-only":"readyclasses_sr-only_mEPnS","hidden":"readyclasses_hidden_mEPnS","slide-in":"readyclasses_slide-in_mEPnS","slide-out":"readyclasses_slide-out_mEPnS"};
 styleInject(css_248z);
 export { readyclasses as default };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "homepage": "http://onewelcome.github.io/react-lib-components",
   "name": "@onewelcome/react-lib-components",
-  "version": "9.3.0",
+  "version": "9.5.0",
   "license": "Apache-2.0",
   "author": "OneWelcome B.V.",
   "main": "dist/cjs/src/index.cjs.js",

package/src/components/Button/Button.module.scss CHANGED Viewed

@@ -15,7 +15,7 @@
  */
 @use "../../mixins.module.scss";
-@use "src/functions" as *;
+@use "../../functions" as *;
 .fill {
   @include mixins.button("fill");

package/src/components/ContextMenu/ContextMenuItem.module.scss CHANGED Viewed

@@ -56,7 +56,7 @@
     }
     &.active {
-      color: var(--color-primary);
+      color: var(--context-menu-active-color);
       &::before {
         content: "";
@@ -66,7 +66,7 @@
         height: 100%;
         border-top-right-radius: 0.125rem;
         border-bottom-right-radius: 0.125rem;
-        border-left: 0.25rem solid var(--color-primary);
+        border-left: 0.25rem solid var(--context-menu-active-color);
       }
     }
   }

package/src/components/DatePicker/DatePicker.module.scss CHANGED Viewed

@@ -69,7 +69,7 @@
 .rdp-root {
   position: relative;
   box-sizing: border-box;
-  @include mixins.fontProperties(var(--font-family), var(--font-size-sub), 400, var(--font-size));
+  @include mixins.fontProperties($fontSize: var(--font-size-sub), $lineHeight: var(--font-size));
 }
 .rdp-root * {

package/src/components/Form/Checkbox/Checkbox.module.scss CHANGED Viewed

@@ -58,7 +58,7 @@
   z-index: 2;
   &:checked:not(.disabled) + * {
-    color: var(--color-primary);
+    color: var(--checkbox-checked-color);
   }
   &:focus-visible {
@@ -115,6 +115,8 @@
   width: var(--font-size-big);
   height: var(--font-size-big);
   z-index: 1;
+  color: var(--checkbox-unchecked-color);
 }
 .disabled {
@@ -140,7 +142,7 @@
 }
 .indeterminate {
-  color: var(--color-primary);
+  color: var(--checkbox-checked-color);
 }
 [data-readonlyview="true"] .checkbox-wrapper {

package/src/components/Form/Radio/Radio.module.scss CHANGED Viewed

@@ -81,7 +81,7 @@
   }
   &:checked + * {
-    color: var(--color-primary);
+    color: var(--radio-checked-color);
   }
   &:checked + *.disabled {
@@ -135,6 +135,7 @@
   height: var(--font-size-big);
   z-index: 1;
   border-radius: 100%;
+  color: var(--color-blue-grey500);
   &:active {
     border-radius: 100%;

package/src/components/Form/Select/MultiSelect/MultiSelect.module.scss CHANGED Viewed

@@ -55,7 +55,7 @@ $listItemHeight: 2.5rem;
   &:hover:not(.disabled):not(.expanded):not(.error) {
     .custom-select:not(:focus) {
-      border-color: var(--default);
+      border-color: var(--input-border-color);
       border-width: var(--input-border-width);
       background-color: var(--color-blue-grey25);
     }

package/src/components/Form/Select/SingleSelect/Select.module.scss CHANGED Viewed

@@ -55,7 +55,7 @@ $listItemHeight: 2.5rem;
   &:hover:not(.disabled):not(.expanded):not(.error) {
     button:not(:focus) {
-      border-color: var(--default);
+      border-color: var(--input-border-color);
       border-width: var(--input-border-width);
       background-color: var(--color-blue-grey25);
     }
@@ -72,7 +72,7 @@ $listItemHeight: 2.5rem;
           )
       );
     background-color: transparent;
-    border-color: var(--color-blue-grey500);
+    border-color: var(--input-border-color);
     border-style: var(--input-border-style);
     border-width: var(--input-border-width);
     border-radius: var(--input-border-radius);

package/src/components/Layout/Card/Card.module.scss CHANGED Viewed

@@ -44,14 +44,14 @@
   }
 }
-.content {
+.body {
   padding: relativeToBaseFontSize(1) relativeToBaseFontSize(1.5);
-  &.grey {
+  &.default-body-style {
     background-color: var(--color-blue-grey50);
   }
-  &.white {
+  &.white-body-style {
     background-color: var(--color-white);
     border: 1px solid var(--color-blue-grey100);