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

package/dist/components/Layout/Card/Card.es.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { Typography } from "../../Typography/Typography.es.js";
+import classes from "./Card.module.scss.es.js";
+import { TextEllipsis } from "../../TextEllipsis/TextEllipsis.es.js";
+const CardComponent = ({
+  title,
+  titleHeadingLevel,
+  description,
+  action,
+  wrapHeaderText = false,
+  headerContent,
+  cardStyle = "default",
+  collapsed = false,
+  children,
+  ...rest
+}) => {
+  const headerPresent = Boolean(title || description || action || headerContent);
+  return /* @__PURE__ */ React.createElement("div", { className: classes["main"], ...rest }, headerPresent && /* @__PURE__ */ React.createElement("div", { className: classes["header"] }, headerContent, (title || description || action) && /* @__PURE__ */ React.createElement(React.Fragment, null, (title || description) && /* @__PURE__ */ React.createElement("div", { className: classes["title-left"] }, title && /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      "data-testid": "card-title",
+      className: classes["title"],
+      variant: "body",
+      role: titleHeadingLevel ? "heading" : void 0,
+      "aria-level": titleHeadingLevel
+    },
+    wrapHeaderText ? title : /* @__PURE__ */ React.createElement(TextEllipsis, null, title)
+  ), description && /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      "data-testid": "card-description",
+      className: classes["description"],
+      variant: "sub-text",
+      spacing: { margin: 0 }
+    },
+    wrapHeaderText ? description : /* @__PURE__ */ React.createElement(TextEllipsis, null, description)
+  )), action && /* @__PURE__ */ React.createElement("div", { "data-testid": "card-action", className: classes["title-right"] }, action))), !collapsed && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-testid": "card-body",
+      className: [
+        classes["body"],
+        classes[`${cardStyle}-body-style`],
+        classes[headerPresent ? "with-header" : "without-header"]
+      ].join(" ")
+    },
+    children
+  ));
+};
+const Card = CardComponent;
+export {
+  Card,
+  CardComponent
+};
+//# sourceMappingURL=Card.es.js.map

package/dist/components/Layout/Card/Card.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.es.js","sources":["../../../../src/components/Layout/Card/Card.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 { Typography } from \"../../Typography/Typography\";\n\nimport classes from \"./Card.module.scss\";\nimport { TextEllipsis } from \"../../TextEllipsis/TextEllipsis\";\n\nexport interface CardHeaderInfo {}\n\nexport type CardStyle = \"default\" | \"white\";\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  title?: string;\n  titleHeadingLevel?: number;\n  description?: string;\n  action?: ReactElement;\n  wrapHeaderText?: boolean;\n  headerContent?: ReactElement;\n  cardStyle?: CardStyle;\n  collapsed?: boolean;\n}\n\nexport const CardComponent = ({\n  title,\n  titleHeadingLevel,\n  description,\n  action,\n  wrapHeaderText = false,\n  headerContent,\n  cardStyle = \"default\",\n  collapsed = false,\n  children,\n  ...rest\n}: CardProps) => {\n  const headerPresent = Boolean(title || description || action || headerContent);\n  return (\n    <div className={classes[\"main\"]} {...rest}>\n      {headerPresent && (\n        <div className={classes[\"header\"]}>\n          {headerContent}\n          {(title || description || action) && (\n            <>\n              {(title || description) && (\n                <div className={classes[\"title-left\"]}>\n                  {title && (\n                    <Typography\n                      data-testid={\"card-title\"}\n                      className={classes[\"title\"]}\n                      variant={\"body\"}\n                      role={titleHeadingLevel ? \"heading\" : undefined}\n                      aria-level={titleHeadingLevel}\n                    >\n                      {wrapHeaderText ? title : <TextEllipsis>{title}</TextEllipsis>}\n                    </Typography>\n                  )}\n                  {description && (\n                    <Typography\n                      data-testid={\"card-description\"}\n                      className={classes[\"description\"]}\n                      variant=\"sub-text\"\n                      spacing={{ margin: 0 }}\n                    >\n                      {wrapHeaderText ? description : <TextEllipsis>{description}</TextEllipsis>}\n                    </Typography>\n                  )}\n                </div>\n              )}\n              {action && (\n                <div data-testid={\"card-action\"} className={classes[\"title-right\"]}>\n                  {action}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n      {!collapsed && (\n        <div\n          data-testid={\"card-body\"}\n          className={[\n            classes[\"body\"],\n            classes[`${cardStyle}-body-style`],\n            classes[headerPresent ? \"with-header\" : \"without-header\"]\n          ].join(\" \")}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Card = CardComponent;\n"],"names":[],"mappings":";;;;AAqCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MAAiB;AACf,QAAM,gBAAgB,QAAQ,SAAS,eAAe,UAAU,aAAa;AAC7E,SACG,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,MAAM,GAAI,GAAG,KAAA,GAClC,iBACC,sBAAA,cAAC,OAAI,EAAA,WAAW,QAAQ,QAAQ,EAC7B,GAAA,gBACC,SAAS,eAAe,WACxB,sBAAA,cAAA,MAAA,UAAA,OACI,SAAS,gBACR,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,YAAY,EAAA,GACjC,SACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW,QAAQ,OAAO;AAAA,MAC1B,SAAS;AAAA,MACT,MAAM,oBAAoB,YAAY;AAAA,MACtC,cAAY;AAAA,IAAA;AAAA,IAEX,iBAAiB,QAAS,sBAAA,cAAA,cAAA,MAAc,KAAM;AAAA,EAAA,GAGlD,eACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW,QAAQ,aAAa;AAAA,MAChC,SAAQ;AAAA,MACR,SAAS,EAAE,QAAQ,EAAE;AAAA,IAAA;AAAA,IAEpB,iBAAiB,cAAe,sBAAA,cAAA,cAAA,MAAc,WAAY;AAAA,EAAA,CAGjE,GAED,UACE,sBAAA,cAAA,OAAA,EAAI,eAAa,eAAe,WAAW,QAAQ,aAAa,KAC9D,MACH,CAEJ,CAEJ,GAED,CAAC,aACA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW;AAAA,QACT,QAAQ,MAAM;AAAA,QACd,QAAQ,GAAG,SAAS,aAAa;AAAA,QACjC,QAAQ,gBAAgB,gBAAgB,gBAAgB;AAAA,MAC1D,EAAE,KAAK,GAAG;AAAA,IAAA;AAAA,IAET;AAAA,EAAA,CAGP;AAEJ;AAEO,MAAM,OAAO;"}

package/dist/components/Layout/Card/Card.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.Card_main_7l1Pc{border-radius:calc(.25 * var(--font-size));min-width:calc(18.5 * var(--font-size));overflow:hidden}.Card_header_7l1Pc{display:flex;align-items:center;padding:calc(.5 * var(--font-size)) calc(1.5 * var(--font-size));justify-content:space-between;gap:calc(.5 * var(--font-size));background-color:var(--color-primary100)}.Card_header_7l1Pc .Card_title-left_7l1Pc{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.Card_header_7l1Pc .Card_title-left_7l1Pc .Card_title_7l1Pc{margin:0;font-weight:500;max-width:100%;display:block}.Card_header_7l1Pc .Card_title-left_7l1Pc .Card_description_7l1Pc{margin:0;max-width:100%;display:block}.Card_header_7l1Pc .Card_title-right_7l1Pc{flex:0 0 auto;display:flex;align-items:center;height:100%;gap:calc(.5 * var(--font-size));white-space:nowrap}.Card_body_7l1Pc{padding:calc(1 * var(--font-size)) calc(1.5 * var(--font-size))}.Card_body_7l1Pc.Card_default-body-style_7l1Pc{background-color:var(--color-blue-grey50)}.Card_body_7l1Pc.Card_white-body-style_7l1Pc{background-color:var(--color-white);border:1px solid var(--color-blue-grey100)}.Card_body_7l1Pc.Card_white-body-style_7l1Pc.Card_without-header_7l1Pc{border-radius:calc(.25 * var(--font-size))}.Card_body_7l1Pc.Card_white-body-style_7l1Pc.Card_with-header_7l1Pc{border-top:none;border-bottom-left-radius:calc(.25 * var(--font-size));border-bottom-right-radius:calc(.25 * var(--font-size))}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Card_main_7l1Pc",t="Card_header_7l1Pc",d="Card_title_7l1Pc",r="Card_description_7l1Pc",l="Card_body_7l1Pc",i={main:e,header:t,"title-left":"Card_title-left_7l1Pc",title:d,description:r,"title-right":"Card_title-right_7l1Pc",body:l,"default-body-style":"Card_default-body-style_7l1Pc","white-body-style":"Card_white-body-style_7l1Pc","without-header":"Card_without-header_7l1Pc","with-header":"Card_with-header_7l1Pc"};exports.body=l,exports.default=i,exports.description=r,exports.header=t,exports.main=e,exports.title=d;
+//# sourceMappingURL=Card.module.scss.cjs.js.map

package/dist/components/Layout/Card/Card.module.scss.cjs.js.map

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

package/dist/components/Layout/Card/Card.module.scss.es.js

@@ -0,0 +1,28 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.Card_main_7l1Pc{border-radius:calc(.25 * var(--font-size));min-width:calc(18.5 * var(--font-size));overflow:hidden}.Card_header_7l1Pc{display:flex;align-items:center;padding:calc(.5 * var(--font-size)) calc(1.5 * var(--font-size));justify-content:space-between;gap:calc(.5 * var(--font-size));background-color:var(--color-primary100)}.Card_header_7l1Pc .Card_title-left_7l1Pc{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.Card_header_7l1Pc .Card_title-left_7l1Pc .Card_title_7l1Pc{margin:0;font-weight:500;max-width:100%;display:block}.Card_header_7l1Pc .Card_title-left_7l1Pc .Card_description_7l1Pc{margin:0;max-width:100%;display:block}.Card_header_7l1Pc .Card_title-right_7l1Pc{flex:0 0 auto;display:flex;align-items:center;height:100%;gap:calc(.5 * var(--font-size));white-space:nowrap}.Card_body_7l1Pc{padding:calc(1 * var(--font-size)) calc(1.5 * var(--font-size))}.Card_body_7l1Pc.Card_default-body-style_7l1Pc{background-color:var(--color-blue-grey50)}.Card_body_7l1Pc.Card_white-body-style_7l1Pc{background-color:var(--color-white);border:1px solid var(--color-blue-grey100)}.Card_body_7l1Pc.Card_white-body-style_7l1Pc.Card_without-header_7l1Pc{border-radius:calc(.25 * var(--font-size))}.Card_body_7l1Pc.Card_white-body-style_7l1Pc.Card_with-header_7l1Pc{border-top:none;border-bottom-left-radius:calc(.25 * var(--font-size));border-bottom-right-radius:calc(.25 * var(--font-size))}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const main = "Card_main_7l1Pc";
+const header = "Card_header_7l1Pc";
+const title = "Card_title_7l1Pc";
+const description = "Card_description_7l1Pc";
+const body = "Card_body_7l1Pc";
+const classes = {
+  main,
+  header,
+  "title-left": "Card_title-left_7l1Pc",
+  title,
+  description,
+  "title-right": "Card_title-right_7l1Pc",
+  body,
+  "default-body-style": "Card_default-body-style_7l1Pc",
+  "white-body-style": "Card_white-body-style_7l1Pc",
+  "without-header": "Card_without-header_7l1Pc",
+  "with-header": "Card_with-header_7l1Pc"
+};
+export {
+  body,
+  classes as default,
+  description,
+  header,
+  main,
+  title
+};
+//# sourceMappingURL=Card.module.scss.es.js.map

package/dist/components/Layout/Card/Card.module.scss.es.js.map

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

package/dist/components/Layout/ContentHeader/ContentHeader.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Typography/Typography.cjs.js"),a=require("./ContentHeader.module.scss.cjs.js"),r=require("../../Button/IconButton.cjs.js"),l=require("../../Icon/Icon.cjs.js"),n=require("../../Tag/Tag.cjs.js"),s=require("../../TextEllipsis/TextEllipsis.cjs.js"),c=({title:c,children:o,buttons:i,collapsed:d,subtitle:m,navigation:u,tags:p,error:g,errorMessage:E,errorTagText:f,...h})=>{const y=e.createElement(n.Tag,{icon:l.Icons.Forbidden,backgroundColor:"var(--color-red100)",color:"var(--color-red900)"},f||"Blocked"),T=()=>p??[],b=e.useMemo((()=>g&&d?[y,...T().filter((e=>"enabled"!==e.props.variant))]:g?T().filter((e=>"enabled"!==e.props.variant)):T()),[p,g,d]);return e.createElement("div",{className:a.default["header-background-color"]},e.createElement("div",{className:`${a.default.header} ${h.className} ${d?a.default["collapsed-header"]:""}`,...h},e.createElement("div",null,u&&!d&&e.createElement(r.IconButton,{onClick:()=>{u.navigateFN(-1)},className:a.default["back-arrow"],iconSize:"s"},e.createElement(l.Icon,{icon:l.Icons.ArrowLeft}),e.createElement("span",{className:a.default["back-text"]},u.displayText?u.displayText:"Back")),e.createElement(t.Typography,{className:a.default["header-text"],variant:"h1"},u&&d&&e.createElement(r.IconButton,{onClick:()=>{u.navigateFN(-1)},className:a.default["back-arrow"]},e.createElement(l.Icon,{icon:l.Icons.ArrowLeft})),e.createElement(s.TextEllipsis,{"data-testid":"content-header-title"},c),e.createElement("span",{className:a.default["header-tags"]},b.map(((t,a)=>e.createElement(e.Fragment,{key:t.key||a},t))))),m&&!g&&e.createElement(t.Typography,{className:`${a.default["header-subtitle"]} ${d?a.default["hide-text"]:""}`,variant:"h4"},m),e.createElement(t.Typography,{className:`${d?a.default["hide-text"]:""}`,variant:"body",spacing:{margin:0}},g?e.createElement(e.Fragment,null,y,e.createElement("span",{className:a.default["error-text"]},E)):o)),i&&e.createElement("div",{className:a.default["buttons-wrapper"]},i)))},o=c;exports.ContentHeader=o,exports.ContentHeaderComponent=c;
+//# sourceMappingURL=ContentHeader.cjs.js.map

package/dist/components/Layout/ContentHeader/ContentHeader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.cjs.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-red100)\" 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":["ContentHeaderComponent","title","children","buttons","collapsed","subtitle","navigation","tags","error","errorMessage","errorTagText","rest","errorTag","React","createElement","Tag","icon","Icons","Forbidden","backgroundColor","color","getTags","renderTags","useMemo","filter","tag","props","variant","className","classes","IconButton","onClick","navigateFN","iconSize","Icon","ArrowLeft","default","displayText","Typography","TextEllipsis","map","index","Fragment","key","spacing","margin","ContentHeader"],"mappings":"+WA+CaA,EAAyB,EACpCC,QACAC,WACAC,UACAC,YACAC,WACAC,aACAC,OACAC,QACAC,eACAC,kBACGC,MAEG,MAAAC,EACHC,EAAAC,cAAAC,EAAAA,IAAA,CAAIC,KAAMC,EAAAA,MAAMC,UAAWC,gBAAgB,sBAAsBC,MAAM,uBACrEV,GAAgB,WAIfW,EAAU,IAAMd,GAAQ,GAExBe,EAAaC,EAAAA,SAAQ,IACrBf,GAASJ,EACJ,CAACQ,KAAaS,IAAUG,QAAOC,GAA6B,YAAtBA,EAAIC,MAAMC,WAC9CnB,EACFa,IAAUG,WAAoC,YAAtBC,EAAIC,MAAMC,UAEpCN,KACN,CAACd,EAAMC,EAAOJ,IAGd,OAAAS,EAAAC,cAAA,MAAA,CAAIc,UAAWC,EAAAA,QAAQ,4BACtBhB,EAAAC,cAAC,MAAA,CACCc,UAAW,GAAGC,EAAAA,QAAgB,UAAKlB,EAAKiB,aAAaxB,EAAYyB,EAAAA,QAAQ,oBAAsB,QAC3FlB,KAEHG,cAAA,MAAA,KACER,IAAeF,GACdS,EAAAC,cAACgB,EAAAA,WAAA,CACCC,QAAS,KACPzB,EAAW0B,YAAa,EAAA,EAE1BJ,UAAWC,UAAQ,cACnBI,SAAS,KAERpB,EAAAC,cAAAoB,EAAAA,KAAA,CAAKlB,KAAMC,EAAAA,MAAMkB,YAClBtB,EAAAC,cAAC,OAAK,CAAAc,UAAWC,EAAQO,QAAA,cACtB9B,EAAW+B,YAAc/B,EAAW+B,YAAc,SAIxDxB,EAAAC,cAAAwB,EAAAA,WAAA,CAAWV,UAAWC,EAAAA,QAAQ,eAAgBF,QAAS,MACrDrB,GAAcF,GACbS,EAAAC,cAACgB,EAAAA,WAAA,CACCC,QAAS,KACPzB,EAAW0B,YAAa,EAAA,EAE1BJ,UAAWC,UAAQ,eAElBhB,EAAAC,cAAAoB,EAAAA,KAAA,CAAKlB,KAAMC,EAAAA,MAAMkB,eAGtBrB,cAACyB,EAAaA,aAAA,CAAA,cAAa,wBAAyBtC,GACnDY,EAAAC,cAAA,OAAA,CAAKc,UAAWC,EAAAO,QAAQ,gBACtBd,EAAWkB,KAAI,CAACf,EAAKgB,IACnB5B,EAAAC,cAAAD,EAAM6B,SAAN,CAAeC,IAAKlB,EAAIkB,KAAOF,GAAQhB,OAI7CpB,IAAaG,GACZK,EAAAC,cAACwB,EAAAA,WAAA,CACCV,UAAW,GAAGC,UAAQ,sBAAsBzB,EAAYyB,UAAQ,aAAe,KAC/EF,QAAQ,MAEPtB,GAGLQ,EAAAC,cAACwB,EAAAA,WAAA,CACCV,UAAW,GAAGxB,EAAYyB,EAAQO,QAAA,aAAe,KACjDT,QAAQ,OACRiB,QAAS,CAAEC,OAAQ,IAElBrC,EAEIK,EAAAC,cAAAD,EAAA6B,SAAA,KAAA9B,EACAC,EAAAC,cAAA,OAAA,CAAKc,UAAWC,EAAAO,QAAQ,eAAgB3B,IAG3CP,IAILC,GAAYU,EAAAC,cAAA,MAAA,CAAIc,UAAWC,EAAQO,QAAA,oBAAqBjC,IAE7D,EAIS2C,EAAgB9C"}

package/dist/components/Layout/ContentHeader/ContentHeader.es.js

@@ -0,0 +1,81 @@
+import React, { useMemo } from "react";
+import { Typography } from "../../Typography/Typography.es.js";
+import classes from "./ContentHeader.module.scss.es.js";
+import { IconButton } from "../../Button/IconButton.es.js";
+import { Icons, Icon } from "../../Icon/Icon.es.js";
+import { Tag } from "../../Tag/Tag.es.js";
+import { TextEllipsis } from "../../TextEllipsis/TextEllipsis.es.js";
+const ContentHeaderComponent = ({
+  title,
+  children,
+  buttons,
+  collapsed,
+  subtitle,
+  navigation,
+  tags,
+  error,
+  errorMessage,
+  errorTagText,
+  ...rest
+}) => {
+  const errorTag = /* @__PURE__ */ React.createElement(Tag, { icon: Icons.Forbidden, backgroundColor: "var(--color-red100)", color: "var(--color-red900)" }, errorTagText || "Blocked");
+  const getTags = () => 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 /* @__PURE__ */ React.createElement("div", { className: classes["header-background-color"] }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `${classes["header"]} ${rest.className} ${collapsed ? classes["collapsed-header"] : ""}`,
+      ...rest
+    },
+    /* @__PURE__ */ React.createElement("div", null, navigation && !collapsed && /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        onClick: () => {
+          navigation.navigateFN(-1);
+        },
+        className: classes["back-arrow"],
+        iconSize: "s"
+      },
+      /* @__PURE__ */ React.createElement(Icon, { icon: Icons.ArrowLeft }),
+      /* @__PURE__ */ React.createElement("span", { className: classes["back-text"] }, navigation.displayText ? navigation.displayText : "Back")
+    ), /* @__PURE__ */ React.createElement(Typography, { className: classes["header-text"], variant: "h1" }, navigation && collapsed && /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        onClick: () => {
+          navigation.navigateFN(-1);
+        },
+        className: classes["back-arrow"]
+      },
+      /* @__PURE__ */ React.createElement(Icon, { icon: Icons.ArrowLeft })
+    ), /* @__PURE__ */ React.createElement(TextEllipsis, { "data-testid": "content-header-title" }, title), /* @__PURE__ */ React.createElement("span", { className: classes["header-tags"] }, renderTags.map((tag, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: tag.key || index }, tag)))), subtitle && !error && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: `${classes["header-subtitle"]} ${collapsed ? classes["hide-text"] : ""}`,
+        variant: "h4"
+      },
+      subtitle
+    ), /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: `${collapsed ? classes["hide-text"] : ""}`,
+        variant: "body",
+        spacing: { margin: 0 }
+      },
+      error ? /* @__PURE__ */ React.createElement(React.Fragment, null, errorTag, /* @__PURE__ */ React.createElement("span", { className: classes["error-text"] }, errorMessage)) : children
+    )),
+    buttons && /* @__PURE__ */ React.createElement("div", { className: classes["buttons-wrapper"] }, buttons)
+  ));
+};
+const ContentHeader = ContentHeaderComponent;
+export {
+  ContentHeader,
+  ContentHeaderComponent
+};
+//# sourceMappingURL=ContentHeader.es.js.map

package/dist/components/Layout/ContentHeader/ContentHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.es.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-red100)\" 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":[],"mappings":";;;;;;;AA+CO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACL,QAAA,WACH,sBAAA,cAAA,KAAA,EAAI,MAAM,MAAM,WAAW,iBAAgB,uBAAsB,OAAM,sBACrE,GAAA,gBAAgB,SACnB;AAGI,QAAA,UAAU,MAAM,QAAQ,CAAC;AAEzB,QAAA,aAAa,QAAQ,MAAM;AAC/B,QAAI,SAAS,WAAW;AACf,aAAA,CAAC,UAAU,GAAG,QAAQ,EAAE,OAAO,CAAA,QAAO,IAAI,MAAM,YAAY,SAAS,CAAC;AAAA,eACpE,OAAO;AAChB,aAAO,UAAU,OAAO,SAAO,IAAI,MAAM,YAAY,SAAS;AAAA,IAAA;AAEhE,WAAO,QAAQ;AAAA,EACd,GAAA,CAAC,MAAM,OAAO,SAAS,CAAC;AAE3B,SACG,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,yBAAyB,KAC/C,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,KAAK,SAAS,IAAI,YAAY,QAAQ,kBAAkB,IAAI,EAAE;AAAA,MAChG,GAAG;AAAA,IAAA;AAAA,IAEH,sBAAA,cAAA,OAAA,MACE,cAAc,CAAC,aACd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,qBAAW,WAAW,EAAE;AAAA,QAC1B;AAAA,QACA,WAAW,QAAQ,YAAY;AAAA,QAC/B,UAAS;AAAA,MAAA;AAAA,MAER,sBAAA,cAAA,MAAA,EAAK,MAAM,MAAM,WAAW;AAAA,MAC7B,sBAAA,cAAC,QAAK,EAAA,WAAW,QAAQ,WAAW,KACjC,WAAW,cAAc,WAAW,cAAc,MACrD;AAAA,IACF,GAED,sBAAA,cAAA,YAAA,EAAW,WAAW,QAAQ,aAAa,GAAG,SAAS,KACrD,GAAA,cAAc,aACb,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,qBAAW,WAAW,EAAE;AAAA,QAC1B;AAAA,QACA,WAAW,QAAQ,YAAY;AAAA,MAAA;AAAA,MAE9B,sBAAA,cAAA,MAAA,EAAK,MAAM,MAAM,UAAW,CAAA;AAAA,IAAA,GAGjC,sBAAA,cAAC,cAAa,EAAA,eAAa,0BAAyB,KAAM,GACzD,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,aAAa,EAAA,GACnC,WAAW,IAAI,CAAC,KAAK,UACnB,sBAAA,cAAA,MAAM,UAAN,EAAe,KAAK,IAAI,OAAO,MAAQ,GAAA,GAAI,CAC7C,CACH,CACF,GACC,YAAY,CAAC,SACZ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,iBAAiB,CAAC,IAAI,YAAY,QAAQ,WAAW,IAAI,EAAE;AAAA,QACjF,SAAQ;AAAA,MAAA;AAAA,MAEP;AAAA,IAGL,GAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,YAAY,QAAQ,WAAW,IAAI,EAAE;AAAA,QACnD,SAAQ;AAAA,QACR,SAAS,EAAE,QAAQ,EAAE;AAAA,MAAA;AAAA,MAEpB,QAEI,sBAAA,cAAA,MAAA,UAAA,MAAA,UACA,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,YAAY,EAAA,GAAI,YAAa,CACxD,IAEA;AAAA,IAAA,CAGN;AAAA,IACC,WAAY,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,iBAAiB,KAAI,OAAQ;AAAA,EAAA,CAErE;AAEJ;AAEO,MAAM,gBAAgB;"}

package/dist/components/Layout/ContentHeader/ContentHeader.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ContentHeader_header_7l1Pc{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:2rem;z-index:1;transition:.5s;max-width:105rem}.ContentHeader_header_7l1Pc.ContentHeader_collapsed-header_7l1Pc{padding:1rem 2rem;transition:.5s;align-items:center}.ContentHeader_header-background-color_7l1Pc{background-color:var(--color-blue-grey25)}.ContentHeader_header_7l1Pc button.ContentHeader_back-arrow_7l1Pc{width:auto;height:1rem;display:block;gap:.5rem}.ContentHeader_hide-text_7l1Pc{display:none}.ContentHeader_header-text_7l1Pc{margin:0;font-weight:500;color:var(--color-blue-grey900);line-height:1.25;display:flex;align-items:center;max-width:65vw}@media screen and (max-width: 900px){.ContentHeader_header-text_7l1Pc{max-width:unset}.ContentHeader_header-text_7l1Pc div{text-wrap:wrap}}.ContentHeader_header-text_7l1Pc div{vertical-align:middle;align-self:center}.ContentHeader_header-text_7l1Pc button.ContentHeader_back-arrow_7l1Pc{margin-right:.5rem;width:2.5rem;height:2.5rem}.ContentHeader_header-tags_7l1Pc{display:flex;margin-left:1rem;gap:.5rem}.ContentHeader_header-subtitle_7l1Pc{color:var(--color-blue-grey400);font-weight:500}.ContentHeader_back-text_7l1Pc{font-size:.875rem;font-weight:400;margin-left:.5rem}.ContentHeader_error-text_7l1Pc{color:var(--color-red500);vertical-align:middle;margin-left:.5rem}.ContentHeader_buttons-wrapper_7l1Pc{display:flex;justify-content:flex-end;flex-shrink:0;gap:1rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="ContentHeader_header_7l1Pc",t={header:e,"collapsed-header":"ContentHeader_collapsed-header_7l1Pc","header-background-color":"ContentHeader_header-background-color_7l1Pc","back-arrow":"ContentHeader_back-arrow_7l1Pc","hide-text":"ContentHeader_hide-text_7l1Pc","header-text":"ContentHeader_header-text_7l1Pc","header-tags":"ContentHeader_header-tags_7l1Pc","header-subtitle":"ContentHeader_header-subtitle_7l1Pc","back-text":"ContentHeader_back-text_7l1Pc","error-text":"ContentHeader_error-text_7l1Pc","buttons-wrapper":"ContentHeader_buttons-wrapper_7l1Pc"};exports.default=t,exports.header=e;
+//# sourceMappingURL=ContentHeader.module.scss.cjs.js.map

package/dist/components/Layout/ContentHeader/ContentHeader.module.scss.cjs.js.map

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

package/dist/components/Layout/ContentHeader/ContentHeader.module.scss.es.js

@@ -0,0 +1,20 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ContentHeader_header_7l1Pc{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:2rem;z-index:1;transition:.5s;max-width:105rem}.ContentHeader_header_7l1Pc.ContentHeader_collapsed-header_7l1Pc{padding:1rem 2rem;transition:.5s;align-items:center}.ContentHeader_header-background-color_7l1Pc{background-color:var(--color-blue-grey25)}.ContentHeader_header_7l1Pc button.ContentHeader_back-arrow_7l1Pc{width:auto;height:1rem;display:block;gap:.5rem}.ContentHeader_hide-text_7l1Pc{display:none}.ContentHeader_header-text_7l1Pc{margin:0;font-weight:500;color:var(--color-blue-grey900);line-height:1.25;display:flex;align-items:center;max-width:65vw}@media screen and (max-width: 900px){.ContentHeader_header-text_7l1Pc{max-width:unset}.ContentHeader_header-text_7l1Pc div{text-wrap:wrap}}.ContentHeader_header-text_7l1Pc div{vertical-align:middle;align-self:center}.ContentHeader_header-text_7l1Pc button.ContentHeader_back-arrow_7l1Pc{margin-right:.5rem;width:2.5rem;height:2.5rem}.ContentHeader_header-tags_7l1Pc{display:flex;margin-left:1rem;gap:.5rem}.ContentHeader_header-subtitle_7l1Pc{color:var(--color-blue-grey400);font-weight:500}.ContentHeader_back-text_7l1Pc{font-size:.875rem;font-weight:400;margin-left:.5rem}.ContentHeader_error-text_7l1Pc{color:var(--color-red500);vertical-align:middle;margin-left:.5rem}.ContentHeader_buttons-wrapper_7l1Pc{display:flex;justify-content:flex-end;flex-shrink:0;gap:1rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const header = "ContentHeader_header_7l1Pc";
+const classes = {
+  header,
+  "collapsed-header": "ContentHeader_collapsed-header_7l1Pc",
+  "header-background-color": "ContentHeader_header-background-color_7l1Pc",
+  "back-arrow": "ContentHeader_back-arrow_7l1Pc",
+  "hide-text": "ContentHeader_hide-text_7l1Pc",
+  "header-text": "ContentHeader_header-text_7l1Pc",
+  "header-tags": "ContentHeader_header-tags_7l1Pc",
+  "header-subtitle": "ContentHeader_header-subtitle_7l1Pc",
+  "back-text": "ContentHeader_back-text_7l1Pc",
+  "error-text": "ContentHeader_error-text_7l1Pc",
+  "buttons-wrapper": "ContentHeader_buttons-wrapper_7l1Pc"
+};
+export {
+  classes as default,
+  header
+};
+//# sourceMappingURL=ContentHeader.module.scss.es.js.map

package/dist/components/Layout/ContentHeader/ContentHeader.module.scss.es.js.map

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

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./FormSection.module.scss.cjs.js"),t=require("../../../../Typography/Typography.cjs.js"),a=({header:a,subtext:o,children:s,...c},n)=>e.createElement("div",{...c,className:r.default["section-wrapper"],ref:n},a&&e.createElement("div",{className:r.default["section-header-wrapper"]},e.createElement(t.Typography,{variant:"h4",className:r.default["section-header"],spacing:{marginBottom:0}},a),o&&e.createElement(t.Typography,{variant:"sub-text",spacing:{marginBottom:0}},o)),s),o=e.forwardRef(a);exports.FormSection=o,exports.FormSectionComponent=a;
+//# sourceMappingURL=FormSection.cjs.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.cjs.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":["FormSectionComponent","header","subtext","children","rest","ref","React","createElement","className","classes","Typography","variant","spacing","marginBottom","FormSection","forwardRef"],"mappings":"6MAyBaA,EAAwE,EACjFC,SAAQC,UAASC,cAAaC,GAChCC,IAGGC,EAAAC,cAAA,MAAA,IAAQH,EAAMI,UAAWC,EAAAA,QAAQ,mBAAoBJ,OACnDJ,GACEK,EAAAC,cAAA,MAAA,CAAIC,UAAWC,EAAAA,QAAQ,2BACtBH,EAAAC,cAACG,EAAAA,WAAA,CACCC,QAAQ,KACRH,UAAWC,UAAQ,kBACnBG,QAAS,CAAEC,aAAc,IAExBZ,GAEFC,GACEI,EAAAC,cAAAG,EAAAA,WAAA,CAAWC,QAAQ,WAAWC,QAAS,CAAEC,aAAc,IACrDX,IAKRC,GAKMW,EAAcR,EAAMS,WAAWf"}

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.es.js

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

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.es.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":";;;AAyBa,MAAA,uBAAwE,CACnF,EAAE,QAAQ,SAAS,UAAU,GAAG,KAAK,GACrC,QACG;AACH,SACG,sBAAA,cAAA,OAAA,EAAK,GAAG,MAAM,WAAW,QAAQ,iBAAiB,GAAG,IAAA,GACnD,UACE,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,wBAAwB,KAC9C,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW,QAAQ,gBAAgB;AAAA,MACnC,SAAS,EAAE,cAAc,EAAE;AAAA,IAAA;AAAA,IAE1B;AAAA,EAAA,GAEF,WACE,sBAAA,cAAA,YAAA,EAAW,SAAQ,YAAW,SAAS,EAAE,cAAc,EAAE,EAAA,GACvD,OACH,CAEJ,GAED,QACH;AAEJ;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".FormSection_section-wrapper_7l1Pc{padding-bottom:4rem}.FormSection_section-header-wrapper_7l1Pc{margin-bottom:1rem}.FormSection_section-header_7l1Pc{line-height:1.6;color:var(--color-primary500)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"section-wrapper":"FormSection_section-wrapper_7l1Pc","section-header-wrapper":"FormSection_section-header-wrapper_7l1Pc","section-header":"FormSection_section-header_7l1Pc"};
+//# sourceMappingURL=FormSection.module.scss.cjs.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.cjs.js.map

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

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.es.js

@@ -0,0 +1,10 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".FormSection_section-wrapper_7l1Pc{padding-bottom:4rem}.FormSection_section-header-wrapper_7l1Pc{margin-bottom:1rem}.FormSection_section-header_7l1Pc{line-height:1.6;color:var(--color-primary500)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const classes = {
+  "section-wrapper": "FormSection_section-wrapper_7l1Pc",
+  "section-header-wrapper": "FormSection_section-header-wrapper_7l1Pc",
+  "section-header": "FormSection_section-header_7l1Pc"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=FormSection.module.scss.es.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.es.js.map

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

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./FormStepper.module.scss.cjs.js"),r=require("../../../../Stepper/Stepper.cjs.js");exports.FormStepper=({steps:o,direction:n,textPosition:s,...c})=>{const i=o.map((e=>{const{targetScrollViewId:t,...r}=e;return t&&!e.onClick?{...r,onClick:()=>{var e;try{null==(e=document.getElementById(t))||e.scrollIntoView()}catch(r){throw new Error("Target element not found in the DOM.")}}}:e}));return e.createElement("div",{className:t.default.stepper},e.createElement(r.Stepper,{...c,steps:i,direction:n,textPosition:s}))};
+//# sourceMappingURL=FormStepper.cjs.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStepper.cjs.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":["steps","direction","textPosition","rest","stepper","map","step","targetScrollViewId","stepRest","onClick","_a","document","getElementById","scrollIntoView","e","Error","React","createElement","className","classes","default","Stepper"],"mappings":"2NA6B2B,EAAGA,QAAOC,YAAWC,kBAAiBC,MACzD,MAAAC,EAAUJ,EAAMK,KAAYC,IAChC,MAAMC,mBAAEA,KAAuBC,GAAaF,EAExC,OAAAC,IAAuBD,EAAKG,QACvB,IACFD,EACHC,QAAS,WACH,IACO,OAAAC,EAAAC,SAAAC,eAAeL,KAAqBG,EAAAG,uBACtCC,GACD,MAAA,IAAIC,MAAM,uCAAsC,IAKvDT,CAAA,IAIN,OAAAU,EAAAC,cAAA,MAAA,CAAIC,UAAWC,EAAAC,QAAiB,SAC/BJ,EAAAC,cAACI,EAASA,QAAA,IAAGlB,EAAMH,MAAOI,EAASH,YAAsBC,iBAC3D"}

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.es.js

@@ -0,0 +1,27 @@
+import React from "react";
+import classes from "./FormStepper.module.scss.es.js";
+import { Stepper } from "../../../../Stepper/Stepper.es.js";
+const FormStepper = ({ steps, direction, textPosition, ...rest }) => {
+  const stepper = steps.map((step) => {
+    const { targetScrollViewId, ...stepRest } = step;
+    if (targetScrollViewId && !step.onClick) {
+      return {
+        ...stepRest,
+        onClick: () => {
+          var _a;
+          try {
+            (_a = document.getElementById(targetScrollViewId)) == null ? void 0 : _a.scrollIntoView();
+          } catch (e) {
+            throw new Error("Target element not found in the DOM.");
+          }
+        }
+      };
+    }
+    return step;
+  });
+  return /* @__PURE__ */ React.createElement("div", { className: classes["stepper"] }, /* @__PURE__ */ React.createElement(Stepper, { ...rest, steps: stepper, direction, textPosition }));
+};
+export {
+  FormStepper
+};
+//# sourceMappingURL=FormStepper.es.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStepper.es.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":";;;AA6Ba,MAAA,cAAc,CAAC,EAAE,OAAO,WAAW,cAAc,GAAG,WAAkB;AAC3E,QAAA,UAAU,MAAM,IAAI,CAAQ,SAAA;AAChC,UAAM,EAAE,oBAAoB,GAAG,SAAA,IAAa;AAExC,QAAA,sBAAsB,CAAC,KAAK,SAAS;AAChC,aAAA;AAAA,QACL,GAAG;AAAA,QACH,SAAS,MAAM;;AACT,cAAA;AACO,2BAAA,eAAe,kBAAkB,MAAjC,mBAAoC;AAAA,mBACtC,GAAG;AACJ,kBAAA,IAAI,MAAM,sCAAsC;AAAA,UAAA;AAAA,QACxD;AAAA,MAEJ;AAAA,IAAA;AAEK,WAAA;AAAA,EAAA,CACR;AAED,SACG,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,SAAS,KAC/B,sBAAA,cAAC,SAAS,EAAA,GAAG,MAAM,OAAO,SAAS,WAAsB,cAA4B,CACvF;AAEJ;"}

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".FormStepper_stepper_7l1Pc{position:-webkit-sticky;position:sticky;top:0}.FormStepper_stepper_7l1Pc>div:first-child{height:auto;min-height:15rem;align-items:flex-start}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="FormStepper_stepper_7l1Pc",t={stepper:e};exports.default=t,exports.stepper=e;
+//# sourceMappingURL=FormStepper.module.scss.cjs.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.cjs.js.map

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

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.es.js

@@ -0,0 +1,10 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".FormStepper_stepper_7l1Pc{position:-webkit-sticky;position:sticky;top:0}.FormStepper_stepper_7l1Pc>div:first-child{height:auto;min-height:15rem;align-items:flex-start}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const stepper = "FormStepper_stepper_7l1Pc";
+const classes = {
+  stepper
+};
+export {
+  classes as default,
+  stepper
+};
+//# sourceMappingURL=FormStepper.module.scss.es.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.es.js.map

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

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./FormWithStepper.module.scss.cjs.js");exports.FormWithStepper=({children:r,stepper:s,...c})=>e.createElement("div",{className:`${t.default.content} ${c.className}`,...c},s,e.createElement("div",{className:t.default["form-section"]},r));
+//# sourceMappingURL=FormWithStepper.cjs.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWithStepper.cjs.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":["children","stepper","rest","React","createElement","className","classes"],"mappings":"mLAwB+B,EAAGA,WAAUC,aAAYC,KAEpDC,EAAAC,cAAC,OAAIC,UAAW,GAAGC,UAAiB,WAAKJ,EAAKG,eAAiBH,GAC5DD,EACAE,EAAAC,cAAA,MAAA,CAAIC,UAAWC,UAAQ,iBAAkBN"}

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.es.js

@@ -0,0 +1,9 @@
+import React from "react";
+import classes from "./FormWithStepper.module.scss.es.js";
+const FormWithStepper = ({ children, stepper, ...rest }) => {
+  return /* @__PURE__ */ React.createElement("div", { className: `${classes["content"]} ${rest.className}`, ...rest }, stepper, /* @__PURE__ */ React.createElement("div", { className: classes["form-section"] }, children));
+};
+export {
+  FormWithStepper
+};
+//# sourceMappingURL=FormWithStepper.es.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWithStepper.es.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":";;AAwBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,SAAS,GAAG,WAAkB;AAEtE,SAAA,sBAAA,cAAC,SAAI,WAAW,GAAG,QAAQ,SAAS,CAAC,IAAI,KAAK,SAAS,IAAK,GAAG,QAC5D,SACA,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,cAAc,EAAI,GAAA,QAAS,CACrD;AAEJ;"}

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".FormWithStepper_content_7l1Pc{margin:0 auto;font-family:var(--font-family);position:relative;display:flex;gap:3.5rem;background-color:var(--color-white);height:calc(100vh - 13.25rem);overflow:auto;scroll-behavior:smooth}.FormWithStepper_content_7l1Pc .FormWithStepper_form-section_7l1Pc{display:flex;flex-direction:column;flex:0 0 72%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="FormWithStepper_content_7l1Pc",t={content:e,"form-section":"FormWithStepper_form-section_7l1Pc"};exports.content=e,exports.default=t;
+//# sourceMappingURL=FormWithStepper.module.scss.cjs.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.cjs.js.map

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

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.es.js

@@ -0,0 +1,11 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".FormWithStepper_content_7l1Pc{margin:0 auto;font-family:var(--font-family);position:relative;display:flex;gap:3.5rem;background-color:var(--color-white);height:calc(100vh - 13.25rem);overflow:auto;scroll-behavior:smooth}.FormWithStepper_content_7l1Pc .FormWithStepper_form-section_7l1Pc{display:flex;flex-direction:column;flex:0 0 72%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const content = "FormWithStepper_content_7l1Pc";
+const classes = {
+  content,
+  "form-section": "FormWithStepper_form-section_7l1Pc"
+};
+export {
+  content,
+  classes as default
+};
+//# sourceMappingURL=FormWithStepper.module.scss.es.js.map

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.es.js.map

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

package/dist/components/Link/Link.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./Link.module.scss.cjs.js"),a=e.forwardRef((({children:a,className:r,disabled:l=!1,prefixIcon:n,to:o,color:s="primary",type:i="internal",display:d="link",buttonVariant:u="fill",component:c,...f},p)=>{const b=[t.default[s]];return"link"===d&&b.push(t.default.link),"button"===d&&b.push(t.default.button,t.default[u]),l&&b.push(t.default.disabled),r&&b.push(r),c?e.createElement(c,{...f,ref:p,to:o,className:b.join(" "),"aria-disabled":l,style:{...f.style}},a):e.createElement("a",{...f,ref:p,download:"download"===i,rel:"external"===i?"noopener noreferer":void 0,href:l?void 0:o,className:b.join(" "),"aria-disabled":l,target:f.target?f.target:"external"===i?"_blank":"",style:{...f.style}},n,e.createElement("span",{"data-underline":"true"},a))}));exports.Link=a;
+//# sourceMappingURL=Link.cjs.js.map

package/dist/components/Link/Link.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs.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":["Link","React","forwardRef","children","className","disabled","prefixIcon","to","color","type","display","buttonVariant","component","rest","ref","classNames","classes","push","default","createElement","join","style","download","rel","href","target"],"mappings":"gJA8GaA,EAAOC,EAAMC,YAvEgD,EAEtEC,WACAC,YACAC,YAAW,EACXC,aACAC,KACAC,QAAQ,UACRC,OAAO,WACPC,UAAU,OACVC,gBAAgB,OAChBC,eACGC,GAELC,KAEA,MAYMC,EAAa,CAACC,UAAQR,IAM5B,MALY,SAAZE,GAAsBK,EAAWE,KAAKD,EAAAE,QAAc,MACxC,WAAAR,GAAYK,EAAWE,KAAKD,EAAAE,QAAgB,OAAGF,UAAQL,IACnEN,GAAYU,EAAWE,KAAKD,EAAQE,QAAU,UACjCd,GAAAW,EAAWE,KAAKb,GAEzBQ,EACKX,EAAMkB,cACXP,EACA,IACKC,EACHC,MACAP,KACAH,UAAWW,EAAWK,KAAK,KAC3B,gBAAiBf,EACjBgB,MAAO,IACFR,EAAKQ,QAGZlB,GAKFF,EAAAkB,cAAC,IAAA,IACKN,EACJC,MACAQ,SAAmB,aAATb,EACVc,IAAc,aAATd,EAAsB,0BAAuB,EAClDe,KAAOnB,OAAgB,EAALE,EAClBH,UAAWW,EAAWK,KAAK,KAC3B,gBAAef,EACfoB,OA3CEZ,EAAKY,OACAZ,EAAKY,OAGD,aAAThB,EACK,SAGF,GAoCLY,MAAO,IACFR,EAAKQ,QAGTf,IACAa,cAAA,OAAA,CAAK,iBAAe,QAAQhB,GAC/B"}

package/dist/components/Link/Link.es.js

@@ -0,0 +1,69 @@
+import React from "react";
+import classes from "./Link.module.scss.es.js";
+const LinkComponent = ({
+  children,
+  className,
+  disabled = false,
+  prefixIcon = void 0,
+  to,
+  color = "primary",
+  type = "internal",
+  display = "link",
+  buttonVariant = "fill",
+  component,
+  ...rest
+}, ref) => {
+  const determineTarget = () => {
+    if (rest.target) {
+      return rest.target;
+    }
+    if (type === "external") {
+      return "_blank";
+    }
+    return "";
+  };
+  const classNames = [classes[color]];
+  display === "link" && classNames.push(classes["link"]);
+  display === "button" && classNames.push(classes["button"], classes[buttonVariant]);
+  disabled && classNames.push(classes["disabled"]);
+  className && classNames.push(className);
+  if (component) {
+    return React.createElement(
+      component,
+      {
+        ...rest,
+        ref,
+        to,
+        className: classNames.join(" "),
+        "aria-disabled": disabled,
+        style: {
+          ...rest.style
+        }
+      },
+      children
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      ...rest,
+      ref,
+      download: type === "download",
+      rel: type === "external" ? "noopener noreferer" : void 0,
+      href: !disabled ? to : void 0,
+      className: classNames.join(" "),
+      "aria-disabled": disabled,
+      target: determineTarget(),
+      style: {
+        ...rest.style
+      }
+    },
+    prefixIcon,
+    /* @__PURE__ */ React.createElement("span", { "data-underline": "true" }, children)
+  );
+};
+const Link = React.forwardRef(LinkComponent);
+export {
+  Link
+};
+//# sourceMappingURL=Link.es.js.map

package/dist/components/Link/Link.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.es.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":[],"mappings":";;AAuCA,MAAM,gBAAoE,CACxE;AAAA,EACE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,kBAAkB,MAAM;AAC5B,QAAI,KAAK,QAAQ;AACf,aAAO,KAAK;AAAA,IAAA;AAGd,QAAI,SAAS,YAAY;AAChB,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EACT;AAEA,QAAM,aAAa,CAAC,QAAQ,KAAK,CAAC;AAClC,cAAY,UAAU,WAAW,KAAK,QAAQ,MAAM,CAAC;AACzC,cAAA,YAAY,WAAW,KAAK,QAAQ,QAAQ,GAAG,QAAQ,aAAa,CAAC;AACjF,cAAY,WAAW,KAAK,QAAQ,UAAU,CAAC;AAClC,eAAA,WAAW,KAAK,SAAS;AAEtC,MAAI,WAAW;AACb,WAAO,MAAM;AAAA,MACX;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,WAAW,WAAW,KAAK,GAAG;AAAA,QAC9B,iBAAiB;AAAA,QACjB,OAAO;AAAA,UACL,GAAG,KAAK;AAAA,QAAA;AAAA,MAEZ;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAIA,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,UAAU,SAAS;AAAA,MACnB,KAAK,SAAS,aAAa,uBAAuB;AAAA,MAClD,MAAM,CAAC,WAAW,KAAK;AAAA,MACvB,WAAW,WAAW,KAAK,GAAG;AAAA,MAC9B,iBAAe;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,OAAO;AAAA,QACL,GAAG,KAAK;AAAA,MAAA;AAAA,IACV;AAAA,IAEC;AAAA,IACA,sBAAA,cAAA,QAAA,EAAK,kBAAe,OAAA,GAAQ,QAAS;AAAA,EACxC;AAEJ;AAEa,MAAA,OAAO,MAAM,WAAW,aAAa;"}