@kaizen/components 1.44.0 → 1.45.1

package/dist/cjs/Button/Button/Button.cjs

@@ -15,19 +15,10 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
  */
 var Button = React.forwardRef(function (props, ref) {
-  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, props, {
+  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({
+    iconPosition: "start",
     ref: ref
-  }));
+  }, props));
 });
-Button.defaultProps = {
-  fullWidth: false,
-  primary: false,
-  secondary: false,
-  destructive: false,
-  disabled: false,
-  reversed: false,
-  iconPosition: "start",
-  newTabAndIUnderstandTheAccessibilityImplications: false
-};
 Button.displayName = "Button";
 exports.Button = Button;

package/dist/cjs/Button/GenericButton/GenericButton.cjs

@@ -29,7 +29,22 @@ var getCustomProps = function (props) {
     return acc;
   }, {});
 };
-var GenericButton = React.forwardRef(function (props, ref) {
+var GenericButton = React.forwardRef(function (_a, ref) {
+  var _b = _a.iconPosition,
+    iconPosition = _b === void 0 ? "start" : _b,
+    _c = _a.iconButton,
+    iconButton = _c === void 0 ? false : _c,
+    _d = _a.primary,
+    primary = _d === void 0 ? false : _d,
+    _e = _a.secondary,
+    secondary = _e === void 0 ? false : _e,
+    _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
+    newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
+    _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
+    _h = _a.type,
+    type = _h === void 0 ? "button" : _h,
+    otherProps = tslib.__rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
   var buttonRef = React.useRef();
   React.useImperativeHandle(ref, function () {
     return {
@@ -39,6 +54,15 @@ var GenericButton = React.forwardRef(function (props, ref) {
       }
     };
   });
+  var props = tslib.__assign({
+    iconPosition: iconPosition,
+    iconButton: iconButton,
+    primary: primary,
+    secondary: secondary,
+    newTabAndIUnderstandTheAccessibilityImplications: newTabAndIUnderstandTheAccessibilityImplications,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications: disableTabFocusAndIUnderstandTheAccessibilityImplications,
+    type: type
+  }, otherProps);
   var determineButtonRenderer = function () {
     if (props.component) {
       return renderCustomComponent(props.component, props);
@@ -53,15 +77,6 @@ var GenericButton = React.forwardRef(function (props, ref) {
     "aria-live": "workingLabel" in props ? "polite" : undefined
   }, determineButtonRenderer());
 });
-GenericButton.defaultProps = {
-  iconPosition: "start",
-  iconButton: false,
-  primary: false,
-  secondary: false,
-  newTabAndIUnderstandTheAccessibilityImplications: false,
-  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
-  type: "button"
-};
 GenericButton.displayName = "GenericButton";
 var renderCustomComponent = function (CustomComponent, props) {
   var id = props.id,

package/dist/cjs/Button/IconButton/IconButton.cjs

@@ -14,17 +14,12 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
  */
-var IconButton = function (props) {
+var IconButton = React.forwardRef(function (props, ref) {
   return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({
     iconButton: true
-  }, props));
-};
-IconButton.defaultProps = {
-  primary: false,
-  destructive: false,
-  disabled: false,
-  reversed: false,
-  secondary: false
-};
+  }, props, {
+    ref: ref
+  }));
+});
 IconButton.displayName = "IconButton";
 exports.IconButton = IconButton;

package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs

@@ -32,16 +32,20 @@ var iconMap = {
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
  * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
  */
-var DirectionalLink = function (props) {
-  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, props, {
+var DirectionalLink = function (_a) {
+  var _b = _a.reversed,
+    reversed = _b === void 0 ? false : _b,
+    _c = _a.disabled,
+    disabled = _c === void 0 ? false : _c,
+    otherProps = tslib.__rest(_a, ["reversed", "disabled"]);
+  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({
+    reversed: reversed,
+    disabled: disabled
+  }, otherProps, {
     iconButton: true,
     directionalLink: true,
-    icon: iconMap[props.direction]
+    icon: iconMap[otherProps.direction]
   }));
 };
-DirectionalLink.defaultProps = {
-  reversed: false,
-  disabled: false
-};
 DirectionalLink.displayName = "DirectionalLink";
 exports.DirectionalLink = DirectionalLink;

package/dist/cjs/Pagination/subcomponents/PaginationLink/PaginationLink.cjs

@@ -16,15 +16,17 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  */
 var PaginationLink = function (_a) {
   var pageNumber = _a.pageNumber,
-    restProps = tslib.__rest(_a, ["pageNumber"]);
+    _b = _a.reversed,
+    reversed = _b === void 0 ? false : _b,
+    _c = _a.isActive,
+    isActive = _c === void 0 ? false : _c,
+    restProps = tslib.__rest(_a, ["pageNumber", "reversed", "isActive"]);
   return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, restProps, {
     paginationLink: true,
+    reversed: reversed,
+    isActive: isActive,
     label: "".concat(pageNumber)
   }));
 };
-PaginationLink.defaultProps = {
-  reversed: false,
-  isActive: false
-};
 PaginationLink.displayName = "PaginationLink";
 exports.PaginationLink = PaginationLink;

package/dist/cjs/index.css

@@ -1,11 +1,11 @@
 .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}}
+.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)}
+.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)}}
-.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}}
 .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}

package/dist/esm/Button/Button/Button.mjs

@@ -8,20 +8,11 @@ import { GenericButton } from '../GenericButton/GenericButton.mjs';
  */
 const Button = /*#__PURE__*/function () {
   const Button = /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(GenericButton, __assign({}, props, {
+    return /*#__PURE__*/React.createElement(GenericButton, __assign({
+      iconPosition: "start",
       ref: ref
-    }));
+    }, props));
   });
-  Button.defaultProps = {
-    fullWidth: false,
-    primary: false,
-    secondary: false,
-    destructive: false,
-    disabled: false,
-    reversed: false,
-    iconPosition: "start",
-    newTabAndIUnderstandTheAccessibilityImplications: false
-  };
   Button.displayName = "Button";
   return Button;
 }();

package/dist/esm/Button/GenericButton/GenericButton.mjs

@@ -21,7 +21,22 @@ var getCustomProps = function (props) {
   }, {});
 };
 const GenericButton = /*#__PURE__*/function () {
-  const GenericButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  const GenericButton = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var _b = _a.iconPosition,
+      iconPosition = _b === void 0 ? "start" : _b,
+      _c = _a.iconButton,
+      iconButton = _c === void 0 ? false : _c,
+      _d = _a.primary,
+      primary = _d === void 0 ? false : _d,
+      _e = _a.secondary,
+      secondary = _e === void 0 ? false : _e,
+      _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
+      newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
+      _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
+      disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
+      _h = _a.type,
+      type = _h === void 0 ? "button" : _h,
+      otherProps = __rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
     var buttonRef = useRef();
     useImperativeHandle(ref, function () {
       return {
@@ -31,6 +46,15 @@ const GenericButton = /*#__PURE__*/function () {
         }
       };
     });
+    var props = __assign({
+      iconPosition: iconPosition,
+      iconButton: iconButton,
+      primary: primary,
+      secondary: secondary,
+      newTabAndIUnderstandTheAccessibilityImplications: newTabAndIUnderstandTheAccessibilityImplications,
+      disableTabFocusAndIUnderstandTheAccessibilityImplications: disableTabFocusAndIUnderstandTheAccessibilityImplications,
+      type: type
+    }, otherProps);
     var determineButtonRenderer = function () {
       if (props.component) {
         return renderCustomComponent(props.component, props);
@@ -45,15 +69,6 @@ const GenericButton = /*#__PURE__*/function () {
       "aria-live": "workingLabel" in props ? "polite" : undefined
     }, determineButtonRenderer());
   });
-  GenericButton.defaultProps = {
-    iconPosition: "start",
-    iconButton: false,
-    primary: false,
-    secondary: false,
-    newTabAndIUnderstandTheAccessibilityImplications: false,
-    disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
-    type: "button"
-  };
   GenericButton.displayName = "GenericButton";
   return GenericButton;
 }();

package/dist/esm/Button/IconButton/IconButton.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { GenericButton } from '../GenericButton/GenericButton.mjs';
 
 /**
@@ -7,18 +7,13 @@ import { GenericButton } from '../GenericButton/GenericButton.mjs';
  * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
  */
 const IconButton = /*#__PURE__*/function () {
-  const IconButton = function (props) {
+  const IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(GenericButton, __assign({
       iconButton: true
-    }, props));
-  };
-  IconButton.defaultProps = {
-    primary: false,
-    destructive: false,
-    disabled: false,
-    reversed: false,
-    secondary: false
-  };
+    }, props, {
+      ref: ref
+    }));
+  });
   IconButton.displayName = "IconButton";
   return IconButton;
 }();

package/dist/esm/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs

@@ -1,4 +1,4 @@
-import { __assign } from 'tslib';
+import { __rest, __assign } from 'tslib';
 import React from 'react';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
@@ -25,17 +25,21 @@ var iconMap = {
  * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
  */
 const DirectionalLink = /*#__PURE__*/function () {
-  const DirectionalLink = function (props) {
-    return /*#__PURE__*/React.createElement(GenericButton, __assign({}, props, {
+  const DirectionalLink = function (_a) {
+    var _b = _a.reversed,
+      reversed = _b === void 0 ? false : _b,
+      _c = _a.disabled,
+      disabled = _c === void 0 ? false : _c,
+      otherProps = __rest(_a, ["reversed", "disabled"]);
+    return /*#__PURE__*/React.createElement(GenericButton, __assign({
+      reversed: reversed,
+      disabled: disabled
+    }, otherProps, {
       iconButton: true,
       directionalLink: true,
-      icon: iconMap[props.direction]
+      icon: iconMap[otherProps.direction]
     }));
   };
-  DirectionalLink.defaultProps = {
-    reversed: false,
-    disabled: false
-  };
   DirectionalLink.displayName = "DirectionalLink";
   return DirectionalLink;
 }();

package/dist/esm/Pagination/subcomponents/PaginationLink/PaginationLink.mjs

@@ -9,16 +9,18 @@ import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
 const PaginationLink = /*#__PURE__*/function () {
   const PaginationLink = function (_a) {
     var pageNumber = _a.pageNumber,
-      restProps = __rest(_a, ["pageNumber"]);
+      _b = _a.reversed,
+      reversed = _b === void 0 ? false : _b,
+      _c = _a.isActive,
+      isActive = _c === void 0 ? false : _c,
+      restProps = __rest(_a, ["pageNumber", "reversed", "isActive"]);
     return /*#__PURE__*/React.createElement(GenericButton, __assign({}, restProps, {
       paginationLink: true,
+      reversed: reversed,
+      isActive: isActive,
       label: "".concat(pageNumber)
     }));
   };
-  PaginationLink.defaultProps = {
-    reversed: false,
-    isActive: false
-  };
   PaginationLink.displayName = "PaginationLink";
   return PaginationLink;
 }();

package/dist/esm/index.css

@@ -1,11 +1,11 @@
 .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}}
+.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)}
+.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)}}
-.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}}
 .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}