@onewelcome/react-lib-components 8.9.1 → 8.11.0

package/dist/esm/Layout/ContentHeader/ContentHeader.esm.js

@@ -1,6 +1,10 @@
-import React from 'react';
+import React__default, { useMemo } from 'react';
 import { Typography } from '../../Typography/Typography.esm.js';
 import classes from './ContentHeader.module.scss.esm.js';
+import { IconButton } from '../../Button/IconButton.esm.js';
+import { Icons, Icon } from '../../Icon/Icon.esm.js';
+import { Tag } from '../../Tag/Tag.esm.js';
+import { TextEllipsis } from '../../TextEllipsis/TextEllipsis.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -17,14 +21,38 @@ import classes from './ContentHeader.module.scss.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const ContentHeaderComponent = ({ title, children, buttons, collapsed, subtitle, ...rest }) => {
-    return (React.createElement("div", { className: classes["header-background-color"] },
-        React.createElement("div", { className: `${classes["header"]} ${rest.className} ${collapsed ? classes["collapsed-header"] : ""}`, ...rest },
-            React.createElement("div", null,
-                React.createElement(Typography, { className: classes["header-text"], variant: "h1" }, title),
-                subtitle && (React.createElement(Typography, { className: `${classes["header-subtitle"]} ${collapsed ? classes["hide-text"] : ""}`, variant: "h4" }, subtitle)),
-                React.createElement(Typography, { className: `${collapsed ? classes["hide-text"] : ""}`, variant: "body", spacing: { margin: 0 } }, children)),
-            buttons && React.createElement("div", { className: classes["buttons-wrapper"] }, buttons))));
+const ContentHeaderComponent = ({ title, children, buttons, collapsed, subtitle, navigation, tags, error, errorMessage, errorTagText, ...rest }) => {
+    const errorTag = (React__default.createElement(Tag, { icon: Icons.Forbidden, backgroundColor: "var(--color-red50)", color: "var(--color-red900)" }, errorTagText || "Blocked"));
+    const getTags = () => tags !== null && tags !== void 0 ? tags : [];
+    const renderTags = useMemo(() => {
+        if (error && collapsed) {
+            return [errorTag, ...getTags().filter(tag => tag.props.variant !== "enabled")];
+        }
+        else if (error) {
+            return getTags().filter(tag => tag.props.variant !== "enabled");
+        }
+        return getTags();
+    }, [tags, error, collapsed]);
+    return (React__default.createElement("div", { className: classes["header-background-color"] },
+        React__default.createElement("div", { className: `${classes["header"]} ${rest.className} ${collapsed ? classes["collapsed-header"] : ""}`, ...rest },
+            React__default.createElement("div", null,
+                navigation && !collapsed && (React__default.createElement(IconButton, { onClick: () => {
+                        navigation.navigateFN(-1);
+                    }, className: classes["back-arrow"], iconSize: "s" },
+                    React__default.createElement(Icon, { icon: Icons.ArrowLeft }),
+                    React__default.createElement("span", { className: classes["back-text"] }, navigation.displayText ? navigation.displayText : "Back"))),
+                React__default.createElement(Typography, { className: classes["header-text"], variant: "h1" },
+                    navigation && collapsed && (React__default.createElement(IconButton, { onClick: () => {
+                            navigation.navigateFN(-1);
+                        }, className: classes["back-arrow"] },
+                        React__default.createElement(Icon, { icon: Icons.ArrowLeft }))),
+                    React__default.createElement(TextEllipsis, { "data-testid": "content-header-title" }, title),
+                    React__default.createElement("span", { className: classes["header-tags"] }, renderTags.map((tag, index) => (React__default.createElement(React__default.Fragment, { key: tag.key || index }, tag))))),
+                subtitle && !error && (React__default.createElement(Typography, { className: `${classes["header-subtitle"]} ${collapsed ? classes["hide-text"] : ""}`, variant: "h4" }, subtitle)),
+                React__default.createElement(Typography, { className: `${collapsed ? classes["hide-text"] : ""}`, variant: "body", spacing: { margin: 0 } }, error ? (React__default.createElement(React__default.Fragment, null,
+                    errorTag,
+                    React__default.createElement("span", { className: classes["error-text"] }, errorMessage))) : (children))),
+            buttons && React__default.createElement("div", { className: classes["buttons-wrapper"] }, buttons))));
 };
 const ContentHeader = ContentHeaderComponent;
 

package/dist/esm/Layout/ContentHeader/ContentHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeader.esm.js","sources":["../../../../../../src/components/Layout/ContentHeader/ContentHeader.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, { HTMLAttributes, ReactElement } from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { Typography } from \"../../Typography/Typography\";\n\nimport classes from \"./ContentHeader.module.scss\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  subtitle?: string;\n  buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];\n  collapsed?: boolean;\n}\n\nexport const ContentHeaderComponent = ({\n  title,\n  children,\n  buttons,\n  collapsed,\n  subtitle,\n  ...rest\n}: Props) => {\n  return (\n    <div className={classes[\"header-background-color\"]}>\n      <div\n        className={`${classes[\"header\"]} ${rest.className} ${collapsed ? classes[\"collapsed-header\"] : \"\"}`}\n        {...rest}\n      >\n        <div>\n          <Typography className={classes[\"header-text\"]} variant={\"h1\"}>\n            {title}\n          </Typography>\n          {subtitle && (\n            <Typography\n              className={`${classes[\"header-subtitle\"]} ${collapsed ? classes[\"hide-text\"] : \"\"}`}\n              variant={\"h4\"}\n            >\n              {subtitle}\n            </Typography>\n          )}\n          <Typography\n            className={`${collapsed ? classes[\"hide-text\"] : \"\"}`}\n            variant={\"body\"}\n            spacing={{ margin: 0 }}\n          >\n            {children}\n          </Typography>\n        </div>\n        {buttons && <div className={classes[\"buttons-wrapper\"]}>{buttons}</div>}\n      </div>\n    </div>\n  );\n};\n\nexport const ContentHeader = ContentHeaderComponent;\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;MAeU,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACD,KAAI;AACV,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,yBAAyB,CAAC,EAAA;QAChD,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAI,CAAA,EAAA,IAAI,CAAC,SAAS,CAAI,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAE,CAAA,EAAA,GAC/F,IAAI,EAAA;AAER,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAA,EACzD,KAAK,CACK;AACZ,gBAAA,QAAQ,KACP,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,iBAAiB,CAAC,CAAA,CAAA,EAAI,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,CAAE,CAAA,EACnF,OAAO,EAAE,IAAI,EAEZ,EAAA,QAAQ,CACE,CACd;AACD,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,CAAA,CAAE,EACrD,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAErB,EAAA,QAAQ,CACE,CACT;AACL,YAAA,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAA,EAAG,OAAO,CAAO,CACnE,CACF,EACN;AACJ,EAAE;AAEK,MAAM,aAAa,GAAG;;;;"}
+{"version":3,"file":"ContentHeader.esm.js","sources":["../../../../../../src/components/Layout/ContentHeader/ContentHeader.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, { HTMLAttributes, ReactElement, useMemo } from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { Typography } from \"../../Typography/Typography\";\n\nimport classes from \"./ContentHeader.module.scss\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { NavigateFunction } from \"react-router-dom\";\nimport { Tag, Props as TagProps } from \"../../Tag/Tag\";\nimport { TextEllipsis } from \"../../TextEllipsis/TextEllipsis\";\n\nexport interface ContentHeaderNavigationProps {\n  displayText?: string;\n  navigateFN: NavigateFunction;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  /**\n   * @deprecated pass text as children\n   */\n  subtitle?: string;\n  buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];\n  collapsed?: boolean;\n  navigation?: ContentHeaderNavigationProps;\n  tags?: ReactElement<TagProps, typeof Tag>[];\n  error?: boolean;\n  errorMessage?: string;\n  errorTagText?: string;\n}\n\nexport const ContentHeaderComponent = ({\n  title,\n  children,\n  buttons,\n  collapsed,\n  subtitle,\n  navigation,\n  tags,\n  error,\n  errorMessage,\n  errorTagText,\n  ...rest\n}: Props) => {\n  const errorTag = (\n    <Tag icon={Icons.Forbidden} backgroundColor=\"var(--color-red50)\" color=\"var(--color-red900)\">\n      {errorTagText || \"Blocked\"}\n    </Tag>\n  );\n\n  const getTags = () => tags ?? [];\n\n  const renderTags = useMemo(() => {\n    if (error && collapsed) {\n      return [errorTag, ...getTags().filter(tag => tag.props.variant !== \"enabled\")];\n    } else if (error) {\n      return getTags().filter(tag => tag.props.variant !== \"enabled\");\n    }\n    return getTags();\n  }, [tags, error, collapsed]);\n\n  return (\n    <div className={classes[\"header-background-color\"]}>\n      <div\n        className={`${classes[\"header\"]} ${rest.className} ${collapsed ? classes[\"collapsed-header\"] : \"\"}`}\n        {...rest}\n      >\n        <div>\n          {navigation && !collapsed && (\n            <IconButton\n              onClick={() => {\n                navigation.navigateFN(-1);\n              }}\n              className={classes[\"back-arrow\"]}\n              iconSize=\"s\"\n            >\n              <Icon icon={Icons.ArrowLeft} />\n              <span className={classes[\"back-text\"]}>\n                {navigation.displayText ? navigation.displayText : \"Back\"}\n              </span>\n            </IconButton>\n          )}\n          <Typography className={classes[\"header-text\"]} variant={\"h1\"}>\n            {navigation && collapsed && (\n              <IconButton\n                onClick={() => {\n                  navigation.navigateFN(-1);\n                }}\n                className={classes[\"back-arrow\"]}\n              >\n                <Icon icon={Icons.ArrowLeft} />\n              </IconButton>\n            )}\n            <TextEllipsis data-testid={\"content-header-title\"}>{title}</TextEllipsis>\n            <span className={classes[\"header-tags\"]}>\n              {renderTags.map((tag, index) => (\n                <React.Fragment key={tag.key || index}>{tag}</React.Fragment>\n              ))}\n            </span>\n          </Typography>\n          {subtitle && !error && (\n            <Typography\n              className={`${classes[\"header-subtitle\"]} ${collapsed ? classes[\"hide-text\"] : \"\"}`}\n              variant=\"h4\"\n            >\n              {subtitle}\n            </Typography>\n          )}\n          <Typography\n            className={`${collapsed ? classes[\"hide-text\"] : \"\"}`}\n            variant=\"body\"\n            spacing={{ margin: 0 }}\n          >\n            {error ? (\n              <>\n                {errorTag}\n                <span className={classes[\"error-text\"]}>{errorMessage}</span>\n              </>\n            ) : (\n              children\n            )}\n          </Typography>\n        </div>\n        {buttons && <div className={classes[\"buttons-wrapper\"]}>{buttons}</div>}\n      </div>\n    </div>\n  );\n};\n\nexport const ContentHeader = ContentHeaderComponent;\n"],"names":["React"],"mappings":"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"}

package/dist/esm/Layout/ContentHeader/ContentHeader.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".ContentHeader_header_6dWwy{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;max-width:105rem;padding:2rem;-webkit-transition:.5s;transition:.5s;z-index:1}.ContentHeader_header_6dWwy.ContentHeader_collapsed-header_6dWwy{padding:1rem 2rem;-webkit-transition:.5s;transition:.5s}.ContentHeader_header-background-color_6dWwy{background-color:var(--color-blue-grey25)}.ContentHeader_hide-text_6dWwy{display:none}.ContentHeader_header-text_6dWwy{color:var(--color-blue-grey900);font-weight:500;line-height:3.125rem;margin:0}.ContentHeader_header-subtitle_6dWwy{color:var(--color-blue-grey400);font-weight:500}.ContentHeader_buttons-wrapper_6dWwy{display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRIZWFkZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBRUUsb0JBQXFCLENBRHJCLFlBQWEsQ0FHYixRQUFTLENBRFQsNkJBQThCLENBTTlCLGdCQUFpQixDQUpqQixZQUFhLENBRWIsc0JBQXdCLENBQ3hCLGNBQWdCLENBRmhCLFNBSUYsQ0FDQSxpRUFDRSxpQkFBNEIsQ0FDNUIsc0JBQXdCLENBQ3hCLGNBQ0YsQ0FDQSw2Q0FDRSx5Q0FDRixDQUVBLCtCQUNFLFlBQ0YsQ0FFQSxpQ0FHRSwrQkFBZ0MsQ0FEaEMsZUFBZ0IsQ0FFaEIsb0JBQXFCLENBSHJCLFFBSUYsQ0FFQSxxQ0FDRSwrQkFBZ0MsQ0FDaEMsZUFDRixDQUVBLHFDQUNFLFlBQWEsQ0FFYixhQUFjLENBQ2QsUUFBUyxDQUZULHdCQUdGIiwiZmlsZSI6IkNvbnRlbnRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMnJlbTtcbiAgcGFkZGluZzogMnJlbTtcbiAgei1pbmRleDogMTtcbiAgLXdlYmtpdC10cmFuc2l0aW9uOiAwLjVzO1xuICB0cmFuc2l0aW9uOiAwLjVzO1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn1cbi5oZWFkZXIuY29sbGFwc2VkLWhlYWRlciB7XG4gIHBhZGRpbmc6IDFyZW0gMnJlbSAxcmVtIDJyZW07XG4gIC13ZWJraXQtdHJhbnNpdGlvbjogMC41cztcbiAgdHJhbnNpdGlvbjogMC41cztcbn1cbi5oZWFkZXItYmFja2dyb3VuZC1jb2xvciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbn1cblxuLmhpZGUtdGV4dCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5oZWFkZXItdGV4dCB7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGxpbmUtaGVpZ2h0OiAzLjEyNXJlbTtcbn1cblxuLmhlYWRlci1zdWJ0aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uYnV0dG9ucy13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGdhcDogMXJlbTtcbn0iXX0= */";
-var classes = {"header":"ContentHeader_header_6dWwy","collapsed-header":"ContentHeader_collapsed-header_6dWwy","header-background-color":"ContentHeader_header-background-color_6dWwy","hide-text":"ContentHeader_hide-text_6dWwy","header-text":"ContentHeader_header-text_6dWwy","header-subtitle":"ContentHeader_header-subtitle_6dWwy","buttons-wrapper":"ContentHeader_buttons-wrapper_6dWwy"};
+var css_248z = ".ContentHeader_header_Pphm5{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;max-width:105rem;padding:2rem;-webkit-transition:.5s;transition:.5s;z-index:1}.ContentHeader_header_Pphm5.ContentHeader_collapsed-header_Pphm5{align-items:center;padding:1rem 2rem;-webkit-transition:.5s;transition:.5s}.ContentHeader_header-background-color_Pphm5{background-color:var(--color-blue-grey25)}.ContentHeader_header_Pphm5 button.ContentHeader_back-arrow_Pphm5{display:block;gap:.5rem;height:1rem;width:1rem}.ContentHeader_hide-text_Pphm5{display:none}.ContentHeader_header-text_Pphm5{align-items:center;color:var(--color-blue-grey900);display:flex;font-weight:500;line-height:1.25;margin:0;max-width:65vw}@media screen and (max-width:900px){.ContentHeader_header-text_Pphm5{max-width:unset}.ContentHeader_header-text_Pphm5 div{text-wrap:wrap}}.ContentHeader_header-text_Pphm5 div{align-self:center;vertical-align:middle}.ContentHeader_header-text_Pphm5 button.ContentHeader_back-arrow_Pphm5{height:2.5rem;margin-right:.5rem;width:2.5rem}.ContentHeader_header-tags_Pphm5{display:flex;gap:.5rem;margin-left:1rem}.ContentHeader_header-subtitle_Pphm5{color:var(--color-blue-grey400);font-weight:500}.ContentHeader_back-text_Pphm5{font-size:.875rem;font-weight:400;margin-left:.5rem}.ContentHeader_error-text_Pphm5{color:var(--color-red500);margin-left:.5rem;vertical-align:middle}.ContentHeader_buttons-wrapper_Pphm5{display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRIZWFkZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBRUUsb0JBQXFCLENBRHJCLFlBQWEsQ0FHYixRQUFTLENBRFQsNkJBQThCLENBTTlCLGdCQUFpQixDQUpqQixZQUFhLENBRWIsc0JBQXdCLENBQ3hCLGNBQWdCLENBRmhCLFNBSUYsQ0FDQSxpRUFJRSxrQkFBbUIsQ0FIbkIsaUJBQTRCLENBQzVCLHNCQUF3QixDQUN4QixjQUVGLENBQ0EsNkNBQ0UseUNBQ0YsQ0FDQSxrRUFHRSxhQUFjLENBQ2QsU0FBVyxDQUZYLFdBQVksQ0FEWixVQUlGLENBRUEsK0JBQ0UsWUFDRixDQUVBLGlDQU1FLGtCQUFtQixDQUhuQiwrQkFBZ0MsQ0FFaEMsWUFBYSxDQUhiLGVBQWdCLENBRWhCLGdCQUFpQixDQUhqQixRQUFTLENBTVQsY0FDRixDQUNBLG9DQUNFLGlDQUNFLGVBQ0YsQ0FDQSxxQ0FDRSxjQUNGLENBQ0YsQ0FDQSxxQ0FFRSxpQkFBa0IsQ0FEbEIscUJBRUYsQ0FDQSx1RUFHRSxhQUFjLENBRmQsa0JBQW9CLENBQ3BCLFlBRUYsQ0FFQSxpQ0FDRSxZQUFhLENBRWIsU0FBVyxDQURYLGdCQUVGLENBRUEscUNBQ0UsK0JBQWdDLENBQ2hDLGVBQ0YsQ0FFQSwrQkFDRSxpQkFBbUIsQ0FDbkIsZUFBZ0IsQ0FDaEIsaUJBQ0YsQ0FFQSxnQ0FDRSx5QkFBMEIsQ0FFMUIsaUJBQW1CLENBRG5CLHFCQUVGLENBRUEscUNBQ0UsWUFBYSxDQUViLGFBQWMsQ0FDZCxRQUFTLENBRlQsd0JBR0YiLCJmaWxlIjoiQ29udGVudEhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAycmVtO1xuICBwYWRkaW5nOiAycmVtO1xuICB6LWluZGV4OiAxO1xuICAtd2Via2l0LXRyYW5zaXRpb246IDAuNXM7XG4gIHRyYW5zaXRpb246IDAuNXM7XG4gIG1heC13aWR0aDogMTA1cmVtO1xufVxuLmhlYWRlci5jb2xsYXBzZWQtaGVhZGVyIHtcbiAgcGFkZGluZzogMXJlbSAycmVtIDFyZW0gMnJlbTtcbiAgLXdlYmtpdC10cmFuc2l0aW9uOiAwLjVzO1xuICB0cmFuc2l0aW9uOiAwLjVzO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLmhlYWRlciBidXR0b24uYmFjay1hcnJvdyB7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBnYXA6IDAuNXJlbTtcbn1cblxuLmhpZGUtdGV4dCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5oZWFkZXItdGV4dCB7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtd2lkdGg6IDY1dnc7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5MDBweCkge1xuICAuaGVhZGVyLXRleHQge1xuICAgIG1heC13aWR0aDogdW5zZXQ7XG4gIH1cbiAgLmhlYWRlci10ZXh0IGRpdiB7XG4gICAgdGV4dC13cmFwOiB3cmFwO1xuICB9XG59XG4uaGVhZGVyLXRleHQgZGl2IHtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuLmhlYWRlci10ZXh0IGJ1dHRvbi5iYWNrLWFycm93IHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gIHdpZHRoOiAyLjVyZW07XG4gIGhlaWdodDogMi41cmVtO1xufVxuXG4uaGVhZGVyLXRhZ3Mge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tbGVmdDogMXJlbTtcbiAgZ2FwOiAwLjVyZW07XG59XG5cbi5oZWFkZXItc3VidGl0bGUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NDAwKTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLmJhY2stdGV4dCB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG5cbi5lcnJvci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXJlZDUwMCk7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG5cbi5idXR0b25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXNocmluazogMDtcbiAgZ2FwOiAxcmVtO1xufSJdfQ== */";
+var classes = {"header":"ContentHeader_header_Pphm5","collapsed-header":"ContentHeader_collapsed-header_Pphm5","header-background-color":"ContentHeader_header-background-color_Pphm5","back-arrow":"ContentHeader_back-arrow_Pphm5","hide-text":"ContentHeader_hide-text_Pphm5","header-text":"ContentHeader_header-text_Pphm5","header-tags":"ContentHeader_header-tags_Pphm5","header-subtitle":"ContentHeader_header-subtitle_Pphm5","back-text":"ContentHeader_back-text_Pphm5","error-text":"ContentHeader_error-text_Pphm5","buttons-wrapper":"ContentHeader_buttons-wrapper_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Layout/FormPage/FormWithStepper/FormSection/FormSection.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './FormSection.module.scss.esm.js';
 import { Typography } from '../../../../Typography/Typography.esm.js';
 
@@ -18,13 +18,13 @@ import { Typography } from '../../../../Typography/Typography.esm.js';
  *    limitations under the License.
  */
 const FormSectionComponent = ({ header, subtext, children, ...rest }, ref) => {
-    return (React.createElement("div", { ...rest, className: classes["section-wrapper"], ref: ref },
-        header && (React.createElement("div", { className: classes["section-header-wrapper"] },
-            React.createElement(Typography, { variant: "h4", className: classes["section-header"], spacing: { marginBottom: 0 } }, header),
-            subtext && (React.createElement(Typography, { variant: "sub-text", spacing: { marginBottom: 0 } }, subtext)))),
+    return (React__default.createElement("div", { ...rest, className: classes["section-wrapper"], ref: ref },
+        header && (React__default.createElement("div", { className: classes["section-header-wrapper"] },
+            React__default.createElement(Typography, { variant: "h4", className: classes["section-header"], spacing: { marginBottom: 0 } }, header),
+            subtext && (React__default.createElement(Typography, { variant: "sub-text", spacing: { marginBottom: 0 } }, subtext)))),
         children));
 };
-const FormSection = React.forwardRef(FormSectionComponent);
+const FormSection = React__default.forwardRef(FormSectionComponent);
 
 export { FormSection, FormSectionComponent };
 //# sourceMappingURL=FormSection.esm.js.map

package/dist/esm/Layout/FormPage/FormWithStepper/FormSection/FormSection.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.esm.js","sources":["../../../../../../../../src/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.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, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./FormSection.module.scss\";\nimport { Typography } from \"../../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  header?: string;\n  subtext?: string;\n}\n\nexport const FormSectionComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { header, subtext, children, ...rest },\n  ref\n) => {\n  return (\n    <div {...rest} className={classes[\"section-wrapper\"]} ref={ref}>\n      {header && (\n        <div className={classes[\"section-header-wrapper\"]}>\n          <Typography\n            variant=\"h4\"\n            className={classes[\"section-header\"]}\n            spacing={{ marginBottom: 0 }}\n          >\n            {header}\n          </Typography>\n          {subtext && (\n            <Typography variant=\"sub-text\" spacing={{ marginBottom: 0 }}>\n              {subtext}\n            </Typography>\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nexport const FormSection = React.forwardRef(FormSectionComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWU,MAAA,oBAAoB,GAAoD,CACnF,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACtC,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA;QAC3D,MAAM,KACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,wBAAwB,CAAC,EAAA;YAC/C,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EACpC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAE3B,EAAA,MAAM,CACI;YACZ,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,IACxD,OAAO,CACG,CACd,CACG,CACP;QACA,QAAQ,CACL,EACN;AACJ,EAAE;AAEW,MAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}
+{"version":3,"file":"FormSection.esm.js","sources":["../../../../../../../../src/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.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, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./FormSection.module.scss\";\nimport { Typography } from \"../../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  header?: string;\n  subtext?: string;\n}\n\nexport const FormSectionComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { header, subtext, children, ...rest },\n  ref\n) => {\n  return (\n    <div {...rest} className={classes[\"section-wrapper\"]} ref={ref}>\n      {header && (\n        <div className={classes[\"section-header-wrapper\"]}>\n          <Typography\n            variant=\"h4\"\n            className={classes[\"section-header\"]}\n            spacing={{ marginBottom: 0 }}\n          >\n            {header}\n          </Typography>\n          {subtext && (\n            <Typography variant=\"sub-text\" spacing={{ marginBottom: 0 }}>\n              {subtext}\n            </Typography>\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nexport const FormSection = React.forwardRef(FormSectionComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWU,MAAA,oBAAoB,GAAoD,CACnF,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACtC,GAAG,KACD;AACF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA;QAC3D,MAAM,KACLA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,wBAAwB,CAAC,EAAA;YAC/CA,cAAC,CAAA,aAAA,CAAA,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EACpC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAE3B,EAAA,MAAM,CACI;YACZ,OAAO,KACNA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,IACxD,OAAO,CACG,CACd,CACG,CACP;QACA,QAAQ,CACL,EACN;AACJ,EAAE;AAEW,MAAA,WAAW,GAAGA,cAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}

package/dist/esm/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".FormSection_section-wrapper_6dWwy{padding-bottom:4rem}.FormSection_section-header-wrapper_6dWwy{margin-bottom:1rem}.FormSection_section-header_6dWwy{color:var(--color-primary500);line-height:2rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWN0aW9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1DQUNFLG1CQUNGLENBRUEsMENBQ0Usa0JBQ0YsQ0FFQSxrQ0FFRSw2QkFBOEIsQ0FEOUIsZ0JBRUYiLCJmaWxlIjoiRm9ybVNlY3Rpb24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc2VjdGlvbi13cmFwcGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDRyZW07XG59XG5cbi5zZWN0aW9uLWhlYWRlci13cmFwcGVyIHtcbiAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbn1cblxuLnNlY3Rpb24taGVhZGVyIHtcbiAgbGluZS1oZWlnaHQ6IDJyZW07XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn0iXX0= */";
-var classes = {"section-wrapper":"FormSection_section-wrapper_6dWwy","section-header-wrapper":"FormSection_section-header-wrapper_6dWwy","section-header":"FormSection_section-header_6dWwy"};
+var css_248z = ".FormSection_section-wrapper_Pphm5{padding-bottom:4rem}.FormSection_section-header-wrapper_Pphm5{margin-bottom:1rem}.FormSection_section-header_Pphm5{color:var(--color-primary500);line-height:1.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWN0aW9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1DQUNFLG1CQUNGLENBRUEsMENBQ0Usa0JBQ0YsQ0FFQSxrQ0FFRSw2QkFBOEIsQ0FEOUIsZUFFRiIsImZpbGUiOiJGb3JtU2VjdGlvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zZWN0aW9uLXdyYXBwZXIge1xuICBwYWRkaW5nLWJvdHRvbTogNHJlbTtcbn1cblxuLnNlY3Rpb24taGVhZGVyLXdyYXBwZXIge1xuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xufVxuXG4uc2VjdGlvbi1oZWFkZXIge1xuICBsaW5lLWhlaWdodDogMS42O1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG59Il19 */";
+var classes = {"section-wrapper":"FormSection_section-wrapper_Pphm5","section-header-wrapper":"FormSection_section-header-wrapper_Pphm5","section-header":"FormSection_section-header_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './FormStepper.module.scss.esm.js';
 import { Stepper } from '../../../../Stepper/Stepper.esm.js';
 
@@ -36,8 +36,8 @@ const FormStepper = ({ steps, direction, textPosition, ...rest }) => {
         }
         return step;
     });
-    return (React.createElement("div", { className: classes["stepper"] },
-        React.createElement(Stepper, { ...rest, steps: stepper, direction: direction, textPosition: textPosition })));
+    return (React__default.createElement("div", { className: classes["stepper"] },
+        React__default.createElement(Stepper, { ...rest, steps: stepper, direction: direction, textPosition: textPosition })));
 };
 
 export { FormStepper };

package/dist/esm/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormStepper.esm.js","sources":["../../../../../../../../src/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.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 from \"react\";\nimport classes from \"./FormStepper.module.scss\";\nimport { Stepper, Props as StepperProps } from \"../../../../Stepper/Stepper\";\nimport { Props as StepProps } from \"../../../../Stepper/Step\";\n\nexport interface FormStepProps extends StepProps {\n  targetScrollViewId?: string;\n}\n\nexport interface Props extends StepperProps {\n  steps: FormStepProps[];\n}\n\nexport const FormStepper = ({ steps, direction, textPosition, ...rest }: Props) => {\n  const stepper = steps.map(step => {\n    const { targetScrollViewId, ...stepRest } = step;\n\n    if (targetScrollViewId && !step.onClick) {\n      return {\n        ...stepRest,\n        onClick: () => {\n          try {\n            document.getElementById(targetScrollViewId)?.scrollIntoView();\n          } catch (e) {\n            throw new Error(\"Target element not found in the DOM.\");\n          }\n        }\n      };\n    }\n    return step;\n  });\n\n  return (\n    <div className={classes[\"stepper\"]}>\n      <Stepper {...rest} steps={stepper} direction={direction} textPosition={textPosition} />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAeU,MAAA,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAS,KAAI;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IAAG;QAC/B,MAAM,EAAE,kBAAkB,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC;AAEjD,QAAA,IAAI,kBAAkB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACvC,OAAO;AACL,gBAAA,GAAG,QAAQ;gBACX,OAAO,EAAE,MAAK;;AACZ,oBAAA,IAAI;wBACF,CAAA,EAAA,GAAA,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,EAAE,CAAC;qBAC/D;oBAAC,OAAO,CAAC,EAAE;AACV,wBAAA,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;qBACzD;iBACF;aACF,CAAC;SACH;AACD,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC,CAAC;AAEH,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA;AAChC,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAK,EAAA,GAAA,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAI,CAAA,CACnF,EACN;AACJ;;;;"}
+{"version":3,"file":"FormStepper.esm.js","sources":["../../../../../../../../src/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.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 from \"react\";\nimport classes from \"./FormStepper.module.scss\";\nimport { Stepper, Props as StepperProps } from \"../../../../Stepper/Stepper\";\nimport { Props as StepProps } from \"../../../../Stepper/Step\";\n\nexport interface FormStepProps extends StepProps {\n  targetScrollViewId?: string;\n}\n\nexport interface Props extends StepperProps {\n  steps: FormStepProps[];\n}\n\nexport const FormStepper = ({ steps, direction, textPosition, ...rest }: Props) => {\n  const stepper = steps.map(step => {\n    const { targetScrollViewId, ...stepRest } = step;\n\n    if (targetScrollViewId && !step.onClick) {\n      return {\n        ...stepRest,\n        onClick: () => {\n          try {\n            document.getElementById(targetScrollViewId)?.scrollIntoView();\n          } catch (e) {\n            throw new Error(\"Target element not found in the DOM.\");\n          }\n        }\n      };\n    }\n    return step;\n  });\n\n  return (\n    <div className={classes[\"stepper\"]}>\n      <Stepper {...rest} steps={stepper} direction={direction} textPosition={textPosition} />\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAeU,MAAA,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAS,KAAI;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IAAG;QAC/B,MAAM,EAAE,kBAAkB,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC;AAEjD,QAAA,IAAI,kBAAkB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACvC,OAAO;AACL,gBAAA,GAAG,QAAQ;gBACX,OAAO,EAAE,MAAK;;AACZ,oBAAA,IAAI;wBACF,CAAA,EAAA,GAAA,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,EAAE,CAAC;qBAC/D;oBAAC,OAAO,CAAC,EAAE;AACV,wBAAA,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;qBACzD;iBACF;aACF,CAAC;SACH;AACD,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC,CAAC;AAEH,IAAA,QACEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA;AAChC,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAK,EAAA,GAAA,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAI,CAAA,CACnF,EACN;AACJ;;;;"}

package/dist/esm/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".FormStepper_stepper_6dWwy{position:sticky;top:0}.FormStepper_stepper_6dWwy>div:first-child{align-items:flex-start;height:auto;min-height:15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TdGVwcGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBLDJCQUNFLGVBQWdCLENBQ2hCLEtBQ0YsQ0FDQSwyQ0FHRSxzQkFBdUIsQ0FGdkIsV0FBWSxDQUNaLGdCQUVGIiwiZmlsZSI6IkZvcm1TdGVwcGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnN0ZXBwZXIge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDA7XG59XG4uc3RlcHBlciA+IGRpdjpmaXJzdC1jaGlsZCB7XG4gIGhlaWdodDogYXV0bztcbiAgbWluLWhlaWdodDogMTVyZW07XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xufSJdfQ== */";
-var classes = {"stepper":"FormStepper_stepper_6dWwy"};
+var css_248z = ".FormStepper_stepper_Pphm5{position:sticky;top:0}.FormStepper_stepper_Pphm5>div:first-child{align-items:flex-start;height:auto;min-height:15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TdGVwcGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBLDJCQUNFLGVBQWdCLENBQ2hCLEtBQ0YsQ0FDQSwyQ0FHRSxzQkFBdUIsQ0FGdkIsV0FBWSxDQUNaLGdCQUVGIiwiZmlsZSI6IkZvcm1TdGVwcGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnN0ZXBwZXIge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDA7XG59XG4uc3RlcHBlciA+IGRpdjpmaXJzdC1jaGlsZCB7XG4gIGhlaWdodDogYXV0bztcbiAgbWluLWhlaWdodDogMTVyZW07XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xufSJdfQ== */";
+var classes = {"stepper":"FormStepper_stepper_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Layout/FormPage/FormWithStepper/FormWithStepper.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './FormWithStepper.module.scss.esm.js';
 
 /*
@@ -17,9 +17,9 @@ import classes from './FormWithStepper.module.scss.esm.js';
  *    limitations under the License.
  */
 const FormWithStepper = ({ children, stepper, ...rest }) => {
-    return (React.createElement("div", { className: `${classes["content"]} ${rest.className}`, ...rest },
+    return (React__default.createElement("div", { className: `${classes["content"]} ${rest.className}`, ...rest },
         stepper,
-        React.createElement("div", { className: classes["form-section"] }, children)));
+        React__default.createElement("div", { className: classes["form-section"] }, children)));
 };
 
 export { FormWithStepper };

package/dist/esm/Layout/FormPage/FormWithStepper/FormWithStepper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormWithStepper.esm.js","sources":["../../../../../../../src/components/Layout/FormPage/FormWithStepper/FormWithStepper.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, { HTMLAttributes, ReactElement } from \"react\";\nimport { Props as FormStepperProps, FormStepper } from \"./FormStepper/FormStepper\";\nimport classes from \"./FormWithStepper.module.scss\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  stepper?: ReactElement<FormStepperProps, typeof FormStepper>;\n}\n\nexport const FormWithStepper = ({ children, stepper, ...rest }: Props) => {\n  return (\n    <div className={`${classes[\"content\"]} ${rest.className}`} {...rest}>\n      {stepper}\n      <div className={classes[\"form-section\"]}>{children}</div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAUI,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,KAAI;AACvE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAA,CAAE,KAAM,IAAI,EAAA;QAChE,OAAO;QACR,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAA,EAAG,QAAQ,CAAO,CACrD,EACN;AACJ;;;;"}
+{"version":3,"file":"FormWithStepper.esm.js","sources":["../../../../../../../src/components/Layout/FormPage/FormWithStepper/FormWithStepper.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, { HTMLAttributes, ReactElement } from \"react\";\nimport { Props as FormStepperProps, FormStepper } from \"./FormStepper/FormStepper\";\nimport classes from \"./FormWithStepper.module.scss\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  stepper?: ReactElement<FormStepperProps, typeof FormStepper>;\n}\n\nexport const FormWithStepper = ({ children, stepper, ...rest }: Props) => {\n  return (\n    <div className={`${classes[\"content\"]} ${rest.className}`} {...rest}>\n      {stepper}\n      <div className={classes[\"form-section\"]}>{children}</div>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAUI,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,KAAI;AACvE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAA,CAAE,KAAM,IAAI,EAAA;QAChE,OAAO;QACRA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAA,EAAG,QAAQ,CAAO,CACrD,EACN;AACJ;;;;"}

package/dist/esm/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".FormWithStepper_content_6dWwy{background-color:var(--color-white);display:flex;font-family:var(--font-family);gap:3.5rem;height:calc(100vh - 13.25rem);margin:0 auto;overflow:auto;position:relative;scroll-behavior:smooth}.FormWithStepper_content_6dWwy .FormWithStepper_form-section_6dWwy{display:flex;flex:0 0 72%;flex-direction:column}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1XaXRoU3RlcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSwrQkFNRSxtQ0FBb0MsQ0FGcEMsWUFBYSxDQUZiLDhCQUErQixDQUcvQixVQUFXLENBRVgsNkJBQThCLENBTjlCLGFBQWMsQ0FPZCxhQUFjLENBTGQsaUJBQWtCLENBTWxCLHNCQUNGLENBQ0EsbUVBQ0UsWUFBYSxDQUViLFlBQWEsQ0FEYixxQkFFRiIsImZpbGUiOiJGb3JtV2l0aFN0ZXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGVudCB7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMy41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDEzLjI1cmVtKTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xufVxuLmNvbnRlbnQgLmZvcm0tc2VjdGlvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXg6IDAgMCA3MiU7XG59Il19 */";
-var classes = {"content":"FormWithStepper_content_6dWwy","form-section":"FormWithStepper_form-section_6dWwy"};
+var css_248z = ".FormWithStepper_content_Pphm5{background-color:var(--color-white);display:flex;font-family:var(--font-family);gap:3.5rem;height:calc(100vh - 13.25rem);margin:0 auto;overflow:auto;position:relative;scroll-behavior:smooth}.FormWithStepper_content_Pphm5 .FormWithStepper_form-section_Pphm5{display:flex;flex:0 0 72%;flex-direction:column}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1XaXRoU3RlcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSwrQkFNRSxtQ0FBb0MsQ0FGcEMsWUFBYSxDQUZiLDhCQUErQixDQUcvQixVQUFXLENBRVgsNkJBQThCLENBTjlCLGFBQWMsQ0FPZCxhQUFjLENBTGQsaUJBQWtCLENBTWxCLHNCQUNGLENBQ0EsbUVBQ0UsWUFBYSxDQUViLFlBQWEsQ0FEYixxQkFFRiIsImZpbGUiOiJGb3JtV2l0aFN0ZXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGVudCB7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMy41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDEzLjI1cmVtKTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xufVxuLmNvbnRlbnQgLmZvcm0tc2VjdGlvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXg6IDAgMCA3MiU7XG59Il19 */";
+var classes = {"content":"FormWithStepper_content_Pphm5","form-section":"FormWithStepper_form-section_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Link/Link.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './Link.module.scss.esm.js';
 
 /*
@@ -32,7 +32,7 @@ const LinkComponent = ({ children, className, disabled = false, prefixIcon = und
     disabled && classNames.push(classes["disabled"]);
     className && classNames.push(className);
     if (component) {
-        return React.createElement(component, {
+        return React__default.createElement(component, {
             ...rest,
             ref: ref,
             to: to,
@@ -43,13 +43,13 @@ const LinkComponent = ({ children, className, disabled = false, prefixIcon = und
             }
         }, children);
     }
-    return (React.createElement("a", { ...rest, ref: ref, download: type === "download", rel: type === "external" ? "noopener noreferer" : undefined, href: !disabled ? to : undefined, className: classNames.join(" "), "aria-disabled": disabled, target: determineTarget(), style: {
+    return (React__default.createElement("a", { ...rest, ref: ref, download: type === "download", rel: type === "external" ? "noopener noreferer" : undefined, href: !disabled ? to : undefined, className: classNames.join(" "), "aria-disabled": disabled, target: determineTarget(), style: {
             ...rest.style
         } },
         prefixIcon,
-        React.createElement("span", { "data-underline": "true" }, children)));
+        React__default.createElement("span", { "data-underline": "true" }, children)));
 };
-const Link = React.forwardRef(LinkComponent);
+const Link = React__default.forwardRef(LinkComponent);
 
 export { Link };
 //# sourceMappingURL=Link.esm.js.map

package/dist/esm/Link/Link.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.esm.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ForwardRefExoticComponent,\n  ReactElement\n} from \"react\";\nimport classes from \"./Link.module.scss\";\nimport { IconProps, Icon } from \"../../index\";\n\nexport type AnchorType = \"external\" | \"internal\" | \"download\";\n\nexport interface Props extends ComponentPropsWithRef<\"a\"> {\n  prefixIcon?: ReactElement<IconProps, typeof Icon>;\n  color?: \"primary\" | \"success\" | \"danger\" | \"warning\";\n  display?: \"link\" | \"button\";\n  buttonVariant?: \"outline\" | \"text\" | \"fill\";\n  type?: AnchorType;\n  to: string;\n  disabled?: boolean;\n  component?: ForwardRefExoticComponent<any>;\n}\n\nconst LinkComponent: ForwardRefRenderFunction<HTMLAnchorElement, Props> = (\n  {\n    children,\n    className,\n    disabled = false,\n    prefixIcon = undefined,\n    to,\n    color = \"primary\",\n    type = \"internal\",\n    display = \"link\",\n    buttonVariant = \"fill\",\n    component,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineTarget = () => {\n    if (rest.target) {\n      return rest.target;\n    }\n\n    if (type === \"external\") {\n      return \"_blank\";\n    }\n\n    return \"\";\n  };\n\n  const classNames = [classes[color]];\n  display === \"link\" && classNames.push(classes[\"link\"]);\n  display === \"button\" && classNames.push(classes[\"button\"], classes[buttonVariant]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  if (component) {\n    return React.createElement(\n      component,\n      {\n        ...rest,\n        ref: ref,\n        to: to,\n        className: classNames.join(\" \"),\n        \"aria-disabled\": disabled,\n        style: {\n          ...rest.style\n        }\n      },\n      children\n    );\n  }\n\n  return (\n    <a\n      {...rest}\n      ref={ref}\n      download={type === \"download\"}\n      rel={type === \"external\" ? \"noopener noreferer\" : undefined}\n      href={!disabled ? to : undefined}\n      className={classNames.join(\" \")}\n      aria-disabled={disabled}\n      target={determineTarget()}\n      style={{\n        ...rest.style\n      }}\n    >\n      {prefixIcon}\n      <span data-underline=\"true\">{children}</span>\n    </a>\n  );\n};\n\nexport const Link = React.forwardRef(LinkComponent);\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAwBH,MAAM,aAAa,GAAuD,CACxE,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,SAAS,EACtB,EAAE,EACF,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,UAAU,EACjB,OAAO,GAAG,MAAM,EAChB,aAAa,GAAG,MAAM,EACtB,SAAS,EACT,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC,MAAM,CAAC;SACpB;AAED,QAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACvB,YAAA,OAAO,QAAQ,CAAC;SACjB;AAED,QAAA,OAAO,EAAE,CAAC;AACZ,KAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,IAAA,OAAO,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AACvD,IAAA,OAAO,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;IACnF,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACjD,IAAA,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAExC,IAAI,SAAS,EAAE;AACb,QAAA,OAAO,KAAK,CAAC,aAAa,CACxB,SAAS,EACT;AACE,YAAA,GAAG,IAAI;AACP,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,KAAK,EAAE;gBACL,GAAG,IAAI,CAAC,KAAK;AACd,aAAA;SACF,EACD,QAAQ,CACT,CAAC;KACH;IAED,QACE,KACM,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,IAAI,KAAK,UAAU,EAC7B,GAAG,EAAE,IAAI,KAAK,UAAU,GAAG,oBAAoB,GAAG,SAAS,EAC3D,IAAI,EAAE,CAAC,QAAQ,GAAG,EAAE,GAAG,SAAS,EAChC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,eAAA,EAChB,QAAQ,EACvB,MAAM,EAAE,eAAe,EAAE,EACzB,KAAK,EAAE;YACL,GAAG,IAAI,CAAC,KAAK;AACd,SAAA,EAAA;QAEA,UAAU;AACX,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,gBAAA,EAAqB,MAAM,EAAE,EAAA,QAAQ,CAAQ,CAC3C,EACJ;AACJ,CAAC,CAAC;AAEW,MAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa;;;;"}
+{"version":3,"file":"Link.esm.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ForwardRefExoticComponent,\n  ReactElement\n} from \"react\";\nimport classes from \"./Link.module.scss\";\nimport { IconProps, Icon } from \"../../index\";\n\nexport type AnchorType = \"external\" | \"internal\" | \"download\";\n\nexport interface Props extends ComponentPropsWithRef<\"a\"> {\n  prefixIcon?: ReactElement<IconProps, typeof Icon>;\n  color?: \"primary\" | \"success\" | \"danger\" | \"warning\";\n  display?: \"link\" | \"button\";\n  buttonVariant?: \"outline\" | \"text\" | \"fill\";\n  type?: AnchorType;\n  to: string;\n  disabled?: boolean;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  component?: ForwardRefExoticComponent<any>;\n}\n\nconst LinkComponent: ForwardRefRenderFunction<HTMLAnchorElement, Props> = (\n  {\n    children,\n    className,\n    disabled = false,\n    prefixIcon = undefined,\n    to,\n    color = \"primary\",\n    type = \"internal\",\n    display = \"link\",\n    buttonVariant = \"fill\",\n    component,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineTarget = () => {\n    if (rest.target) {\n      return rest.target;\n    }\n\n    if (type === \"external\") {\n      return \"_blank\";\n    }\n\n    return \"\";\n  };\n\n  const classNames = [classes[color]];\n  display === \"link\" && classNames.push(classes[\"link\"]);\n  display === \"button\" && classNames.push(classes[\"button\"], classes[buttonVariant]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  if (component) {\n    return React.createElement(\n      component,\n      {\n        ...rest,\n        ref: ref,\n        to: to,\n        className: classNames.join(\" \"),\n        \"aria-disabled\": disabled,\n        style: {\n          ...rest.style\n        }\n      },\n      children\n    );\n  }\n\n  return (\n    <a\n      {...rest}\n      ref={ref}\n      download={type === \"download\"}\n      rel={type === \"external\" ? \"noopener noreferer\" : undefined}\n      href={!disabled ? to : undefined}\n      className={classNames.join(\" \")}\n      aria-disabled={disabled}\n      target={determineTarget()}\n      style={{\n        ...rest.style\n      }}\n    >\n      {prefixIcon}\n      <span data-underline=\"true\">{children}</span>\n    </a>\n  );\n};\n\nexport const Link = React.forwardRef(LinkComponent);\n"],"names":["React"],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAyBH,MAAM,aAAa,GAAuD,CACxE,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,SAAS,EACtB,EAAE,EACF,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,UAAU,EACjB,OAAO,GAAG,MAAM,EAChB,aAAa,GAAG,MAAM,EACtB,SAAS,EACT,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC,MAAM,CAAC;SACpB;AAED,QAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACvB,YAAA,OAAO,QAAQ,CAAC;SACjB;AAED,QAAA,OAAO,EAAE,CAAC;AACZ,KAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,IAAA,OAAO,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AACvD,IAAA,OAAO,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;IACnF,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACjD,IAAA,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAExC,IAAI,SAAS,EAAE;AACb,QAAA,OAAOA,cAAK,CAAC,aAAa,CACxB,SAAS,EACT;AACE,YAAA,GAAG,IAAI;AACP,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,KAAK,EAAE;gBACL,GAAG,IAAI,CAAC,KAAK;AACd,aAAA;SACF,EACD,QAAQ,CACT,CAAC;KACH;IAED,QACEA,cACM,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,IAAI,KAAK,UAAU,EAC7B,GAAG,EAAE,IAAI,KAAK,UAAU,GAAG,oBAAoB,GAAG,SAAS,EAC3D,IAAI,EAAE,CAAC,QAAQ,GAAG,EAAE,GAAG,SAAS,EAChC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,eAAA,EAChB,QAAQ,EACvB,MAAM,EAAE,eAAe,EAAE,EACzB,KAAK,EAAE;YACL,GAAG,IAAI,CAAC,KAAK;AACd,SAAA,EAAA;QAEA,UAAU;AACX,QAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,gBAAA,EAAqB,MAAM,EAAE,EAAA,QAAQ,CAAQ,CAC3C,EACJ;AACJ,CAAC,CAAC;AAEW,MAAA,IAAI,GAAGA,cAAK,CAAC,UAAU,CAAC,aAAa;;;;"}