@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009044311

package/dist/cjs/packages/components/src/Notification/GenericNotification/GenericNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNotification.js","sources":["../../../../../../../src/Notification/GenericNotification/GenericNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Heading, HeadingProps } from \"@kaizen/typography\"\nimport { CautionIcon } from \"~components/Icon/CautionIcon\"\nimport { CloseIcon } from \"~components/Icon/CloseIcon\"\nimport { ExclamationIcon } from \"~components/Icon/ExclamationIcon\"\nimport { InformationIcon } from \"~components/Icon/InformationIcon\"\nimport { SecurityTipIcon } from \"~components/Icon/SecurityTipIcon\"\nimport { SuccessIcon } from \"~components/Icon/SuccessIcon\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./GenericNotification.module.scss\"\n\nexport type GenericNotificationProps = OverrideClassName<{\n  type: NotificationType\n  style: \"global\" | \"inline\" | \"toast\"\n  children?: React.ReactNode\n  title?: string\n  persistent: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n}>\n\ntype State = {\n  hidden: boolean\n  removed: boolean\n}\n\nconst renderIcon = (type: NotificationType): JSX.Element => {\n  switch (type) {\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" inheritSize />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" inheritSize />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" inheritSize />\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" inheritSize />\n    case \"security\":\n      return <SecurityTipIcon role=\"presentation\" inheritSize />\n    default:\n      return <InformationIcon role=\"presentation\" inheritSize />\n  }\n}\n\nclass GenericNotification extends React.Component<\n  GenericNotificationProps,\n  State\n> {\n  static defaultProps = {\n    persistent: false,\n  }\n\n  state = {\n    hidden: true,\n    removed: false,\n  }\n\n  containerRef = React.createRef<HTMLDivElement>()\n\n  constructor(props: GenericNotificationProps) {\n    super(props)\n\n    this.hide = this.hide.bind(this)\n    this.onTransitionEnd = this.onTransitionEnd.bind(this)\n  }\n\n  componentDidMount(): void {\n    requestAnimationFrame(() => {\n      if (this.containerRef.current) {\n        this.setState({ hidden: false })\n      }\n    })\n  }\n\n  render(): JSX.Element | null {\n    if (this.state.removed) {\n      return null\n    }\n\n    return (\n      <div\n        className={this.className()}\n        style={{ marginTop: this.marginTop() }}\n        ref={this.containerRef}\n        onTransitionEnd={this.onTransitionEnd}\n      >\n        <div className={styles.icon}>{renderIcon(this.props.type)}</div>\n        <div className={this.textContainerClassName()}>\n          {this.props.style !== \"global\" && (\n            <NotificationHeading\n              titleProp={this.props.title}\n              headingProps={this.props.headingProps}\n            />\n          )}\n          {this.props.children && (\n            <div className={styles.text}>{this.props.children}</div>\n          )}\n        </div>\n        {!this.props.persistent && <CancelButton onClick={this.hide} />}\n      </div>\n    )\n  }\n\n  className(): string {\n    return classnames(\n      styles.notification,\n      styles[this.props.type],\n      styles[this.props.style],\n      this.state.hidden && styles.hidden,\n      this.props.noBottomMargin && styles.noBottomMargin,\n      this.props.classNameOverride,\n      this.props.persistent && styles.persistent\n    )\n  }\n\n  textContainerClassName(): string {\n    return classnames(\n      styles.textContainer,\n      this.props.forceMultiline && styles.forceMultiline\n    )\n  }\n\n  marginTop(): string {\n    if (this.state.hidden && this.containerRef.current) {\n      return -this.containerRef.current.clientHeight + \"px\"\n    }\n    return \"0\"\n  }\n\n  onTransitionEnd(e: React.TransitionEvent<HTMLDivElement>): void {\n    // Be careful: this assumes the final CSS property to be animated is \"margin-top\".\n    if (this.state.hidden && e.propertyName === \"margin-top\") {\n      this.setState({ removed: true })\n      if (this.props.onHide) {\n        this.props.onHide()\n      }\n    }\n  }\n\n  hide(): void {\n    this.setState({ hidden: true })\n  }\n}\n\ntype CancelButtonProps = {\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nconst CancelButton = ({ onClick }: CancelButtonProps): JSX.Element => (\n  <button\n    className={styles.cancel}\n    type=\"button\"\n    onClick={onClick}\n    data-testid=\"close-button\"\n    aria-label=\"Close notification\"\n  >\n    <CloseIcon role=\"presentation\" />\n  </button>\n)\n\ntype NotificationHeadingProps = {\n  titleProp?: HeadingProps[\"children\"]\n  headingProps?: HeadingProps\n}\n\nconst NotificationHeading = ({\n  titleProp,\n  headingProps,\n}: NotificationHeadingProps): JSX.Element | null => {\n  if (headingProps) {\n    return (\n      <Heading\n        variant={headingProps.variant || \"heading-6\"}\n        tag={headingProps.tag || \"div\"}\n        color={headingProps.color || \"dark\"}\n        classNameOverride={styles.notificationTitle}\n      >\n        {headingProps.children}\n      </Heading>\n    )\n  } else if (titleProp) {\n    return (\n      <Heading\n        variant=\"heading-6\"\n        tag=\"div\"\n        color=\"dark\"\n        classNameOverride={styles.notificationTitle}\n      >\n        {titleProp}\n      </Heading>\n    )\n  } else return null\n}\n\nexport default GenericNotification\n"],"names":["SuccessIcon","ExclamationIcon","CautionIcon","InformationIcon","SecurityTipIcon","__extends","GenericNotification","styles","CloseIcon","Heading"],"mappings":"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"}

package/dist/cjs/packages/components/src/Notification/GenericNotification/GenericNotification.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"notification":"GenericNotification-module_notification__WthrT","inline":"GenericNotification-module_inline__XWL5F","toast":"GenericNotification-module_toast__5pPAJ","global":"GenericNotification-module_global__0zTH5","positive":"GenericNotification-module_positive__Cpxfz","informative":"GenericNotification-module_informative__tVox9","cautionary":"GenericNotification-module_cautionary__fNb5k","security":"GenericNotification-module_security__Z5WpF","negative":"GenericNotification-module_negative__8mWmU","hidden":"GenericNotification-module_hidden__tAZ7q","noBottomMargin":"GenericNotification-module_noBottomMargin__tx-mx","persistent":"GenericNotification-module_persistent__zKpKk","subtle":"GenericNotification-module_subtle__u7kYc","icon":"GenericNotification-module_icon__vrgmL","textContainer":"GenericNotification-module_textContainer__pySLY","forceMultiline":"GenericNotification-module_forceMultiline__Ld6IZ","title":"GenericNotification-module_title__vQYoU","text":"GenericNotification-module_text__2vI-l","cancel":"GenericNotification-module_cancel__hKw5M","disabled":"GenericNotification-module_disabled__eV3I-","hover":"GenericNotification-module_hover__Q2-P-","active":"GenericNotification-module_active__F6v29","cancelLabel":"GenericNotification-module_cancelLabel__D7Uo6","notificationTitle":"GenericNotification-module_notificationTitle__WuUc1"};
+
+module.exports = styles;
+//# sourceMappingURL=GenericNotification.module.scss.js.map

package/dist/cjs/packages/components/src/Notification/GenericNotification/GenericNotification.module.scss.js.map

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

package/dist/cjs/packages/components/src/Notification/GenericNotification/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var GenericNotification = require('./GenericNotification.js');
+
+
+
+module.exports = GenericNotification;
+//# sourceMappingURL=index.js.map

package/dist/cjs/packages/components/src/Notification/GenericNotification/index.js.map

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

package/dist/cjs/packages/components/src/Notification/GlobalNotification/GlobalNotification.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var GenericNotification = require('../GenericNotification/GenericNotification.js');
+
+var GlobalNotification = function(_a) {
+  var _b = _a.persistent, persistent = _b === void 0 ? false : _b, props = tslib_es6.__rest(_a, ["persistent"]);
+  return React.createElement(GenericNotification, tslib_es6.__assign({ persistent, style: "global" }, props));
+};
+GlobalNotification.displayName = "GlobalNotification";
+
+exports.GlobalNotification = GlobalNotification;
+//# sourceMappingURL=GlobalNotification.js.map

package/dist/cjs/packages/components/src/Notification/GlobalNotification/GlobalNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalNotification.js","sources":["../../../../../../../src/Notification/GlobalNotification/GlobalNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport GenericNotification from \"../GenericNotification\"\n\nexport type GlobalNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children: React.ReactNode\n  onHide?: () => void\n  persistent?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}\n */\nexport const GlobalNotification = ({\n  persistent = false,\n  ...props\n}: GlobalNotificationProps): JSX.Element => (\n  <GenericNotification persistent={persistent} style=\"global\" {...props} />\n)\n\nGlobalNotification.displayName = \"GlobalNotification\"\n"],"names":["__rest","__assign"],"mappings":";;;;;;AAgBa,IAAA,kBAAA,GAAqB,SAAC,EAGT,EAAA;AAFxB,EAAA,IAAA,EAAA,GAAA,EAAA,CAAA,UAAA,EAAA,UAAA,GAAa,EAAA,KAAA,KAAA,CAAA,GAAA,YACV,KAF8B,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,YAAA,CAGlC,CAAA,CAAA;AAA2C,EAC1C,OAAA,KAAA,CAAA,aAAC,CAAA,mBAAA,EAAmBC,kBAAA,CAAA,EAAC,YAAwB,KAAM,EAAA,QAAA,EAAa,EAAA,KAAK,CAAA,CAAA,CAAA;;AAGvE,kBAAA,CAAmB,WAAc,GAAA,oBAAA;;;;"}

package/dist/cjs/packages/components/src/Notification/InlineNotification/InlineNotification.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var GenericNotification = require('../GenericNotification/GenericNotification.js');
+var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.js');
+
+var InlineNotification = function(_a) {
+  var isSubtle = _a.isSubtle, _b = _a.hideCloseIcon, hideCloseIcon = _b === void 0 ? false : _b, _c = _a.persistent, persistent = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, otherProps = tslib_es6.__rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
+  return React.createElement(GenericNotification, tslib_es6.__assign({ style: "inline", persistent: persistent || hideCloseIcon, classNameOverride: classnames(classNameOverride, [
+    isSubtle && GenericNotification_module.subtle
+  ]) }, otherProps));
+};
+InlineNotification.displayName = "InlineNotification";
+
+exports.InlineNotification = InlineNotification;
+//# sourceMappingURL=InlineNotification.js.map

package/dist/cjs/packages/components/src/Notification/InlineNotification/InlineNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineNotification.js","sources":["../../../../../../../src/Notification/InlineNotification/InlineNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport GenericNotification from \"../GenericNotification\"\n\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\nimport { NotificationType } from \"../types\"\n\nexport type InlineNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children?: React.ReactNode\n  /** @default false */\n  persistent?: boolean\n  /** @default false */\n  hideCloseIcon?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n  isSubtle?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}\n */\nexport const InlineNotification = ({\n  isSubtle,\n  hideCloseIcon = false,\n  persistent = false,\n  classNameOverride,\n  ...otherProps\n}: InlineNotificationProps): JSX.Element => (\n  <GenericNotification\n    style=\"inline\"\n    persistent={persistent || hideCloseIcon}\n    classNameOverride={classnames(classNameOverride, [\n      isSubtle && styles.subtle,\n    ])}\n    {...otherProps}\n  />\n)\n\nInlineNotification.displayName = \"InlineNotification\"\n"],"names":["__rest","styles"],"mappings":";;;;;;;;AA2Ba,IAAA,kBAAA,GAAqB,SAAC,EAMT,EAAA;AALxB,EAAA,IAAA,sBACA,EAAA,EAAA,GAAA,EAAA,CAAA,aAAA,EAAA,aAAa,GAAA,EAAA,KAAA,KAAG,CAAA,GAAA,KAAA,GAAK,EACrB,EAAA,EAAA,GAAA,GAAA,UAAA,EAAA,UAAA,GAAU,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAClB,wCACG,EAAA,UAAA,GAL8BA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,CAMlC,CAAA,CAAA;AAA2C,EAAA,OAC1C,KAAC,CAAA,aAAA,CAAA,0CACC,KAAA,EAAM,QACN,EAAA,UAAA,EAAY,UAAc,IAAA,aAAA,EAC1B,iBAAmB,EAAA,UAAA,CAAW,iBAAmB,EAAA;AAAA,IAC/C,YAAYC,0BAAO,CAAA,MAAA;AAAA,GACpB,CAAA,EACG,EAAA,UAAU,CACd,CAAA,CAAA;;AAGJ,kBAAA,CAAmB,WAAc,GAAA,oBAAA;;;;"}

package/dist/cjs/packages/components/src/Radio/Radio/Radio.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Radio_module = require('./Radio.module.scss.js');
+
+var renderSelected = function(selectedStatus, reversed) {
+  if (selectedStatus) {
+    return React.createElement("div", { className: classnames(Radio_module.icon, reversed && Radio_module.reversed) });
+  }
+  return;
+};
+var Radio = function(_a) {
+  var name = _a.name, value = _a.value, _b = _a.selectedStatus, selectedStatus = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, onChange = _a.onChange, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
+  return (
+    // @todo: Move classNameOverride to span
+    React.createElement(
+      "span",
+      null,
+      React.createElement("input", tslib_es6.__assign({ type: "radio", name, value, checked: selectedStatus, className: classnames(Radio_module.radioInput, classNameOverride, reversed && Radio_module.reversed), onChange, readOnly: onChange === void 0 }, restProps)),
+      React.createElement("span", { className: classnames(Radio_module.box, reversed && Radio_module.reversed) }, renderSelected(selectedStatus, reversed))
+    )
+  );
+};
+Radio.displayName = "Radio";
+
+exports.Radio = Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/cjs/packages/components/src/Radio/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"checked\">\n> & {\n  /**\n   * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.\n   */\n  id: string\n  name: string\n  value: string\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["styles","__rest","__assign"],"mappings":";;;;;;;AAkBA,IAAM,cAAA,GAAiB,SACrB,cAAA,EACA,QAAiB,EAAA;AAEjB,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAW,EAAA,UAAA,CAAWA,YAAO,CAAA,IAAA,EAAM,QAAY,IAAAA,YAAA,CAAO,QAAQ,CAAA,EAAC,CAAA,CAAA;AAAA,GAEvE;AACD,EAAA,OAAA;AACF,CAAA,CAAA;AAEa,IAAA,KAAA,GAAQ,SAAC,EAQT,EAAA;AAPX,EAAA,IAAA,OAAI,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,OACL,EAAsB,GAAA,EAAA,CAAA,cAAtB,EAAA,cAAA,GAAc,OAAA,KAAG,CAAA,GAAA,KAAA,GAAK,IACtB,EAAA,GAAA,EAAA,CAAA,UAAA,QAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAK,IAChB,QAAQ,GAAA,EAAA,CAAA,QACR,EAAA,iBAAA,GAAiB,GAAA,iBACd,EAAA,SAAA,GAASC,gBAAA,CAAA,EAAA,EAPQ,gFAQrB,CAAA,CAAA;AAA8B,EAAA;AAAA;AAAA,IAE7B,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,aAAA,CAAA,OAAA,EAAAC,kBAAA,CAAA,EAAA,IAAK,EAAA,OAAA,EACL,IACA,EAAA,KAAA,EACA,OAAS,EAAA,cAAA,EACT,SAAW,EAAA,UAAA,CACTF,aAAO,UACP,EAAA,iBAAA,EACA,QAAY,IAAAA,YAAA,CAAO,QAAQ,CAAA,EAE7B,QACA,EAAA,QAAA,EAAU,QAAa,KAAA,KAAA,CAAA,EACnB,EAAA,SAAS,CACb,CAAA;AAAA,MACF,MAAM,aAAA,CAAA,MAAA,EAAA,EAAA,SAAA,EAAW,WAAWA,YAAO,CAAA,GAAA,EAAK,QAAY,IAAAA,YAAA,CAAO,QAAQ,CAAC,EAAA,EACjE,cAAe,CAAA,cAAA,EAAgB,QAAQ,CAAC,CAAA;AAAA,KACpC;AAAA,IAAA;;AAIX,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/cjs/packages/components/src/Radio/Radio/Radio.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"radioInput":"Radio-module_radioInput__-zPUZ","icon":"Radio-module_icon__ihSP3","reversed":"Radio-module_reversed__pfCrF","box":"Radio-module_box__nEGD7"};
+
+module.exports = styles;
+//# sourceMappingURL=Radio.module.scss.js.map

package/dist/cjs/packages/components/src/Radio/Radio/Radio.module.scss.js.map

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

package/dist/cjs/packages/components/src/Radio/RadioField/RadioField.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.js');
+var Radio = require('../Radio/Radio.js');
+var RadioField_module = require('./RadioField.module.scss.js');
+
+var RadioField = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, _b = _a.selectedStatus, selectedStatus = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.reversed, reversed = _d === void 0 ? false : _d, classNameOverride = _a.classNameOverride, dataTestId = _a["data-testid"], restProps = tslib_es6.__rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  return React.createElement(
+    "div",
+    { "data-testid": dataTestId, className: classnames(RadioField_module.container, classNameOverride, selectedStatus && RadioField_module.selected, reversed && RadioField_module.reversed) },
+    React.createElement(
+      Label.Label,
+      { "data-testid": "".concat(id, "-field-label"), id: "".concat(id, "-field-label"), htmlFor: id, labelText, labelType: "radio", disabled, reversed },
+      React.createElement(Radio.Radio, tslib_es6.__assign({ "data-testid": "".concat(id, "-radio-input"), id, disabled, reversed, selectedStatus }, restProps))
+    )
+  );
+};
+RadioField.displayName = "RadioField";
+
+exports.RadioField = RadioField;
+//# sourceMappingURL=RadioField.js.map

package/dist/cjs/packages/components/src/Radio/RadioField/RadioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.js","sources":["../../../../../../../src/Radio/RadioField/RadioField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { Radio, RadioProps } from \"../Radio/Radio\"\nimport styles from \"./RadioField.module.scss\"\n\nexport type RadioFieldProps = Omit<RadioProps, \"id\"> & {\n  id?: string\n  labelText: string | React.ReactNode\n  selectedStatus?: boolean\n  disabled?: boolean\n  reversed?: boolean\n  \"data-testid\"?: string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}\n */\nexport const RadioField = ({\n  id: propsId,\n  labelText,\n  selectedStatus = false,\n  disabled = false,\n  reversed = false,\n  classNameOverride,\n  \"data-testid\": dataTestId,\n  ...restProps\n}: RadioFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  // @todo: Move restProps to the wrapping div?\n  return (\n    <div\n      data-testid={dataTestId}\n      className={classnames(\n        styles.container,\n        classNameOverride,\n        selectedStatus && styles.selected,\n        reversed && styles.reversed\n      )}\n    >\n      <Label\n        data-testid={`${id}-field-label`}\n        id={`${id}-field-label`}\n        htmlFor={id}\n        labelText={labelText}\n        labelType=\"radio\"\n        disabled={disabled}\n        reversed={reversed}\n      >\n        <Radio\n          data-testid={`${id}-radio-input`}\n          id={id}\n          disabled={disabled}\n          reversed={reversed}\n          selectedStatus={selectedStatus}\n          {...restProps}\n        />\n      </Label>\n    </div>\n  )\n}\n\nRadioField.displayName = \"RadioField\"\n"],"names":["__rest","useId","styles","Label","Radio","__assign"],"mappings":";;;;;;;;;AAmBa,IAAA,UAAA,GAAa,SAAC,EAST,EAAA;AARhB,EAAI,IAAA,OAAA,GAAO,GAAA,EACX,EAAA,SAAA,GAAS,GAAA,SACT,EAAA,EAAA,GAAsB,EAAA,CAAA,cAAA,EAAtB,cAAc,GAAA,EAAA,KAAA,SAAG,KAAK,GAAA,EAAA,EACtB,KAAgB,EAAA,CAAA,QAAA,EAAhB,WAAW,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAChB,kBAAA,QAAW,GAAA,EAAA,KAAA,SAAA,YACX,oBAAiB,EAAA,CAAA,iBAAA,EACF,UAAU,GAAA,EAAA,CAAA,aAAA,CAAA,EACtB,YAASA,gBAAA,CAAA,EAAA,EARa,iGAS1B,CAAA,CAAA;AACC,EAAA,IAAM,KAAK,OAAA,KAAA,IAAA,IAAA,qBAAA,UAAWC,WAAK,EAAA,CAAA;AAE3B,EAAA,OACE,KACe,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,aAAA,EAAA,UACb,EAAA,SAAA,EAAW,WACTC,iBAAO,CAAA,SAAA,EACP,iBACA,EAAA,cAAA,IAAkBA,iBAAO,CAAA,QAAA,EACzB,QAAY,IAAAA,iBAAA,CAAO,QAAQ,CAC5B,EAAA;AAAA,IAED,KAAA,CAAA,aAAA;AAAA,MAACC,WAAA;AAAA,MAAK,EAAA,aACS,EAAA,EAAA,CAAG,OAAA,EAAgB,EAAA,cAAA,GAChC,EAAI,EAAA,EAAA,CAAG,OAAA,EAAgB,EAAA,cAAA,GACvB,OAAS,EAAA,EAAA,EACT,WACA,SAAU,EAAA,OAAA,EACV,UACA,QAAkB,EAAA;AAAA,MAElB,MAAC,aAAA,CAAAC,WAAA,EACcC,kBAAA,CAAA,EAAA,eAAA,EAAA,CAAA,MAAA,CAAG,EAAE,EAAA,cAAA,GAClB,EACA,EAAA,QAAA,EACA,UACA,cACI,EAAA,EAAA,SAAS,CACb,CAAA;AAAA,KAAA;AAAA,GACI,CAAA;AAGd,EAAA;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}

package/dist/cjs/packages/components/src/Radio/RadioField/RadioField.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"container":"RadioField-module_container__r6T25","selected":"RadioField-module_selected__kdlz8","reversed":"RadioField-module_reversed__EX79j"};
+
+module.exports = styles;
+//# sourceMappingURL=RadioField.module.scss.js.map

package/dist/cjs/packages/components/src/Radio/RadioField/RadioField.module.scss.js.map

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

package/dist/cjs/packages/components/src/Radio/RadioGroup/RadioGroup.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.js');
+var RadioGroup_module = require('./RadioGroup.module.scss.js');
+
+var RadioGroup = function(_a) {
+  var children = _a.children, propsLabelId = _a.labelId, labelText = _a.labelText, _b = _a.noBottomMargin, noBottomMargin = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, dataTestId = _a["data-testId"], restProps = tslib_es6.__rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testId"]);
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
+  return React.createElement(
+    "div",
+    tslib_es6.__assign({ "data-testId": dataTestId, className: classnames(RadioGroup_module.radioGroupContainer, classNameOverride, noBottomMargin && RadioGroup_module.noBottomMargin, reversed && RadioGroup_module.reversed), role: "radiogroup", "aria-labelledby": labelId }, restProps),
+    React.createElement(
+      "div",
+      { className: RadioGroup_module.radioGroupLabel },
+      React.createElement(Label.Label, { id: labelId, "data-testId": dataTestId && "".concat(dataTestId, "-field-label"), labelText, labelType: "text", reversed })
+    ),
+    children
+  );
+};
+RadioGroup.displayName = "RadioGroup";
+
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/cjs/packages/components/src/Radio/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../src/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./RadioGroup.module.scss\"\n\nexport type RadioGroupProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children?: React.ReactNode\n  labelText: string | React.ReactNode\n  labelId?: string\n  noBottomMargin?: boolean\n  reversed?: boolean\n  \"data-testId\"?: string\n}\n\nexport const RadioGroup = ({\n  children,\n  labelId: propsLabelId,\n  labelText,\n  noBottomMargin = false,\n  reversed = false,\n  classNameOverride,\n  \"data-testId\": dataTestId,\n  ...restProps\n}: RadioGroupProps): JSX.Element => {\n  const labelId = propsLabelId ?? useId()\n\n  return (\n    <div\n      data-testId={dataTestId}\n      className={classnames(\n        styles.radioGroupContainer,\n        classNameOverride,\n        noBottomMargin && styles.noBottomMargin,\n        reversed && styles.reversed\n      )}\n      role=\"radiogroup\"\n      aria-labelledby={labelId}\n      {...restProps}\n    >\n      <div className={styles.radioGroupLabel}>\n        <Label\n          id={labelId}\n          data-testId={dataTestId && `${dataTestId}-field-label`}\n          labelText={labelText}\n          labelType=\"text\"\n          reversed={reversed}\n        />\n      </div>\n      {children}\n    </div>\n  )\n}\n\nRadioGroup.displayName = \"RadioGroup\"\n"],"names":["__rest","useId","__assign","styles","Label"],"mappings":";;;;;;;;AAiBa,IAAA,UAAA,GAAa,SAAC,EAST,EAAA;AARhB,EAAA,IAAA,WAAQ,EAAA,CAAA,QAAA,EACC,2BACT,YAAS,EAAA,CAAA,SAAA,EACT,KAAsB,EAAA,CAAA,cAAA,EAAtB,iBAAc,EAAA,KAAA,KAAA,CAAA,GAAG,QAAK,EACtB,EAAA,EAAA,GAAgB,GAAA,QAAhB,EAAA,QAAA,GAAQ,OAAA,KAAG,CAAA,GAAA,KAAA,GAAK,IAChB,iBAAiB,GAAA,EAAA,CAAA,mBACF,UAAU,GAAA,EAAA,CAAA,aAAA,CACtB,EAAA,SAAA,GAASA,iBAAA,EARa,EAAA,sGAS1B,CAAA,CAAA;AACC,EAAA,IAAM,UAAU,YAAA,KAAA,IAAA,IAAA,0BAAA,eAAgBC,WAAK,EAAA,CAAA;AAErC,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAAC,kBAAA,CAAA,EAAA,aACe,EAAA,UAAA,EACb,WAAW,UACT,CAAAC,iBAAA,CAAO,qBACP,iBACA,EAAA,cAAA,IAAkBA,kBAAO,cACzB,EAAA,QAAA,IAAYA,kBAAO,QAAQ,CAAA,EAE7B,MAAK,YACY,EAAA,iBAAA,EAAA,WACb,SAAS,CAAA;AAAA,IAEb,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA;AAAA,MAAA,EAAK,SAAW,EAAAA,iBAAA,CAAO,eAAe,EAAA;AAAA,MACpC,MAAC,aAAA,CAAAC,WAAA,EACC,EAAA,EAAA,EAAI,sBACS,EAAA,UAAA,IAAc,EAAG,CAAA,MAAA,CAAA,YAAwB,cAAA,CAAA,EACtD,WACA,SAAU,EAAA,MAAA,EACV,UAAkB,CAAA;AAAA,KAClB;AAAA,IAEH,QAAA;AAAA,GAAQ,CAAA;AAGf,EAAA;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}

package/dist/cjs/packages/components/src/Radio/RadioGroup/RadioGroup.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"radioGroupLabel":"RadioGroup-module_radioGroupLabel__wIl4z","reversed":"RadioGroup-module_reversed__VeBun","radioGroupContainer":"RadioGroup-module_radioGroupContainer__NKWpt","noBottomMargin":"RadioGroup-module_noBottomMargin__VKF2T"};
+
+module.exports = styles;
+//# sourceMappingURL=RadioGroup.module.scss.js.map

package/dist/cjs/packages/components/src/Radio/RadioGroup/RadioGroup.module.scss.js.map

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

package/dist/cjs/packages/components/src/SearchField/SearchField.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var uuid = require('uuid');
+var InputSearch = require('../Input/InputSearch/InputSearch.js');
+var Label = require('../Label/Label.js');
+var SearchField_module = require('./SearchField.module.scss.js');
+
+var SearchField = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, disabled = _a.disabled, _b = _a.reversed, reversed = _b === void 0 ? false : _b, _c = _a.secondary, secondary = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
+  var showVisibleLabel = !secondary;
+  var id = React.useState(propsId || uuid.v4())[0];
+  return React.createElement(
+    "div",
+    { className: classNameOverride },
+    showVisibleLabel && React.createElement(Label.Label, { htmlFor: id, labelText, reversed, disabled, classNameOverride: SearchField_module.label }),
+    React.createElement(InputSearch.InputSearch, tslib_es6.__assign({ "aria-label": !showVisibleLabel ? labelText : void 0, id, disabled, reversed, secondary }, restProps))
+  );
+};
+SearchField.displayName = "SearchField";
+
+exports.SearchField = SearchField;
+//# sourceMappingURL=SearchField.js.map

package/dist/cjs/packages/components/src/SearchField/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.js","sources":["../../../../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { v4 } from \"uuid\"\n\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const [id] = useState<string>(propsId || v4())\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["__rest","useState","v4","Label","styles","InputSearch","__assign"],"mappings":";;;;;;;;;AAmBa,IAAA,WAAA,GAAc,SAAC,EAQT,EAAA;AAPjB,EAAA,IAAI,UAAO,EAAA,CAAA,EAAA,EACX,SAAS,GAAA,EAAA,CAAA,WACT,QAAQ,GAAA,EAAA,CAAA,QACR,EAAA,EAAA,GAAA,GAAA,QAAA,EAAA,QAAA,GAAW,OAAA,KAAA,CAAA,GAAA,KAAA,GAAK,IAChB,EAAiB,GAAA,EAAA,CAAA,SAAjB,EAAA,SAAA,GAAS,OAAA,KAAG,CAAA,GAAA,KAAA,GAAK,EACjB,EAAA,iBAAA,GAAiB,GAAA,iBACd,EAAA,SAAA,GAASA,gBAAA,CAAA,EAAA,EAPc,6EAQ3B,CAAA,CAAA;AACC,EAAA,IAAM,mBAAmB,CAAC,SAAA,CAAA;AACnB,EAAA,IAAA,KAAMC,cAAiB,CAAA,OAAA,IAAWC,OAAE,EAAE,EAAC,CAAA,CAAA,CAAA;AAE9C,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAK,WAAW,iBAAiB,EAAA;AAAA,IAC9B,gBACC,IAAA,KAAA,CAAA,aAAC,CAAAC,WAAA,EAAK,EACJ,OAAA,EAAS,EACT,EAAA,SAAA,EACA,QACA,EAAA,QAAA,EACA,iBAAmB,EAAAC,kBAAA,CAAO,OAAK,CAAA;AAAA,IAGnC,MAAA,aAAC,CAAAC,uBAAA,EAAWC,kBAAA,CAAA,EAAA,cACE,CAAC,gBAAA,GAAmB,SAAY,GAAA,KAAA,CAAA,EAC5C,IACA,QACA,EAAA,QAAA,EACA,SACI,EAAA,EAAA,SAAS,CACb,CAAA;AAAA,GAAA,CAAA;AAGR,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/dist/cjs/packages/components/src/SearchField/SearchField.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"label":"SearchField-module_label__NxYfn"};
+
+module.exports = styles;
+//# sourceMappingURL=SearchField.module.scss.js.map

package/dist/cjs/packages/components/src/SearchField/SearchField.module.scss.js.map

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

package/dist/cjs/packages/components/src/Slider/Slider.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../FieldGroup/FieldGroup.js');
+var InputRange = require('../Input/InputRange/InputRange.js');
+var Label = require('../Label/Label.js');
+var Text = require('../Text/Text.js');
+var Slider_module = require('./Slider.module.scss.js');
+
+var Slider = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, description = _a.description, _b = _a.labelPosition, labelPosition = _b === void 0 ? "inline" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, disabled = _a.disabled, readOnlyMessage = _a.readOnlyMessage, restProps = tslib_es6.__rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  var descriptionId = "".concat(id, "-description");
+  return React.createElement(
+    FieldGroup.FieldGroup,
+    { inline: true },
+    React.createElement(
+      "div",
+      { className: classnames(Slider_module.wrapper, labelPosition === "inline" && Slider_module.labelInline) },
+      React.createElement(
+        "div",
+        { className: Slider_module.labelWrapper },
+        React.createElement(
+          "div",
+          { className: "mb-4" },
+          React.createElement(Label.Label, { htmlFor: id, labelText, variant, disabled })
+        ),
+        description && React.createElement(Text.Text, { variant: "small", id: descriptionId, classNameOverride: disabled ? Slider_module.descriptionDisabled : void 0 }, description)
+      ),
+      React.createElement(
+        "div",
+        { className: Slider_module.inputWrapper },
+        React.createElement(InputRange.InputRange, tslib_es6.__assign({ id, "aria-describedby": descriptionId, disabled }, restProps)),
+        readOnlyMessage && React.createElement("div", { className: Slider_module.readOnlyMessage }, readOnlyMessage)
+      )
+    )
+  );
+};
+Slider.displayName = "Slider";
+
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/cjs/packages/components/src/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../../../src/Slider/Slider.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { InputRange, InputRangeProps } from \"~components/Input/InputRange\"\nimport { Label } from \"~components/Label\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./Slider.module.scss\"\n\nexport type SliderFieldProps = {\n  id?: string\n  labelText: ReactNode\n  description?: ReactNode\n  labelPosition?: \"inline\" | \"block\"\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n  readOnlyMessage?: ReactNode\n} & Omit<InputRangeProps, \"id\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}\n */\nexport const Slider = ({\n  id: propsId,\n  labelText,\n  description,\n  labelPosition = \"inline\",\n  variant = \"default\",\n  disabled,\n  readOnlyMessage,\n  ...restProps\n}: SliderFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n\n  return (\n    <FieldGroup inline>\n      <div\n        className={classnames(\n          styles.wrapper,\n          labelPosition === \"inline\" && styles.labelInline\n        )}\n      >\n        <div className={styles.labelWrapper}>\n          <div className=\"mb-4\">\n            <Label\n              htmlFor={id}\n              labelText={labelText}\n              variant={variant}\n              disabled={disabled}\n            />\n          </div>\n          {description && (\n            <Text\n              variant=\"small\"\n              id={descriptionId}\n              classNameOverride={\n                disabled ? styles.descriptionDisabled : undefined\n              }\n            >\n              {description}\n            </Text>\n          )}\n        </div>\n        <div className={styles.inputWrapper}>\n          <InputRange\n            id={id}\n            aria-describedby={descriptionId}\n            disabled={disabled}\n            {...restProps}\n          />\n          {readOnlyMessage && (\n            <div className={styles.readOnlyMessage}>{readOnlyMessage}</div>\n          )}\n        </div>\n      </div>\n    </FieldGroup>\n  )\n}\n\nSlider.displayName = \"Slider\"\n"],"names":["__rest","useId","FieldGroup","styles","Label","Text","InputRange","__assign"],"mappings":";;;;;;;;;;;AAsBa,IAAA,MAAA,GAAS,SAAC,EASJ,EAAA;AARjB,EAAA,IAAI,UAAO,EAAA,CAAA,EAAA,EACX,0BACA,cAAW,EAAA,CAAA,WAAA,EACX,KAAwB,EAAA,CAAA,aAAA,EAAxB,gBAAa,EAAA,KAAA,KAAA,CAAA,GAAG,WAAQ,EACxB,EAAA,EAAA,GAAmB,GAAA,OAAnB,EAAA,OAAA,GAAO,EAAA,KAAA,KAAA,CAAA,GAAG,YAAS,EACnB,EAAA,QAAA,GAAQ,GAAA,QACR,EAAA,eAAA,GAAe,GAAA,eACZ,EAAA,SAAA,GAASA,iBAAA,EARS,EAAA,6FAStB,CAAA,CAAA;AACC,EAAA,IAAM,KAAK,OAAA,KAAA,IAAA,IAAA,qBAAA,UAAWC,WAAK,EAAA,CAAA;AAC3B,EAAA,IAAM,aAAgB,GAAA,EAAA,CAAG,MAAA,CAAA,EAAA;AAEzB,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAU,EAAC,QAAM,IAAA,EAAA;AAAA,IAChB,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA;AAAA,MAAA,EACE,WAAW,UACT,CAAAC,aAAA,CAAO,SACP,aAAkB,KAAA,QAAA,IAAYA,aAAO,CAAA,WAAW,CACjD,EAAA;AAAA,MAED,KAAA,CAAA,aAAA;AAAA,QAAA,KAAA;AAAA,QAAA,EAAK,SAAW,EAAAA,aAAA,CAAO,YAAY,EAAA;AAAA,QACjC,KAAK,CAAA,aAAA;AAAA,UAAA,KAAA;AAAA,UAAA,EAAA,WAAU,MAAM,EAAA;AAAA,UACnB,KAAA,CAAA,cAACC,WACC,EAAA,EAAA,SAAS,EACT,EAAA,SAAA,EACA,OACA,EAAA,QAAA;SACA;AAAA,QAEH,WACC,IAAA,KAAA,CAAC,aAAA,CAAAC,SAAA,EACC,EAAA,OAAQ,EAAA,OAAA,EACR,EAAI,EAAA,aAAA,EACJ,mBACE,QAAW,GAAAF,aAAA,CAAO,mBAAsB,GAAA,KAAA,CAAA,IAGzC,WAAW,CAAA;AAAA,OAEf;AAAA,MAEH,KAAA,CAAA,aAAA;AAAA,QAAA,KAAA;AAAA,QAAA,EAAK,SAAW,EAAAA,aAAA,CAAO,YAAY,EAAA;AAAA,QACjC,KAAA,CAAA,aAAC,CAAAG,qBAAA,EAAUC,kBAAA,CAAA,EACT,EAAM,EAAA,kBAAA,EACY,aAClB,EAAA,QAAA,EACI,EAAA,SAAS,CACb,CAAA;AAAA,QACD,eAAA,IACC,MAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAW,EAAAJ,aAAA,CAAO,eAAkB,EAAA,EAAA,eAAe,CAAA;AAAA,OACzD;AAAA,KACG;AAAA,GACF,CAAA;AAGZ,EAAA;AAEA,MAAA,CAAO,WAAc,GAAA,QAAA;;;;"}

package/dist/cjs/packages/components/src/Slider/Slider.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"wrapper":"Slider-module_wrapper__zVX6g","labelWrapper":"Slider-module_labelWrapper__WuUIw","labelInline":"Slider-module_labelInline__zjINd","inputWrapper":"Slider-module_inputWrapper__n16yj","descriptionDisabled":"Slider-module_descriptionDisabled__8GwiS","readOnlyMessage":"Slider-module_readOnlyMessage__Zscoa"};
+
+module.exports = styles;
+//# sourceMappingURL=Slider.module.scss.js.map

package/dist/cjs/packages/components/src/Slider/Slider.module.scss.js.map

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

package/dist/cjs/packages/components/src/Text/Text.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Text_module = require('./Text.module.scss.js');
+
+var Text = function(_a) {
+  var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var className = classnames(Text_module.text, Text_module[variant], Text_module[color], classNameOverride);
+  return React.createElement(tag === void 0 ? "p" : tag, tslib_es6.__assign(tslib_es6.__assign({}, restProps), { className }), children);
+};
+Text.displayName = "Text";
+
+exports.Text = Text;
+//# sourceMappingURL=Text.js.map

package/dist/cjs/packages/components/src/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../../src/Text/Text.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Text.module.scss\"\n\nexport type TextVariants = \"intro-lede\" | \"body\" | \"small\" | \"extra-small\"\n\nexport type AllowedTextTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedTextColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport interface TextProps\n  extends OverrideClassName<HTMLAttributes<HTMLElement>> {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Text\n   * @default \"p\"\n   */\n  tag?: AllowedTextTags\n  /**\n   * Allowed text variants\n   */\n  variant: TextVariants\n  color?: AllowedTextColors\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}\n */\nexport const Text = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: TextProps): JSX.Element => {\n  const className = classnames(\n    styles.text,\n    styles[variant],\n    styles[color],\n    classNameOverride\n  )\n\n  return createElement(\n    tag === undefined ? \"p\" : tag,\n    { ...restProps, className },\n    children\n  )\n}\n\nText.displayName = \"Text\"\n"],"names":["__rest","styles","createElement"],"mappings":";;;;;;;AA+Ca,IAAA,IAAA,GAAO,SAAC,EAOT,EAAA;AANV,EAAA,IAAA,sBACA,EAAA,GAAA,WACA,OAAO,GAAA,EAAA,CAAA,OACP,EAAA,EAAA,GAAc,EAAA,CAAA,KAAA,EAAd,KAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,MAAA,KACR,EAAA,iBAAA,yBACG,SANgB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOpB,CAAA,CAAA;AACC,EAAM,IAAA,SAAA,GAAY,UAChB,CAAAC,WAAA,CAAO,IACP,EAAAA,WAAA,CAAO,OAAO,CACd,EAAAA,WAAA,CAAO,KAAK,CAAA,EACZ,iBAAiB,CAAA,CAAA;AAGnB,EAAA,OAAOC,mBACL,CAAA,GAAA,KAAQ,KAAY,CAAA,GAAA,GAAA,GAAM,+CACrB,SAAS,CAAA,EAAA,EAAE,SAAS,EAAA,GACzB,QAAQ,CAAA,CAAA;AAEZ,EAAA;AAEA,IAAA,CAAK,WAAc,GAAA,MAAA;;;;"}

package/dist/cjs/packages/components/src/Text/Text.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"text":"Text-module_text__Byo7R","intro-lede":"Text-module_intro-lede__ENE72","body":"Text-module_body__cO-XH","small":"Text-module_small__uZNGn","extra-small":"Text-module_extra-small__3g9eN","dark":"Text-module_dark__-jDSk","dark-reduced-opacity":"Text-module_dark-reduced-opacity__18nLo","white":"Text-module_white__-yVD0","white-reduced-opacity":"Text-module_white-reduced-opacity__i0veZ","positive":"Text-module_positive__e-IKh","negative":"Text-module_negative__agbge"};
+
+module.exports = styles;
+//# sourceMappingURL=Text.module.scss.js.map

package/dist/cjs/packages/components/src/Text/Text.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/Workflow.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Footer = require('./subcomponents/Footer/Footer.js');
+require('./subcomponents/Footer/components/Root/Root.js');
+var ProgressStepper = require('./subcomponents/Footer/components/ProgressStepper/ProgressStepper.js');
+require('./subcomponents/Footer/components/FooterActions/FooterActions.js');
+var Header = require('./subcomponents/Header/Header.js');
+require('./subcomponents/Header/components/Titles/Titles.js');
+require('./subcomponents/Header/components/Actions/Actions.js');
+require('./subcomponents/Header/components/Branding/Branding.js');
+require('./subcomponents/Header/components/Root/Root.js');
+var Main = require('./subcomponents/Main/Main.js');
+var Wrapper = require('./subcomponents/Wrapper/Wrapper.js');
+
+var WorkflowComponent = function(_a) {
+  var stepName = _a.stepName, steps = _a.steps, isComplete = _a.isComplete, workflowName = _a.workflowName, status = _a.status, headerActions = _a.headerActions, children = _a.children, nextAction = _a.nextAction, previousAction = _a.previousAction, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["stepName", "steps", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+  return React.createElement(
+    Workflow.Wrapper,
+    tslib_es6.__assign({ classNameOverride }, restProps),
+    React.createElement(Workflow.Header, { workflowName, stepName, status, headerActions }),
+    React.createElement(Workflow.Main, null, children),
+    React.createElement(Workflow.Footer, { stepName, steps, isComplete, nextAction, previousAction })
+  );
+};
+var Workflow = Object.assign(WorkflowComponent, {
+  Header: Header.Header,
+  Footer: Footer.Footer,
+  Main: Main.Main,
+  ProgressStepper: ProgressStepper.ProgressStepper,
+  Wrapper: Wrapper.Wrapper
+});
+
+exports.Workflow = Workflow;
+//# sourceMappingURL=Workflow.js.map

package/dist/cjs/packages/components/src/Workflow/Workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workflow.js","sources":["../../../../../../src/Workflow/Workflow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  Footer,\n  FooterProps,\n  Header,\n  Main,\n  HeaderProps,\n  ProgressStepper,\n  Wrapper,\n} from \"./subcomponents\"\n\nexport type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n  FooterProps &\n  HeaderProps\n\nconst WorkflowComponent = ({\n  stepName,\n  steps,\n  isComplete,\n  workflowName,\n  status,\n  headerActions,\n  children,\n  nextAction,\n  previousAction,\n  classNameOverride,\n  ...restProps\n}: WorkflowProps): JSX.Element => (\n  <Workflow.Wrapper classNameOverride={classNameOverride} {...restProps}>\n    <Workflow.Header\n      workflowName={workflowName}\n      stepName={stepName}\n      status={status}\n      headerActions={headerActions}\n    />\n    <Workflow.Main>{children}</Workflow.Main>\n    <Workflow.Footer\n      stepName={stepName}\n      steps={steps}\n      isComplete={isComplete}\n      nextAction={nextAction}\n      previousAction={previousAction}\n    />\n  </Workflow.Wrapper>\n)\n\n/**\n * @deprecated Use { Workflow } from `@kaizen/components/future`\n */\nexport const Workflow = Object.assign(WorkflowComponent, {\n  Header,\n  Footer,\n  Main,\n  ProgressStepper,\n  Wrapper,\n})\n"],"names":["__rest","Header","Footer","Main","ProgressStepper","Wrapper"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAM,iBAAA,GAAoB,SAAC,EAYX,EAAA;AAXd,EAAA,IAAA,QAAA,GAAQ,GAAA,QACR,EAAA,KAAA,WACA,EAAA,UAAA,GAAU,GAAA,UACV,EAAA,YAAA,GAAY,GAAA,YACZ,EAAA,MAAA,YACA,EAAA,aAAA,GAAa,GAAA,aACb,EAAA,QAAA,GAAQ,GAAA,QACR,EAAA,UAAA,gBACA,EAAA,cAAA,GAAc,GAAA,cACd,EAAA,iBAAA,GAAiB,GAAA,iBACd,EAAA,SAAA,GAASA,iBAAA,EAXa,EAAA,+IAY1B,CAAA,CAAA;AAAiC,EAAA,OAChC,KAAC,CAAA,aAAA;AAAA,IAAA,QAAS,CAAA,OAAA;AAAA,yBAAQ,iBAAoC,EAAA,EAAM,SAAS,CAAA;AAAA,IACnE,KAAA,CAAA,cAAC,QAAS,CAAA,MAAA,IACR,YACA,EAAA,QAAA,EACA,MACA,EAAA,aAAA,EACA,CAAA;AAAA,IACF,KAAA,CAAA,aAAA,CAAC,QAAS,CAAA,IAAA,EAAI,MAAE,QAAQ,CAAA;AAAA,IACxB,KAAA,CAAC,aAAA,CAAA,QAAA,CAAS,MACR,EAAA,EAAA,UACA,KACA,EAAA,UAAA,EACA,UACA,EAAA,cAAA,EAA8B,CAAA;AAAA,GAC9B,CAAA;;AAOO,IAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA,UACvDC,aAAA;AAAA,UACAC,aAAA;AAAA,QACAC,SAAA;AAAA,mBACAC,+BAAA;AAAA,WACAC,eAAA;AACD,CAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/Footer.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Root = require('./components/Root/Root.js');
+var ProgressStepper = require('./components/ProgressStepper/ProgressStepper.js');
+var FooterActions = require('./components/FooterActions/FooterActions.js');
+
+var Footer = function(_a) {
+  var steps = _a.steps, stepName = _a.stepName, isComplete = _a.isComplete, previousAction = _a.previousAction, nextAction = _a.nextAction, restProps = tslib_es6.__rest(_a, ["steps", "stepName", "isComplete", "previousAction", "nextAction"]);
+  return React.createElement(
+    Root.FooterRoot,
+    tslib_es6.__assign({}, restProps),
+    React.createElement(FooterActions.FooterAction, { action: previousAction, actionType: "Previous" }),
+    React.createElement(ProgressStepper.ProgressStepper, { steps, stepName, isComplete }),
+    React.createElement(FooterActions.FooterAction, { action: nextAction, actionType: "Next" })
+  );
+};
+Footer.displayName = "Workflow.Footer";
+
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../src/Workflow/subcomponents/Footer/Footer.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FooterRoot,\n  FooterAction,\n  ProgressStepper,\n  ProgressStepperProps,\n} from \"./components\"\n\nexport type FooterProps = {\n  /** An action to return to a previous step */\n  previousAction?: JSX.Element\n  /** An action to progress to the next step or submit the form */\n  nextAction?: JSX.Element\n} & ProgressStepperProps &\n  OverrideClassName<Omit<HTMLAttributes<HTMLElement>, \"children\">>\n\nexport const Footer = ({\n  steps,\n  stepName,\n  isComplete,\n  previousAction,\n  nextAction,\n  ...restProps\n}: FooterProps): JSX.Element => (\n  <FooterRoot {...restProps}>\n    <FooterAction action={previousAction} actionType=\"Previous\" />\n    <ProgressStepper\n      steps={steps}\n      stepName={stepName}\n      isComplete={isComplete}\n    />\n    <FooterAction action={nextAction} actionType=\"Next\" />\n  </FooterRoot>\n)\n\nFooter.displayName = \"Workflow.Footer\"\n"],"names":["__rest","FooterRoot","__assign","FooterAction","ProgressStepper"],"mappings":";;;;;;;;AAiBa,IAAA,MAAA,GAAS,SAAC,EAOT,EAAA;AANZ,EAAA,IAAA,KAAA,GAAK,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,UACR,UAAU,GAAA,EAAA,CAAA,UACV,EAAA,cAAA,GAAc,EAAA,CAAA,cAAA,EACd,aAAU,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,gBAAA,CAAA,EANS,EAAA,mEAOtB,CAAA,CAAA;AAA+B,EAAA,OAC9B,KAAA,CAAA,aAAA;AAAA,IAACC,eAAA;AAAA,IAAUC,kBAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AAAA,IACvB,KAAA,CAAC,cAAAC,8BAAa,QAAQ,cAAgB,EAAA,UAAA,EAAW,YAAa,CAAA;AAAA,IAC9D,MAAA,aAAC,CAAAC,+BAAA,EAAe,EACd,KACA,EAAA,QAAA,EACA,YACA,CAAA;AAAA,IACF,KAAA,CAAA,cAACD,0BAAY,EAAA,EAAC,QAAQ,UAAY,EAAA,UAAA,EAAW,QAAM,CAAA;AAAA,GAAG,CAAA;;AAI1D,MAAA,CAAO,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var FooterActions_module = require('./FooterActions.module.scss.js');
+
+var FooterAction = function(_a) {
+  var _b = _a.actionType, actionType = _b === void 0 ? "Previous" : _b, action = _a.action, restProps = tslib_es6.__rest(_a, ["actionType", "action"]);
+  return React.createElement("div", tslib_es6.__assign({ className: classnames([
+    FooterActions_module.footerAction,
+    FooterActions_module["footerAction".concat(actionType)]
+  ]) }, restProps), action);
+};
+FooterAction.displayName = "Workflow.FooterActions";
+
+exports.FooterAction = FooterAction;
+//# sourceMappingURL=FooterActions.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterActions.js","sources":["../../../../../../../../../../src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterActions.module.scss\"\n\nexport type FooterActionsProps = {\n  actionType?: \"Previous\" | \"Next\"\n  action?: JSX.Element\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A simple wrapper for a Footer previous or next action  */\nexport const FooterAction = ({\n  actionType = \"Previous\",\n  action,\n  ...restProps\n}: FooterActionsProps): JSX.Element => (\n  <div\n    className={classnames([\n      styles.footerAction,\n      styles[`footerAction${actionType}`],\n    ])}\n    {...restProps}\n  >\n    {action}\n  </div>\n)\n\nFooterAction.displayName = \"Workflow.FooterActions\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AAWa,IAAA,YAAA,GAAe,SAAC,EAIR,EAAA;AAHnB,EAAA,IAAA,KAAuB,EAAA,CAAA,UAAA,EAAvB,UAAU,GAAA,EAAA,KAAA,SAAG,UAAU,GAAA,EAAA,EACvB,MAAM,GAAA,EAAA,CAAA,QACH,SAAS,GAAAA,gBAAA,CAAA,IAHe,wBAI5B,CAAA,CAAA;AAAsC,EAAA,OACrC,MAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EACE,WAAW,UAAW,CAAA;AAAA,IACpBC,oBAAO,CAAA,YAAA;AAAA,IACPA,oBAAO,CAAA,cAAA,CAAA,MAAe,CAAA,UAAU,CAAE,CAAA;AAAA,GACnC,CAAA,EACG,EAAA,SAAS,GAEZ,MAAM,CAAA,CAAA;;AAIX,YAAA,CAAa,WAAc,GAAA,wBAAA;;;;"}

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"footerAction":"FooterActions-module_footerAction__H-bdq","footerActionPrevious":"FooterActions-module_footerActionPrevious__yyzsX","footerActionNext":"FooterActions-module_footerActionNext__GIowc"};
+
+module.exports = styles;
+//# sourceMappingURL=FooterActions.module.scss.js.map

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.js.map

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

package/dist/cjs/packages/components/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var typography = require('@kaizen/typography');
+require('uuid');
+require('../../../../../Icon/subcomponents/SVG/SVG.js');
+var IndicatorActiveIcon = require('../../../../../Icon/IndicatorActiveIcon.js');
+var IndicatorInactiveIcon = require('../../../../../Icon/IndicatorInactiveIcon.js');
+var SuccessIcon = require('../../../../../Icon/SuccessIcon.js');
+var ProgressStepper_module = require('./ProgressStepper.module.scss.js');
+
+var getStepStatus = function(isComplete, isCurrentStep, step, index) {
+  if (isComplete) {
+    return {
+      icon: React.createElement(SuccessIcon.SuccessIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "success" }),
+      accessibleName: "Completed: ".concat(step)
+    };
+  }
+  if (isCurrentStep) {
+    return {
+      icon: React.createElement(IndicatorActiveIcon.IndicatorActiveIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "active" }),
+      accessibleName: "Current: ".concat(step)
+    };
+  }
+  return {
+    icon: React.createElement(IndicatorInactiveIcon.IndicatorInactiveIcon, { key: index, inheritSize: true, classNameOverride: "incomplete", role: "presentation" }),
+    accessibleName: "Not started: ".concat(step)
+  };
+};
+var ProgressStepper = function(_a) {
+  var stepName = _a.stepName, steps = _a.steps, _b = _a.isComplete, isComplete = _b === void 0 ? false : _b, restprops = tslib_es6.__rest(_a, ["stepName", "steps", "isComplete"]);
+  var currentStepIndex = steps.indexOf(stepName);
+  return React.createElement(
+    "div",
+    { className: ProgressStepper_module.stepsContainer },
+    React.createElement("ol", tslib_es6.__assign({ className: ProgressStepper_module.stepList }, restprops, { "aria-labelledby": "stepper-description" }), steps.map(function(step, index) {
+      var isCurrentStep = currentStepIndex === index;
+      var isCompletedStep = index < currentStepIndex || isComplete;
+      var _a2 = getStepStatus(isCompletedStep, isCurrentStep, step, index), accessibleName = _a2.accessibleName, Icon = _a2.icon;
+      return React.createElement(
+        "li",
+        { className: ProgressStepper_module.step, key: "".concat(index, "-").concat(step), "aria-current": isCurrentStep },
+        React.createElement(
+          "div",
+          { className: ProgressStepper_module.stepContent },
+          React.createElement("span", { className: "sr-only" }, accessibleName),
+          React.createElement(typography.Paragraph, { classNameOverride: ProgressStepper_module.stepName, variant: "small", color: "white", "aria-hidden": true }, step),
+          React.createElement(
+            "div",
+            { className: ProgressStepper_module.stepIndicator },
+            React.createElement("span", { className: ProgressStepper_module.stepIcon }, Icon)
+          ),
+          index < steps.length - 1 && React.createElement("div", { className: classnames([
+            ProgressStepper_module.stepDivider,
+            isCompletedStep && ProgressStepper_module.completedStep
+          ]) })
+        )
+      );
+    })),
+    React.createElement(
+      typography.Paragraph,
+      { classNameOverride: ProgressStepper_module.stepperDescription, variant: "small", color: "white", id: "stepper-description" },
+      "Step ",
+      currentStepIndex + 1,
+      " of ",
+      steps.length
+    )
+  );
+};
+ProgressStepper.displayName = "Workflow.ProgressStepper";
+
+exports.ProgressStepper = ProgressStepper;
+//# sourceMappingURL=ProgressStepper.js.map