@onewelcome/react-lib-components 8.9.0 → 8.10.0

package/dist/esm/Typography/Typography.esm.js

@@ -55,7 +55,7 @@ const TypographyComponent = ({ children, variant, tag, style, spacing, align, cl
                 break;
         }
     }
-    let TagName = tag;
+    const TagName = tag;
     return (React.createElement(TagName, { ...rest, ref: ref, style: { ...styleWithSpacing, textAlign: align }, className: `${classes["typography_style_" + variant]} ${className}` }, children));
 };
 const Typography = React.forwardRef(TypographyComponent);

package/dist/esm/Typography/Typography.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.esm.js","sources":["../../../../../src/components/Typography/Typography.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, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<any, Omit<Props, \"ref\">> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest },\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  let TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMU,MAAA,aAAa,GAAG;IAC3B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,WAAW;IACX,UAAU;IACV,MAAM;EACG;AA8BX,MAAM,mBAAmB,GAAsD,CAC7E,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAC1E,GAAG,KACD;IACF,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACpC,MAAM,IAAI,KAAK,CACb,CAAA,qDAAA,EAAwD,aAAa,CAAkB,eAAA,EAAA,OAAO,CAAE,CAAA,CACjG,CAAC;KACH;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEpD,IAAI,CAAC,GAAG,EAAE;QACR,QAAQ,OAAO;AACb,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,MAAM;gBACT,GAAG,GAAG,OAAO,CAAC;gBACd,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,GAAG,GAAG,GAAG,CAAC;gBACV,MAAM;AACR,YAAA,KAAK,WAAW;gBACd,GAAG,GAAG,GAAG,CAAC;gBACV,MAAM;AACR,YAAA,KAAK,UAAU;gBACb,GAAG,GAAG,MAAM,CAAC;gBACb,MAAM;AACR,YAAA;gBACE,GAAG,GAAG,KAAK,CAAC;gBACZ,MAAM;SACT;KACF;IAED,IAAI,OAAO,GAAG,GAAG,CAAC;AAElB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EACF,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAChD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,mBAAmB,GAAG,OAAO,CAAC,IAAI,SAAS,CAAA,CAAE,IAElE,QAAQ,CACD,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"Typography.esm.js","sources":["../../../../../src/components/Typography/Typography.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, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<unknown, Omit<Props, \"ref\">> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest },\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  const TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMU,MAAA,aAAa,GAAG;IAC3B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,WAAW;IACX,UAAU;IACV,MAAM;EACG;AA+BX,MAAM,mBAAmB,GAA0D,CACjF,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAC1E,GAAG,KACD;IACF,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACpC,MAAM,IAAI,KAAK,CACb,CAAA,qDAAA,EAAwD,aAAa,CAAkB,eAAA,EAAA,OAAO,CAAE,CAAA,CACjG,CAAC;KACH;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEpD,IAAI,CAAC,GAAG,EAAE;QACR,QAAQ,OAAO;AACb,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,MAAM;gBACT,GAAG,GAAG,OAAO,CAAC;gBACd,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,GAAG,GAAG,GAAG,CAAC;gBACV,MAAM;AACR,YAAA,KAAK,WAAW;gBACd,GAAG,GAAG,GAAG,CAAC;gBACV,MAAM;AACR,YAAA,KAAK,UAAU;gBACb,GAAG,GAAG,MAAM,CAAC;gBACb,MAAM;AACR,YAAA;gBACE,GAAG,GAAG,KAAK,CAAC;gBACZ,MAAM;SACT;KACF;IAED,MAAM,OAAO,GAAG,GAAG,CAAC;AAEpB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EACF,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAChD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,mBAAmB,GAAG,OAAO,CAAC,IAAI,SAAS,CAAA,CAAE,IAElE,QAAQ,CACD,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}

package/dist/esm/Typography/Typography.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Typography_sr-only_POUbO{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Typography_hidden_POUbO{display:none}.Typography_slide-in_POUbO{animation:Typography_slide-in_POUbO .5s forwards}@media (prefers-reduced-motion:reduce){.Typography_slide-in_POUbO{animation-duration:.1ms}}.Typography_slide-out_POUbO{animation:Typography_slide-out_POUbO .5s forwards}@media (prefers-reduced-motion:reduce){.Typography_slide-out_POUbO{animation-duration:.1ms}}@keyframes Typography_slide-in_POUbO{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_POUbO{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Typography_typography_style_h1_POUbO{font-size:var(--font-size-h1);line-height:1.2}.Typography_typography_style_h1_POUbO,.Typography_typography_style_h2_POUbO{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_typography_style_h2_POUbO{font-size:var(--font-size-h2);line-height:1.42857}.Typography_typography_style_h3_POUbO{font-size:var(--font-size-h3);line-height:1.16666}.Typography_typography_style_h3_POUbO,.Typography_typography_style_h4_POUbO{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:500;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_typography_style_h4_POUbO{font-size:var(--font-size-h4);line-height:1.2}.Typography_typography_style_body_POUbO{font-weight:400}.Typography_typography_style_body-bold_POUbO,.Typography_typography_style_body_POUbO{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;letter-spacing:0;line-height:var(--default-line-height);margin:0 0 1rem;text-transform:none}.Typography_typography_style_body-bold_POUbO{font-weight:700}.Typography_typography_style_sub-text_POUbO{font-family:var(--font-family);font-size:var(--font-size-sub);line-height:1rem}.Typography_typography_style_code_POUbO,.Typography_typography_style_sub-text_POUbO{color:var(--default);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_typography_style_code_POUbO{font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:1.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHlCQUNFLFlBQ0YsQ0FFQSwyQkFDRSxnREFDRixDQUNBLHVDQUNFLDJCQUNFLHVCQUNGLENBQ0YsQ0FFQSw0QkFDRSxpREFDRixDQUNBLHVDQUNFLDRCQUNFLHVCQUNGLENBQ0YsQ0FFQSxxQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHNDQUVFLDZCQUE4QixDQUc5QixlQU1GLENBQ0EsNEVBSEUsb0JBQXFCLENBUnJCLDhCQUErQixDQUUvQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSxzQ0FFRSw2QkFBOEIsQ0FHOUIsbUJBTUYsQ0FDQSxzQ0FFRSw2QkFBOEIsQ0FHOUIsbUJBTUYsQ0FDQSw0RUFIRSxvQkFBcUIsQ0FSckIsOEJBQStCLENBRS9CLGlCQUFrQixDQUNsQixtQkFBb0IsQ0FFcEIsZUFBZ0IsQ0FFaEIsZ0JBQWlCLENBRWpCLGVBQWtCLENBSGxCLG1CQWdCRixDQVhBLHNDQUVFLDZCQUE4QixDQUc5QixlQU1GLENBQ0Esd0NBTUUsZUFLRixDQUNBLHFGQUhFLG9CQUFxQixDQVJyQiw4QkFBK0IsQ0FDL0IsMEJBQTJCLENBQzNCLGlCQUFrQixDQUNsQixtQkFBb0IsQ0FJcEIsZ0JBQWlCLENBSGpCLHNDQUF1QyxDQUt2QyxlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSw2Q0FNRSxlQUtGLENBQ0EsNENBQ0UsOEJBQStCLENBQy9CLDhCQUErQixDQUcvQixnQkFNRixDQUNBLG9GQUhFLG9CQUFxQixDQU5yQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSx3Q0FDRSxtQ0FBb0MsQ0FDcEMsK0JBQWdDLENBR2hDLGVBTUYiLCJmaWxlIjoiVHlwb2dyYXBoeS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2gxIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtaDEpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMS4yO1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfaDIge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMik7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjQyODU3O1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfaDMge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMyk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjE2NjY2O1xuICBmb250LXdlaWdodDogNTAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfaDQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oNCk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9ib2R5IHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9ib2R5LWJvbGQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX3N1Yi10ZXh0IHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtc3ViKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9jb2RlIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5LWNvZGUpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1jb2RlKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn0iXX0= */";
-var classes = {"sr-only":"Typography_sr-only_POUbO","hidden":"Typography_hidden_POUbO","slide-in":"Typography_slide-in_POUbO","slide-out":"Typography_slide-out_POUbO","typography_style_h1":"Typography_typography_style_h1_POUbO","typography_style_h2":"Typography_typography_style_h2_POUbO","typography_style_h3":"Typography_typography_style_h3_POUbO","typography_style_h4":"Typography_typography_style_h4_POUbO","typography_style_body":"Typography_typography_style_body_POUbO","typography_style_body-bold":"Typography_typography_style_body-bold_POUbO","typography_style_sub-text":"Typography_typography_style_sub-text_POUbO","typography_style_code":"Typography_typography_style_code_POUbO"};
+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 */.Typography_sr-only_jzOEv{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Typography_hidden_jzOEv{display:none}.Typography_slide-in_jzOEv{animation:Typography_slide-in_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.Typography_slide-in_jzOEv{animation-duration:.1ms}}.Typography_slide-out_jzOEv{animation:Typography_slide-out_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.Typography_slide-out_jzOEv{animation-duration:.1ms}}@keyframes Typography_slide-in_jzOEv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_jzOEv{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Typography_typography_style_h1_jzOEv{font-size:var(--font-size-h1);line-height:1.2}.Typography_typography_style_h1_jzOEv,.Typography_typography_style_h2_jzOEv{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_typography_style_h2_jzOEv{font-size:var(--font-size-h2);line-height:1.42857}.Typography_typography_style_h3_jzOEv{font-size:var(--font-size-h3);line-height:1.16666}.Typography_typography_style_h3_jzOEv,.Typography_typography_style_h4_jzOEv{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:500;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_typography_style_h4_jzOEv{font-size:var(--font-size-h4);line-height:1.2}.Typography_typography_style_body_jzOEv{font-weight:400}.Typography_typography_style_body-bold_jzOEv,.Typography_typography_style_body_jzOEv{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;letter-spacing:0;line-height:var(--default-line-height);margin:0 0 1rem;text-transform:none}.Typography_typography_style_body-bold_jzOEv{font-weight:700}.Typography_typography_style_sub-text_jzOEv{font-family:var(--font-family);font-size:var(--font-size-sub);line-height:var(--font-size)}.Typography_typography_style_code_jzOEv,.Typography_typography_style_sub-text_jzOEv{color:var(--default);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_typography_style_code_jzOEv{font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:1.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHlCQUNFLFlBQ0YsQ0FFQSwyQkFDRSxnREFDRixDQUNBLHVDQUNFLDJCQUNFLHVCQUNGLENBQ0YsQ0FFQSw0QkFDRSxpREFDRixDQUNBLHVDQUNFLDRCQUNFLHVCQUNGLENBQ0YsQ0FFQSxxQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHNDQUVFLDZCQUE4QixDQUc5QixlQU1GLENBQ0EsNEVBSEUsb0JBQXFCLENBUnJCLDhCQUErQixDQUUvQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSxzQ0FFRSw2QkFBOEIsQ0FHOUIsbUJBTUYsQ0FDQSxzQ0FFRSw2QkFBOEIsQ0FHOUIsbUJBTUYsQ0FDQSw0RUFIRSxvQkFBcUIsQ0FSckIsOEJBQStCLENBRS9CLGlCQUFrQixDQUNsQixtQkFBb0IsQ0FFcEIsZUFBZ0IsQ0FFaEIsZ0JBQWlCLENBRWpCLGVBQWtCLENBSGxCLG1CQWdCRixDQVhBLHNDQUVFLDZCQUE4QixDQUc5QixlQU1GLENBQ0Esd0NBTUUsZUFLRixDQUNBLHFGQUhFLG9CQUFxQixDQVJyQiw4QkFBK0IsQ0FDL0IsMEJBQTJCLENBQzNCLGlCQUFrQixDQUNsQixtQkFBb0IsQ0FJcEIsZ0JBQWlCLENBSGpCLHNDQUF1QyxDQUt2QyxlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSw2Q0FNRSxlQUtGLENBQ0EsNENBQ0UsOEJBQStCLENBQy9CLDhCQUErQixDQUcvQiw0QkFNRixDQUNBLG9GQUhFLG9CQUFxQixDQU5yQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSx3Q0FDRSxtQ0FBb0MsQ0FDcEMsK0JBQWdDLENBR2hDLGVBTUYiLCJmaWxlIjoiVHlwb2dyYXBoeS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2gxIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtaDEpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMS4yO1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfaDIge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMik7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjQyODU3O1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfaDMge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMyk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjE2NjY2O1xuICBmb250LXdlaWdodDogNTAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfaDQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oNCk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9ib2R5IHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9ib2R5LWJvbGQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX3N1Yi10ZXh0IHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtc3ViKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWZvbnQtc2l6ZSk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9jb2RlIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5LWNvZGUpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1jb2RlKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn0iXX0= */";
+var classes = {"sr-only":"Typography_sr-only_jzOEv","hidden":"Typography_hidden_jzOEv","slide-in":"Typography_slide-in_jzOEv","slide-out":"Typography_slide-out_jzOEv","typography_style_h1":"Typography_typography_style_h1_jzOEv","typography_style_h2":"Typography_typography_style_h2_jzOEv","typography_style_h3":"Typography_typography_style_h3_jzOEv","typography_style_h4":"Typography_typography_style_h4_jzOEv","typography_style_body":"Typography_typography_style_body_jzOEv","typography_style_body-bold":"Typography_typography_style_body-bold_jzOEv","typography_style_sub-text":"Typography_typography_style_sub-text_jzOEv","typography_style_code":"Typography_typography_style_code_jzOEv"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -64,7 +64,7 @@ const BaseStyling = ({ children, properties = {} }) => {
         colorDanger: "var(--color-red500)",
         defaultPressedColor: "var(--color-blue-grey100)",
         defaultHoverColor: "var(--color-blue-grey25)",
-        defaultLineHeight: "1.5", //FIXME: UCL-395
+        defaultLineHeight: "1.5",
         dataGridLineHeight: "1.25",
         defaultBorderRadius: "0.25rem",
         focusBorderRadius: "0.125rem",
@@ -113,14 +113,17 @@ const BaseStyling = ({ children, properties = {} }) => {
         inputHelperTextColor: "var(--color-blue-grey500)",
         inputHoverBackgroundColor: "var(--default-hover-color)",
         inputDisabledBackgroundColor: "var(--input-hover-background-color)",
+        inputFontSize: "0.875rem",
         dragBorderStyle: "solid",
         modalShadowColor: "rgba(0, 0, 0, 0.16)",
         modalBackgroundColor: "var(--light)",
         modalBackdropColor: "var(--default)",
+        modalContentFontSize: "0.875rem",
         sideSheetShadowColorOne: "#01053214",
         sideSheetShadowColorTwo: "#0105320a",
         skeletonBackgroundColor: "var(--disabled)",
         skeletonAnimationColorRgb: "255, 255, 255",
+        alertFontSize: "0.875rem",
         alertTextColor: "var(--default)",
         alertTextInvertedColor: "var(--light)",
         alertNeutralBackgroundColor: "var(--color-blue-grey50)",
@@ -181,6 +184,7 @@ const BaseStyling = ({ children, properties = {} }) => {
         tooltipBackgroundColor: "var(--default)",
         contextMenuHoverColor: "var(--default-hover-color)",
         contextMenuPressedColor: "var(--default-pressed-color)",
+        contextMenuFontSize: "0.875rem",
         default: "var(--color-blue-grey900)",
         success: "var(--color-green500)",
         error: "var(--color-red500)",
@@ -192,18 +196,21 @@ const BaseStyling = ({ children, properties = {} }) => {
         light: "var(--color-white)",
         fontFamily: "Roboto, sans-serif",
         fontFamilyCode: "'Roboto Mono', monospace",
-        fontSizeFormLabel: "0.875rem", //FIXME: UCL-395
-        fontSize: "1rem", //FIXME: UCL-395
+        fontSizeFormLabel: "0.875rem",
+        fontSize: "1rem",
         fontSizeH1: "2.5rem",
         fontSizeH2: "1.625rem",
         fontSizeH3: "1.5rem",
         fontSizeH4: "1.25rem",
-        fontSizeSub: ".75rem",
+        fontSizeSub: "0.75rem",
+        fontSizeSmall: "0.625rem",
+        fontSizeBig: "1.25rem",
         fontSizeCode: "1rem",
         readOnlyBorderColor: "var(--color-blue-grey100)",
         readOnlyTextColor: "var(--color-blue-grey900)",
-        formControlFontSize: "0.875rem", //FIXME: UCL-395
-        fontSizeDataGrid: "0.875rem" //FIXME: UCL-395
+        formControlFontSize: "0.875rem",
+        fontSizeDataGrid: "0.875rem",
+        iconFontBig: "1.125rem"
     };
     /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */
     const [isLoading, setIsLoading] = useState(true);

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

@@ -1 +1 @@
-{"version":3,"file":"BaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimary50?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack50?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  sideSheetShadowColorOne?: string;\n  sideSheetShadowColorTwo?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n  readOnlyBorderColor?: string;\n  readOnlyTextColor?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary50: \"#E6E7F4\",\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack50: \"rgba(0, 0, 0, 0.5)\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    sideSheetShadowColorOne: \"#01053214\",\n    sideSheetShadowColorTwo: \"#0105320a\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    readOnlyBorderColor: \"var(--color-blue-grey100)\",\n    readOnlyTextColor: \"var(--color-blue-grey900)\",\n    formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n    fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAEH;;;AAGG;AAyMI,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,EAAE,EAAS,KAAI;AAClE,IAAA,MAAM,iBAAiB,GAAkB;AACvC,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,YAAY,EAAE,oBAAoB;AAClC,QAAA,YAAY,EAAE,oBAAoB;AAClC,QAAA,YAAY,EAAE,oBAAoB;AAClC,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,yBAAyB;AACrC,QAAA,YAAY,EAAE,yBAAyB;AACvC,QAAA,YAAY,EAAE,uBAAuB;AACrC,QAAA,YAAY,EAAE,wBAAwB;AACtC,QAAA,WAAW,EAAE,qBAAqB;AAClC,QAAA,mBAAmB,EAAE,2BAA2B;AAChD,QAAA,iBAAiB,EAAE,0BAA0B;QAC7C,iBAAiB,EAAE,KAAK;AACxB,QAAA,kBAAkB,EAAE,MAAM;AAC1B,QAAA,mBAAmB,EAAE,SAAS;AAC9B,QAAA,iBAAiB,EAAE,UAAU;AAC7B,QAAA,kBAAkB,EAAE,UAAU;AAC9B,QAAA,iBAAiB,EAAE,KAAK;AACxB,QAAA,cAAc,EAAE,UAAU;AAC1B,QAAA,iBAAiB,EAAE,OAAO;AAC1B,QAAA,mBAAmB,EAAE,cAAc;AACnC,QAAA,yBAAyB,EAAE,yBAAyB;AACpD,QAAA,uBAAuB,EAAE,yBAAyB;AAClD,QAAA,yBAAyB,EAAE,yBAAyB;AACpD,QAAA,yBAAyB,EAAE,yBAAyB;AACpD,QAAA,yBAAyB,EAAE,uBAAuB;AAClD,QAAA,uBAAuB,EAAE,uBAAuB;AAChD,QAAA,yBAAyB,EAAE,uBAAuB;AAClD,QAAA,yBAAyB,EAAE,uBAAuB;AAClD,QAAA,wBAAwB,EAAE,qBAAqB;AAC/C,QAAA,sBAAsB,EAAE,qBAAqB;AAC7C,QAAA,wBAAwB,EAAE,qBAAqB;AAC/C,QAAA,wBAAwB,EAAE,qBAAqB;AAC/C,QAAA,yBAAyB,EAAE,wBAAwB;AACnD,QAAA,uBAAuB,EAAE,wBAAwB;AACjD,QAAA,yBAAyB,EAAE,wBAAwB;AACnD,QAAA,yBAAyB,EAAE,wBAAwB;AACnD,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,uBAAuB,EAAE,2BAA2B;AACpD,QAAA,yBAAyB,EAAE,2BAA2B;AACtD,QAAA,yBAAyB,EAAE,2BAA2B;AACtD,QAAA,2BAA2B,EAAE,yBAAyB;AACtD,QAAA,2BAA2B,EAAE,0BAA0B;AACvD,QAAA,6BAA6B,EAAE,8BAA8B;AAC7D,QAAA,yBAAyB,EAAE,yBAAyB;AACpD,QAAA,2BAA2B,EAAE,yBAAyB;AACtD,QAAA,yBAAyB,EAAE,0BAA0B;AACrD,QAAA,2BAA2B,EAAE,8BAA8B;AAC3D,QAAA,eAAe,EAAE,yBAAyB;AAC1C,QAAA,iBAAiB,EAAE,yBAAyB;AAC5C,QAAA,iBAAiB,EAAE,KAAK;AACxB,QAAA,gBAAgB,EAAE,KAAK;AACvB,QAAA,qBAAqB,EAAE,KAAK;AAC5B,QAAA,gBAAgB,EAAE,OAAO;AACzB,QAAA,qBAAqB,EAAE,KAAK;AAC5B,QAAA,mBAAmB,EAAE,QAAQ;AAC7B,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,oBAAoB,EAAE,cAAc;AACpC,QAAA,oBAAoB,EAAE,2BAA2B;AACjD,QAAA,yBAAyB,EAAE,4BAA4B;AACvD,QAAA,4BAA4B,EAAE,qCAAqC;AACnE,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,gBAAgB,EAAE,qBAAqB;AACvC,QAAA,oBAAoB,EAAE,cAAc;AACpC,QAAA,kBAAkB,EAAE,gBAAgB;AACpC,QAAA,uBAAuB,EAAE,WAAW;AACpC,QAAA,uBAAuB,EAAE,WAAW;AACpC,QAAA,uBAAuB,EAAE,iBAAiB;AAC1C,QAAA,yBAAyB,EAAE,eAAe;AAE1C,QAAA,cAAc,EAAE,gBAAgB;AAChC,QAAA,sBAAsB,EAAE,cAAc;AAEtC,QAAA,2BAA2B,EAAE,0BAA0B;AACvD,QAAA,yBAAyB,EAAE,2BAA2B;AAEtD,QAAA,wBAAwB,EAAE,yBAAyB;AACnD,QAAA,sBAAsB,EAAE,yBAAyB;AAEjD,QAAA,2BAA2B,EAAE,uBAAuB;AACpD,QAAA,yBAAyB,EAAE,uBAAuB;AAElD,QAAA,yBAAyB,EAAE,qBAAqB;AAChD,QAAA,uBAAuB,EAAE,qBAAqB;AAE9C,QAAA,2BAA2B,EAAE,wBAAwB;AACrD,QAAA,yBAAyB,EAAE,wBAAwB;AAEnD,QAAA,gBAAgB,EAAE,KAAK;AACvB,QAAA,iBAAiB,EAAE,KAAK;AAExB,QAAA,mBAAmB,EAAE,2BAA2B;AAChD,QAAA,wBAAwB,EAAE,2BAA2B;AACrD,QAAA,yBAAyB,EAAE,2BAA2B;AACtD,QAAA,2BAA2B,EAAE,2BAA2B;AACxD,QAAA,mBAAmB,EAAE,yBAAyB;AAC9C,QAAA,wBAAwB,EAAE,yBAAyB;AACnD,QAAA,yBAAyB,EAAE,yBAAyB;AACpD,QAAA,2BAA2B,EAAE,yBAAyB;AACtD,QAAA,gBAAgB,EAAE,uBAAuB;AACzC,QAAA,qBAAqB,EAAE,uBAAuB;AAC9C,QAAA,sBAAsB,EAAE,uBAAuB;AAC/C,QAAA,wBAAwB,EAAE,uBAAuB;AACjD,QAAA,iBAAiB,EAAE,qBAAqB;AACxC,QAAA,sBAAsB,EAAE,qBAAqB;AAC7C,QAAA,uBAAuB,EAAE,qBAAqB;AAC9C,QAAA,yBAAyB,EAAE,qBAAqB;AAChD,QAAA,uBAAuB,EAAE,oBAAoB;AAC7C,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,oBAAoB,EAAE,2BAA2B;AACjD,QAAA,wBAAwB,EAAE,2BAA2B;AACrD,QAAA,4BAA4B,EAAE,2BAA2B;AACzD,QAAA,iBAAiB,EAAE,2BAA2B;AAC9C,QAAA,mBAAmB,EAAE,2BAA2B;AAChD,QAAA,wBAAwB,EAAE,qBAAqB;AAC/C,QAAA,yBAAyB,EAAE,2BAA2B;AACtD,QAAA,2BAA2B,EAAE,2BAA2B;AACxD,QAAA,gCAAgC,EAAE,qBAAqB;AACvD,QAAA,kBAAkB,EAAE,KAAK;AACzB,QAAA,iBAAiB,EAAE,WAAW;AAC9B,QAAA,0BAA0B,EAAE,aAAa;AACzC,QAAA,+BAA+B,EAAE,4BAA4B;AAC7D,QAAA,0BAA0B,EAAE,iBAAiB;AAC7C,QAAA,mBAAmB,EAAE,cAAc;AACnC,QAAA,qBAAqB,EAAE,SAAS;AAChC,QAAA,oBAAoB,EAAE,sBAAsB;AAC5C,QAAA,kBAAkB,EAAE,sBAAsB;AAC1C,QAAA,kBAAkB,EAAE,WAAW;AAC/B,QAAA,kBAAkB,EAAE,OAAO;AAC3B,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,YAAY,EAAE,2BAA2B;AACzC,QAAA,aAAa,EAAE,4BAA4B;AAC3C,QAAA,eAAe,EAAE,8BAA8B;AAC/C,QAAA,qBAAqB,EAAE,2BAA2B;AAClD,QAAA,sBAAsB,EAAE,gBAAgB;AACxC,QAAA,qBAAqB,EAAE,4BAA4B;AACnD,QAAA,uBAAuB,EAAE,8BAA8B;AACvD,QAAA,OAAO,EAAE,2BAA2B;AACpC,QAAA,OAAO,EAAE,uBAAuB;AAChC,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,IAAI,EAAE,yBAAyB;AAC/B,QAAA,QAAQ,EAAE,2BAA2B;AACrC,QAAA,SAAS,EAAE,2BAA2B;AACtC,QAAA,eAAe,EAAE,2BAA2B;AAC5C,QAAA,OAAO,EAAE,wBAAwB;AACjC,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,UAAU,EAAE,oBAAoB;AAChC,QAAA,cAAc,EAAE,0BAA0B;QAC1C,iBAAiB,EAAE,UAAU;QAC7B,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,WAAW,EAAE,QAAQ;AACrB,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,mBAAmB,EAAE,2BAA2B;AAChD,QAAA,iBAAiB,EAAE,2BAA2B;QAC9C,mBAAmB,EAAE,UAAU;QAC/B,gBAAgB,EAAE,UAAU;KAC7B,CAAC;;IAGF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjD,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAExC,IAAA,MAAM,gBAAgB,GAAG,CAAC,mBAAkC,KAAI;AAC9D,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE;AAC9D,YAAA,MAAM,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,IAAI,IAAI,GAAG,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC,CAAC;AACrF,YAAA,kBAAkB,CAAC,OAAwB,CAAC,KAAK,CAAC,WAAW,CAC5D,CAAA,EAAA,EAAK,qBAAqB,CAAA,CAAE,EAC5B,KAAK,CACN,CAAC;SACH;AACH,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,kBAAkB,CAAC,OAAO,EAAE;YACtE,MAAM,WAAW,GAAG,EAAE,GAAG,iBAAiB,EAAE,GAAG,UAAU,EAAE,CAAC;YAC5D,gBAAgB,CAAC,WAAW,CAAC,CAAC;SAC/B;AAAM,aAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;YACrC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;SACrC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAE7C,QACE,6BAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,kBAAkB,EACzD,EAAA,CAAC,SAAS,GAAG,QAAQ,GAAG,IAAI,CACzB,EACN;AACJ;;;;"}
+{"version":3,"file":"BaseStyling.esm.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\nexport interface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimary50?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack50?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  inputFontSize?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  modalContentFontSize?: string;\n  sideSheetShadowColorOne?: string;\n  sideSheetShadowColorTwo?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertFontSize?: string;\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  contextMenuFontSize?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeSmall?: string;\n  fontSizeBig?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n  readOnlyBorderColor?: string;\n  readOnlyTextColor?: string;\n  iconFontBig?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary50: \"#E6E7F4\",\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack50: \"rgba(0, 0, 0, 0.5)\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\",\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    inputFontSize: \"0.875rem\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    modalContentFontSize: \"0.875rem\",\n    sideSheetShadowColorOne: \"#01053214\",\n    sideSheetShadowColorTwo: \"#0105320a\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertFontSize: \"0.875rem\",\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    contextMenuFontSize: \"0.875rem\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\",\n    fontSize: \"1rem\",\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \"0.75rem\",\n    fontSizeSmall: \"0.625rem\",\n    fontSizeBig: \"1.25rem\",\n    fontSizeCode: \"1rem\",\n    readOnlyBorderColor: \"var(--color-blue-grey100)\",\n    readOnlyTextColor: \"var(--color-blue-grey900)\",\n    formControlFontSize: \"0.875rem\",\n    fontSizeDataGrid: \"0.875rem\",\n    iconFontBig: \"1.125rem\"\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import classes from './IdentityProviderButton.module.scss.esm.js';
+import { Button } from '../Button/Button.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const IdentityProviderButton = ({ children, iconUrl, imgAltText, idpType, customization, loading, ...rest }) => {
+    const DEFAULT_BACKGROUND_COLOR = "#FFFFFF";
+    const DEFAULT_BORDER_COLOR = "#000000";
+    const DEFAULT_TEXT_COLOR = "#000000";
+    const DEFAULT_FOCUS_OUTLINE_COLOR = "var(--color-black50)";
+    const DEFAULT_HOVER_COLOR = "var(--color-black10)";
+    const DEFAULT_PRESSED_COLOR = "var(--color-black20)";
+    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,
+            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
+        };
+    };
+    return (React.createElement(Button, { style: generateCSSProperties(), color: "primary", variant: "fill", className: classes["idp-button"], loading: loading, ...rest },
+        React.createElement("span", { className: classes["idp-button--with-icon"] },
+            React.createElement("img", { height: 24, width: 24, src: iconUrl || `/ui-resources-static/common/idb/icons/${idpType}.svg`, alt: imgAltText || "Identity Provider icon" }),
+            children)));
+};
+
+export { IdentityProviderButton };
+//# sourceMappingURL=IdentityProviderButton.esm.js.map

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

@@ -0,0 +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          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,EACT,GAAG,EAAE,OAAO,IAAI,CAAA,sCAAA,EAAyC,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

@@ -0,0 +1,8 @@
+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_jzOEv{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.IdentityProviderButton_hidden_jzOEv{display:none}.IdentityProviderButton_slide-in_jzOEv{animation:IdentityProviderButton_slide-in_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.IdentityProviderButton_slide-in_jzOEv{animation-duration:.1ms}}.IdentityProviderButton_slide-out_jzOEv{animation:IdentityProviderButton_slide-out_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.IdentityProviderButton_slide-out_jzOEv{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_jzOEv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_jzOEv{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.IdentityProviderButton_idp-button_jzOEv{width:100%}.IdentityProviderButton_idp-button--with-icon_jzOEv{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:-.125rem;margin-top:-.125rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklkZW50aXR5UHJvdmlkZXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysc0NBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHFDQUNFLFlBQ0YsQ0FFQSx1Q0FDRSw0REFDRixDQUNBLHVDQUNFLHVDQUNFLHVCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esa0RBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHlDQUNFLFVBQ0YsQ0FDQSxvREFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUdiLFNBQVcsQ0FEWCxzQkFBdUIsQ0FHdkIsc0JBQXdCLENBRHhCLG1CQUVGIiwiZmlsZSI6IklkZW50aXR5UHJvdmlkZXJCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uaWRwLWJ1dHRvbiB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmlkcC1idXR0b24tLXdpdGgtaWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDAuNXJlbTtcbiAgbWFyZ2luLXRvcDogLTAuMTI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAtMC4xMjVyZW07XG59Il19 */";
+var classes = {"sr-only":"IdentityProviderButton_sr-only_jzOEv","hidden":"IdentityProviderButton_hidden_jzOEv","slide-in":"IdentityProviderButton_slide-in_jzOEv","slide-out":"IdentityProviderButton_slide-out_jzOEv","idp-button":"IdentityProviderButton_idp-button_jzOEv","idp-button--with-icon":"IdentityProviderButton_idp-button--with-icon_jzOEv"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=IdentityProviderButton.module.scss.esm.js.map

package/dist/esm/miscellaneous/IdentityProviderButton.module.scss.esm.js.map

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

package/dist/esm/src/components/DataGrid/DataGrid.d.ts

@@ -40,6 +40,6 @@ export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children">
     enableMultiSorting?: boolean;
     spacing?: Spacing;
 }
-export declare const DataGrid: <T extends {}>(p: Props<T> & {
+export declare const DataGrid: <T extends object>(p: Props<T> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReactElement;

package/dist/esm/src/components/DataGrid/DataGridBody/DataGridBody.d.ts

@@ -16,6 +16,6 @@ export interface Props<T> extends Omit<ComponentPropsWithRef<"tbody">, "children
     emptyLabel?: string;
     spacing?: React.CSSProperties;
 }
-export declare const DataGridBody: <T extends {}>(p: Props<T> & {
+export declare const DataGridBody: <T extends object>(p: Props<T> & {
     ref?: Ref<HTMLTableSectionElement>;
 }) => ReactElement;

package/dist/esm/src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.d.ts

@@ -28,6 +28,6 @@ export interface Props<T> extends ComponentPropsWithRef<"tr"> {
         drawerId?: string;
     };
 }
-export declare const DataGridRow: <T extends {}>(p: Props<T> & {
+export declare const DataGridRow: <T extends object>(p: Props<T> & {
     ref?: Ref<HTMLTableRowElement>;
 }) => ReactElement;

package/dist/esm/src/components/Form/Checkbox/Checkbox.d.ts

@@ -9,4 +9,4 @@ export interface Props extends ComponentPropsWithRef<"input">, Omit<FormSelector
     formSelectorWrapperProps?: FormSelectorWrapperProps;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Fieldset/Fieldset.d.ts

@@ -11,4 +11,4 @@ export interface Props extends ComponentPropsWithRef<"fieldset"> {
     required?: boolean;
     disablePropagation?: boolean;
 }
-export declare const Fieldset: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLFieldSetElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const Fieldset: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLFieldSetElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/FileUpload/FileItem/FileItem.d.ts

@@ -25,4 +25,4 @@ export declare enum ACTION_STATUS {
     RETRY = "retry",
     READONLY = "readonly"
 }
-export declare const FileItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const FileItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/FileUpload/FileUpload.d.ts

@@ -32,5 +32,5 @@ export interface Props extends FileUploadType {
     readOnlyViewMessage?: string;
     helperText?: string;
 }
-export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/esm/src/components/Form/Input/Input.d.ts

@@ -11,4 +11,4 @@ export type Props = MergeElementProps<"input", FormElement & {
     prefix?: ReactNode;
     readOnlyView?: boolean;
 }>;
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Radio/Radio.d.ts

@@ -8,4 +8,4 @@ export interface Props extends ComponentPropsWithRef<"input">, Omit<FormSelector
     formSelectorWrapperProps?: FormSelectorWrapperProps;
     helperProps?: HelperProps;
 }
-export declare const Radio: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const Radio: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { MultiSelectProps } from "../Select.interfaces";
-export declare const MultiSelect: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<MultiSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const MultiSelect: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<MultiSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Select/SingleSelect/Select.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SingleSelectProps } from "../Select.interfaces";
-export declare const Select: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<SingleSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const Select: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<SingleSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Textarea/Textarea.d.ts

@@ -4,4 +4,4 @@ export interface Props extends ComponentPropsWithRef<"textarea">, FormElement {
     wrapperProps?: ComponentPropsWithRef<"div">;
     readOnlyView?: boolean;
 }
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLTextAreaElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLTextAreaElement> & import("../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts

@@ -9,4 +9,4 @@ export interface Props extends ComponentPropsWithRef<"div">, Omit<WrapperProps,
 /**
  * @deprecated
  */
-export declare const CheckboxWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const CheckboxWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts

@@ -14,5 +14,5 @@ export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
     success?: boolean;
 }
-export declare const InputWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const InputWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/esm/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts

@@ -12,5 +12,5 @@ export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, O
     onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
     success?: boolean;
 }
-export declare const MultiSelectWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const MultiSelectWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/esm/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts

@@ -7,4 +7,4 @@ export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
     value: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const RadioWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const RadioWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts

@@ -12,5 +12,5 @@ export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, O
     onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
     success?: boolean;
 }
-export declare const SelectWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const SelectWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/esm/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts

@@ -13,4 +13,4 @@ export interface Props extends Omit<ComponentPropsWithRef<"div">, "onFocus" | "o
     success?: boolean;
     readOnlyView?: boolean;
 }
-export declare const TextareaWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<any>>;
+export declare const TextareaWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import("../../../withReadOnly").WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/src/components/Typography/Typography.d.ts

@@ -10,5 +10,5 @@ export interface Props extends ComponentPropsWithRef<any> {
     spacing?: Spacing;
     align?: "left" | "center" | "right";
 }
-export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<Props, "ref">, "ref"> & React.RefAttributes<any>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<Props, "ref">, "ref"> & React.RefAttributes<unknown>>;
 export {};