@kaizen/components 0.0.0-canary-brand-2-20240318014153 → 0.0.0-canary-tag-2-20240318032208

package/dist/cjs/Brand/Brand.cjs

@@ -2,31 +2,30 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var hostedAssets = require('@kaizen/hosted-assets');
+var Brand_module = require('./Brand.module.scss.cjs');
 const Brand = /*#__PURE__*/function () {
   const Brand = function (_a) {
-    _a.variant;
-    _a.alt;
-    _a.reversed;
-    _a.classNameOverride;
-    tslib.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
-    return React.createElement("div", null, "BrandName");
-    // return (
-    //   <picture className={classNameOverride} {...restProps}>
-    //     <source
-    //       srcSet={assetUrl(`brand/${variant}-reversed.svg`)}
-    //       media="(forced-colors: active) and (prefers-color-scheme: dark)"
-    //     />
-    //     <source
-    //       srcSet={assetUrl(`brand/${variant}-default.svg`)}
-    //       media="(forced-colors: active) and (prefers-color-scheme: light)"
-    //     />
-    //     <img
-    //       src={assetUrl(`brand/${variant}${brandTheme}.svg`)}
-    //       alt={alt}
-    //       className={styles.img}
-    //     />
-    //   </picture>
-    // )
+    var variant = _a.variant,
+      alt = _a.alt,
+      _b = _a.reversed,
+      reversed = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
+    var brandTheme = reversed ? "-reversed" : "-default";
+    return React.createElement("picture", tslib.__assign({
+      className: classNameOverride
+    }, restProps), React.createElement("source", {
+      srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-reversed.svg")),
+      media: "(forced-colors: active) and (prefers-color-scheme: dark)"
+    }), React.createElement("source", {
+      srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-default.svg")),
+      media: "(forced-colors: active) and (prefers-color-scheme: light)"
+    }), React.createElement("img", {
+      src: hostedAssets.assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")),
+      alt: alt,
+      className: Brand_module.img
+    }));
   };
   Brand.displayName = "Brand";
   return Brand;

package/dist/cjs/Brand/Brand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.cjs","sources":["../../../src/Brand/Brand.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { HTMLAttributes } from \"react\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Brand.module.scss\"\n\nexport type BrandProps = {\n  variant:\n    | \"logo-horizontal\"\n    | \"logo-vertical\"\n    | \"enso\"\n    | \"collective-intelligence\"\n  alt: string\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const Brand = ({\n  variant,\n  alt,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: BrandProps): JSX.Element => {\n  const brandTheme = reversed ? \"-reversed\" : \"-default\"\n\n  return <div>BrandName</div>\n\n  // return (\n  //   <picture className={classNameOverride} {...restProps}>\n  //     <source\n  //       srcSet={assetUrl(`brand/${variant}-reversed.svg`)}\n  //       media=\"(forced-colors: active) and (prefers-color-scheme: dark)\"\n  //     />\n  //     <source\n  //       srcSet={assetUrl(`brand/${variant}-default.svg`)}\n  //       media=\"(forced-colors: active) and (prefers-color-scheme: light)\"\n  //     />\n  //     <img\n  //       src={assetUrl(`brand/${variant}${brandTheme}.svg`)}\n  //       alt={alt}\n  //       className={styles.img}\n  //     />\n  //   </picture>\n  // )\n}\n\nBrand.displayName = \"Brand\"\n"],"names":["Brand","_a","variant","alt","classNameOverride","__rest","React","displayName"],"mappings":";;;;MAgBaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALJA,EAAA,CAAAC,OAAA;IACJD,EAAA,CAAAE,GAAA;eACa;IACCF,EAAA,CAAAG,iBAAA;IACLC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EALQ,mDAMrB,CADa;IAIZ,OAAOK,6CAAoB;;;;;;;;;;;;;;;;;;EAmB7B,CAAC;EAEDN,KAAK,CAACO,WAAW,GAAG,OAAO;EAAA,OA9BdP,KAAK;AAAA;"}
+{"version":3,"file":"Brand.cjs","sources":["../../../src/Brand/Brand.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Brand.module.scss\"\n\nexport type BrandProps = {\n  variant:\n    | \"logo-horizontal\"\n    | \"logo-vertical\"\n    | \"enso\"\n    | \"collective-intelligence\"\n  alt: string\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const Brand = ({\n  variant,\n  alt,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: BrandProps): JSX.Element => {\n  const brandTheme = reversed ? \"-reversed\" : \"-default\"\n\n  return (\n    <picture className={classNameOverride} {...restProps}>\n      <source\n        srcSet={assetUrl(`brand/${variant}-reversed.svg`)}\n        media=\"(forced-colors: active) and (prefers-color-scheme: dark)\"\n      />\n      <source\n        srcSet={assetUrl(`brand/${variant}-default.svg`)}\n        media=\"(forced-colors: active) and (prefers-color-scheme: light)\"\n      />\n      <img\n        src={assetUrl(`brand/${variant}${brandTheme}.svg`)}\n        alt={alt}\n        className={styles.img}\n      />\n    </picture>\n  )\n}\n\nBrand.displayName = \"Brand\"\n"],"names":["Brand","_a","variant","alt","_b","reversed","classNameOverride","restProps","__rest","brandTheme","React","createElement","__assign","className","srcSet","assetUrl","concat","media","src","styles","img","displayName"],"mappings":";;;;;;MAeaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALX,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,gBAAgB;MAAhBC,QAAQ,mBAAG,KAAK,GAAAD,EAAA;MAChBE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAP,EAAA,EALQ,mDAMrB,CADa;IAEZ,IAAMQ,UAAU,GAAGJ,QAAQ,GAAG,WAAW,GAAG,UAAU;IAEtD,OACEK,KAAS,CAAAC,aAAA,CAAA,SAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEP;OAAuBC,SAAS,CAAA,EAClDG,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEG,MAAM,EAAEC,YAAAA,CAAAA,QAAQ,CAAC,QAAS,CAAAC,MAAA,CAAAd,OAAO,EAAe,eAAA,CAAA,CAAC;MACjDe,KAAK,EAAC;IAA0D,CAChE,CAAA,EACFP,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEG,MAAM,EAAEC,YAAAA,CAAAA,QAAQ,CAAC,QAAS,CAAAC,MAAA,CAAAd,OAAO,EAAc,cAAA,CAAA,CAAC;MAChDe,KAAK,EAAC;IAA2D,CACjE,CAAA,EACFP,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAO,GAAG,EAAEH,YAAAA,CAAAA,QAAQ,CAAC,gBAASb,OAAO,CAAA,CAAAc,MAAA,CAAGP,UAAU,EAAA,MAAA,CAAM,CAAC;MAClDN,GAAG,EAAEA,GAAG;MACRU,SAAS,EAAEM,YAAM,CAACC;IAAG,CAAA,CACrB,CACM;EAEd,CAAC;EAEDpB,KAAK,CAACqB,WAAW,GAAG,OAAO;EAAA,OA5BdrB,KAAK;AAAA;"}

package/dist/cjs/Brand/Brand.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "img": "Brand-module_img__uWvra"
+};
+module.exports = styles;
+//# sourceMappingURL=Brand.module.scss.cjs.map

package/dist/cjs/Brand/Brand.module.scss.cjs.map

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

package/dist/cjs/Tag/Tag.cjs

@@ -76,7 +76,7 @@ const Tag = /*#__PURE__*/function () {
             className: Tag_module.profile
           }, props.avatar && renderAvatar(props.avatar));
         default:
-          return;
+          return React.createElement(React.Fragment, null);
       }
     }(), React.createElement("span", {
       className: classnames(Tag_module.textContent, isTruncated && Tag_module.truncate),

package/dist/cjs/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","default","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return <></>\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","default","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}

package/dist/cjs/index.css

@@ -1,10 +1,10 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
-.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
 .Main-module_main__hMyB1{z-index:0}
-.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
+.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
 .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
@@ -12,6 +12,7 @@
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
 .AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
 .Badge-module_badge__CRtsW{border-radius:var(--spacing-sm,.75rem);color:var(--color-purple-800,#2f2438);display:inline-block;font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);min-width:8px;padding:1px var(--spacing-xs,.375rem);position:relative;text-align:center}.Badge-module_badge__CRtsW.Badge-module_large__0QOpY{border-radius:var(--spacing-xl,3rem);display:inline-flex;font-size:var(--typography-data-medium-font-size,3rem);justify-content:center;letter-spacing:var(--typography-data-medium-letter-spacing,normal);line-height:var(--typography-data-medium-line-height,5rem);padding:2px 1.875rem;width:24px}.Badge-module_default__k4Kcf{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Badge-module_active__-e-i2{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.Badge-module_reversed__OgQLB.Badge-module_active__-e-i2{background-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.Badge-module_dark__RH34a{background-color:rgba(var(--color-purple-700-rgb,74,35,77),.1);color:var(--color-purple-800,#2f2438)}.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7);min-width:unset;padding:var(--spacing-xs,.375rem)}.Badge-module_dot__BOKL1.Badge-module_large__0QOpY{background-color:var(--color-green-300,#8fdbc7);padding:1.875rem;width:unset}.Badge-module_reversed__OgQLB.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7)}.Badge-module_reversed__OgQLB.Badge-module_dark__RH34a{background-color:var(--color-purple-700,#4a234d);color:var(--color-white,#fff)}.Badge-module_reversed__OgQLB{background-color:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.Badge-module_animation__NTy6C{display:inherit}.Badge-module_animation__NTy6C .Badge-module_badge__CRtsW{transform:scaleX(1);transform-origin:center;transition:transform var(--animation-duration-slow,.4s)/2 var(--animation-easing-function-ease-in,cubic-bezier(.55,.085,.68,.53)),background-color var(--animation-duration-slow,.4s)/2 var(--animation-easing-function-ease-in,cubic-bezier(.55,.085,.68,.53))}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW{transform:scale3d(1.35,1.35,1.35)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dark__RH34a{background-color:rgba(var(--color-purple-700-rgb,74,35,77),.2)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_active__-e-i2{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7)}
+.Brand-module_img__uWvra{display:flex;max-inline-size:100%}
 .LoadingGraphic-module_loadingGraphic__lg-gH{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingGraphic-module_fade-in-out__VFBMB{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingGraphic-module_isAnimated__tyskp{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingGraphic-module_fade-in-out__VFBMB}.LoadingGraphic-module_loadingGraphic__lg-gH{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1);border-radius:50%}.LoadingGraphic-module_isReversed__HmZ4H{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}
 .LoadingHeading-module_loadingHeading__tb9a-{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingHeading-module_fade-in-out__4e-Ds{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingHeading-module_isAnimated__cbstI{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingHeading-module_fade-in-out__4e-Ds}.LoadingHeading-module_loadingHeading__tb9a-{background-color:rgba(var(--color-gray-500-rgb,135,135,146),.2)}.LoadingHeading-module_display-0__SXmNU{height:var(--typography-display-0-font-size,4.5rem);margin-bottom:calc(var(--typography-display-0-line-height, 5.25rem) - var(--typography-display-0-font-size, 4.5rem))}.LoadingHeading-module_heading-1__09eOy{height:var(--typography-heading-1-font-size,2.125rem);margin-bottom:calc(var(--typography-heading-1-line-height, 2.625rem) - var(--typography-heading-1-font-size, 2.125rem))}.LoadingHeading-module_heading-2__bxtDS{height:var(--typography-heading-2-font-size,1.75rem);margin-bottom:calc(var(--typography-heading-2-line-height, 2.25rem) - var(--typography-heading-2-font-size, 1.75rem))}.LoadingHeading-module_heading-3__h8MXB{height:var(--typography-heading-3-font-size,1.375rem);margin-bottom:calc(var(--typography-heading-3-line-height, 1.875rem) - var(--typography-heading-3-font-size, 1.375rem))}.LoadingHeading-module_heading-4__VsC1Y{height:var(--typography-heading-4-font-size,1.125rem);margin-bottom:calc(var(--typography-heading-4-line-height, 1.5rem) - var(--typography-heading-4-font-size, 1.125rem))}.LoadingHeading-module_heading-5__5arKU{height:var(--typography-heading-5-font-size,1rem);margin-bottom:calc(var(--typography-heading-5-line-height, 1.5rem) - var(--typography-heading-5-font-size, 1rem))}.LoadingHeading-module_heading-6__sLipd{height:var(--typography-heading-6-font-size,.875rem);margin-bottom:calc(var(--typography-heading-6-line-height, 1.5rem) - var(--typography-heading-6-font-size, .875rem))}.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.2)}.LoadingHeading-module_link__E7uU1{background-color:rgba(var(--color-blue-500-rgb,1,104,179),.2)}.LoadingHeading-module_link__E7uU1.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.65)}
 .LoadingInput-module_loadingInput__65Cpe{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingInput-module_fade-in-out__XW4tT{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingInput-module_isAnimated__hJtl-{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingInput-module_fade-in-out__XW4tT}.LoadingInput-module_loadingInput__65Cpe{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.LoadingInput-module_isReversed__wyVkD{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}

package/dist/esm/Brand/Brand.mjs

@@ -1,30 +1,29 @@
-import { __rest } from 'tslib';
+import { __rest, __assign } from 'tslib';
 import React from 'react';
+import { assetUrl } from '@kaizen/hosted-assets';
+import styles from './Brand.module.scss.mjs';
 const Brand = /*#__PURE__*/function () {
   const Brand = function (_a) {
-    _a.variant;
-    _a.alt;
-    _a.reversed;
-    _a.classNameOverride;
-    __rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", null, "BrandName");
-    // return (
-    //   <picture className={classNameOverride} {...restProps}>
-    //     <source
-    //       srcSet={assetUrl(`brand/${variant}-reversed.svg`)}
-    //       media="(forced-colors: active) and (prefers-color-scheme: dark)"
-    //     />
-    //     <source
-    //       srcSet={assetUrl(`brand/${variant}-default.svg`)}
-    //       media="(forced-colors: active) and (prefers-color-scheme: light)"
-    //     />
-    //     <img
-    //       src={assetUrl(`brand/${variant}${brandTheme}.svg`)}
-    //       alt={alt}
-    //       className={styles.img}
-    //     />
-    //   </picture>
-    // )
+    var variant = _a.variant,
+      alt = _a.alt,
+      _b = _a.reversed,
+      reversed = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
+    var brandTheme = reversed ? "-reversed" : "-default";
+    return /*#__PURE__*/React.createElement("picture", __assign({
+      className: classNameOverride
+    }, restProps), /*#__PURE__*/React.createElement("source", {
+      srcSet: assetUrl("brand/".concat(variant, "-reversed.svg")),
+      media: "(forced-colors: active) and (prefers-color-scheme: dark)"
+    }), /*#__PURE__*/React.createElement("source", {
+      srcSet: assetUrl("brand/".concat(variant, "-default.svg")),
+      media: "(forced-colors: active) and (prefers-color-scheme: light)"
+    }), /*#__PURE__*/React.createElement("img", {
+      src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")),
+      alt: alt,
+      className: styles.img
+    }));
   };
   Brand.displayName = "Brand";
   return Brand;

package/dist/esm/Brand/Brand.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.mjs","sources":["../../../src/Brand/Brand.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { HTMLAttributes } from \"react\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Brand.module.scss\"\n\nexport type BrandProps = {\n  variant:\n    | \"logo-horizontal\"\n    | \"logo-vertical\"\n    | \"enso\"\n    | \"collective-intelligence\"\n  alt: string\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const Brand = ({\n  variant,\n  alt,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: BrandProps): JSX.Element => {\n  const brandTheme = reversed ? \"-reversed\" : \"-default\"\n\n  return <div>BrandName</div>\n\n  // return (\n  //   <picture className={classNameOverride} {...restProps}>\n  //     <source\n  //       srcSet={assetUrl(`brand/${variant}-reversed.svg`)}\n  //       media=\"(forced-colors: active) and (prefers-color-scheme: dark)\"\n  //     />\n  //     <source\n  //       srcSet={assetUrl(`brand/${variant}-default.svg`)}\n  //       media=\"(forced-colors: active) and (prefers-color-scheme: light)\"\n  //     />\n  //     <img\n  //       src={assetUrl(`brand/${variant}${brandTheme}.svg`)}\n  //       alt={alt}\n  //       className={styles.img}\n  //     />\n  //   </picture>\n  // )\n}\n\nBrand.displayName = \"Brand\"\n"],"names":["Brand","_a","variant","alt","classNameOverride","__rest","React","displayName"],"mappings":";;MAgBaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALJA,EAAA,CAAAC,OAAA;IACJD,EAAA,CAAAE,GAAA;eACa;IACCF,EAAA,CAAAG,iBAAA;IACLC,MAAA,CAAAJ,EAAA,EALQ,mDAMrB,CADa;IAIZ,oBAAOK,6CAAoB;;;;;;;;;;;;;;;;;;EAmB7B,CAAC;EAEDN,KAAK,CAACO,WAAW,GAAG,OAAO;EAAA,OA9BdP,KAAK;AAAA;"}
+{"version":3,"file":"Brand.mjs","sources":["../../../src/Brand/Brand.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Brand.module.scss\"\n\nexport type BrandProps = {\n  variant:\n    | \"logo-horizontal\"\n    | \"logo-vertical\"\n    | \"enso\"\n    | \"collective-intelligence\"\n  alt: string\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const Brand = ({\n  variant,\n  alt,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: BrandProps): JSX.Element => {\n  const brandTheme = reversed ? \"-reversed\" : \"-default\"\n\n  return (\n    <picture className={classNameOverride} {...restProps}>\n      <source\n        srcSet={assetUrl(`brand/${variant}-reversed.svg`)}\n        media=\"(forced-colors: active) and (prefers-color-scheme: dark)\"\n      />\n      <source\n        srcSet={assetUrl(`brand/${variant}-default.svg`)}\n        media=\"(forced-colors: active) and (prefers-color-scheme: light)\"\n      />\n      <img\n        src={assetUrl(`brand/${variant}${brandTheme}.svg`)}\n        alt={alt}\n        className={styles.img}\n      />\n    </picture>\n  )\n}\n\nBrand.displayName = \"Brand\"\n"],"names":["Brand","_a","variant","alt","_b","reversed","classNameOverride","restProps","__rest","brandTheme","React","createElement","__assign","className","srcSet","assetUrl","concat","media","src","styles","img","displayName"],"mappings":";;;;MAeaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALX,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,gBAAgB;MAAhBC,QAAQ,mBAAG,KAAK,GAAAD,EAAA;MAChBE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAP,EAAA,EALQ,mDAMrB,CADa;IAEZ,IAAMQ,UAAU,GAAGJ,QAAQ,GAAG,WAAW,GAAG,UAAU;IAEtD,oBACEK,KAAS,CAAAC,aAAA,CAAA,SAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEP;OAAuBC,SAAS,CAAA,eAClDG,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEG,MAAM,EAAEC,QAAQ,CAAC,QAAS,CAAAC,MAAA,CAAAd,OAAO,EAAe,eAAA,CAAA,CAAC;MACjDe,KAAK,EAAC;IAA0D,CAChE,CAAA,eACFP,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEG,MAAM,EAAEC,QAAQ,CAAC,QAAS,CAAAC,MAAA,CAAAd,OAAO,EAAc,cAAA,CAAA,CAAC;MAChDe,KAAK,EAAC;IAA2D,CACjE,CAAA,eACFP,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAO,GAAG,EAAEH,QAAQ,CAAC,gBAASb,OAAO,CAAA,CAAAc,MAAA,CAAGP,UAAU,EAAA,MAAA,CAAM,CAAC;MAClDN,GAAG,EAAEA,GAAG;MACRU,SAAS,EAAEM,MAAM,CAACC;IAAG,CAAA,CACrB,CACM;EAEd,CAAC;EAEDpB,KAAK,CAACqB,WAAW,GAAG,OAAO;EAAA,OA5BdrB,KAAK;AAAA;"}

package/dist/esm/Brand/Brand.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "img": "Brand-module_img__uWvra"
+};
+export { styles as default };
+//# sourceMappingURL=Brand.module.scss.mjs.map

package/dist/esm/Brand/Brand.module.scss.mjs.map

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

package/dist/esm/Tag/Tag.mjs

@@ -74,7 +74,7 @@ const Tag = /*#__PURE__*/function () {
             className: styles.profile
           }, props.avatar && renderAvatar(props.avatar));
         default:
-          return;
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
       }
     }(), /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.textContent, isTruncated && styles.truncate),

package/dist/esm/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","default","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}
+{"version":3,"file":"Tag.mjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return <></>\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","default","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}

package/dist/esm/index.css

@@ -1,17 +1,18 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
+.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
 .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
-.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
+.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
 .AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
 .Badge-module_badge__CRtsW{border-radius:var(--spacing-sm,.75rem);color:var(--color-purple-800,#2f2438);display:inline-block;font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);min-width:8px;padding:1px var(--spacing-xs,.375rem);position:relative;text-align:center}.Badge-module_badge__CRtsW.Badge-module_large__0QOpY{border-radius:var(--spacing-xl,3rem);display:inline-flex;font-size:var(--typography-data-medium-font-size,3rem);justify-content:center;letter-spacing:var(--typography-data-medium-letter-spacing,normal);line-height:var(--typography-data-medium-line-height,5rem);padding:2px 1.875rem;width:24px}.Badge-module_default__k4Kcf{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Badge-module_active__-e-i2{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.Badge-module_reversed__OgQLB.Badge-module_active__-e-i2{background-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.Badge-module_dark__RH34a{background-color:rgba(var(--color-purple-700-rgb,74,35,77),.1);color:var(--color-purple-800,#2f2438)}.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7);min-width:unset;padding:var(--spacing-xs,.375rem)}.Badge-module_dot__BOKL1.Badge-module_large__0QOpY{background-color:var(--color-green-300,#8fdbc7);padding:1.875rem;width:unset}.Badge-module_reversed__OgQLB.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7)}.Badge-module_reversed__OgQLB.Badge-module_dark__RH34a{background-color:var(--color-purple-700,#4a234d);color:var(--color-white,#fff)}.Badge-module_reversed__OgQLB{background-color:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.Badge-module_animation__NTy6C{display:inherit}.Badge-module_animation__NTy6C .Badge-module_badge__CRtsW{transform:scaleX(1);transform-origin:center;transition:transform var(--animation-duration-slow,.4s)/2 var(--animation-easing-function-ease-in,cubic-bezier(.55,.085,.68,.53)),background-color var(--animation-duration-slow,.4s)/2 var(--animation-easing-function-ease-in,cubic-bezier(.55,.085,.68,.53))}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW{transform:scale3d(1.35,1.35,1.35)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dark__RH34a{background-color:rgba(var(--color-purple-700-rgb,74,35,77),.2)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_active__-e-i2{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7)}
+.Brand-module_img__uWvra{display:flex;max-inline-size:100%}
 .LoadingGraphic-module_loadingGraphic__lg-gH{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingGraphic-module_fade-in-out__VFBMB{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingGraphic-module_isAnimated__tyskp{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingGraphic-module_fade-in-out__VFBMB}.LoadingGraphic-module_loadingGraphic__lg-gH{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1);border-radius:50%}.LoadingGraphic-module_isReversed__HmZ4H{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}
 .LoadingHeading-module_loadingHeading__tb9a-{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingHeading-module_fade-in-out__4e-Ds{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingHeading-module_isAnimated__cbstI{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingHeading-module_fade-in-out__4e-Ds}.LoadingHeading-module_loadingHeading__tb9a-{background-color:rgba(var(--color-gray-500-rgb,135,135,146),.2)}.LoadingHeading-module_display-0__SXmNU{height:var(--typography-display-0-font-size,4.5rem);margin-bottom:calc(var(--typography-display-0-line-height, 5.25rem) - var(--typography-display-0-font-size, 4.5rem))}.LoadingHeading-module_heading-1__09eOy{height:var(--typography-heading-1-font-size,2.125rem);margin-bottom:calc(var(--typography-heading-1-line-height, 2.625rem) - var(--typography-heading-1-font-size, 2.125rem))}.LoadingHeading-module_heading-2__bxtDS{height:var(--typography-heading-2-font-size,1.75rem);margin-bottom:calc(var(--typography-heading-2-line-height, 2.25rem) - var(--typography-heading-2-font-size, 1.75rem))}.LoadingHeading-module_heading-3__h8MXB{height:var(--typography-heading-3-font-size,1.375rem);margin-bottom:calc(var(--typography-heading-3-line-height, 1.875rem) - var(--typography-heading-3-font-size, 1.375rem))}.LoadingHeading-module_heading-4__VsC1Y{height:var(--typography-heading-4-font-size,1.125rem);margin-bottom:calc(var(--typography-heading-4-line-height, 1.5rem) - var(--typography-heading-4-font-size, 1.125rem))}.LoadingHeading-module_heading-5__5arKU{height:var(--typography-heading-5-font-size,1rem);margin-bottom:calc(var(--typography-heading-5-line-height, 1.5rem) - var(--typography-heading-5-font-size, 1rem))}.LoadingHeading-module_heading-6__sLipd{height:var(--typography-heading-6-font-size,.875rem);margin-bottom:calc(var(--typography-heading-6-line-height, 1.5rem) - var(--typography-heading-6-font-size, .875rem))}.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.2)}.LoadingHeading-module_link__E7uU1{background-color:rgba(var(--color-blue-500-rgb,1,104,179),.2)}.LoadingHeading-module_link__E7uU1.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.65)}
 .LoadingInput-module_loadingInput__65Cpe{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingInput-module_fade-in-out__XW4tT{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingInput-module_isAnimated__hJtl-{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingInput-module_fade-in-out__XW4tT}.LoadingInput-module_loadingInput__65Cpe{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.LoadingInput-module_isReversed__wyVkD{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}