@kaizen/components 1.30.0 → 1.31.0

package/dist/cjs/Icon/CloseIcon.cjs

@@ -2,19 +2,16 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var CloseIcon = function (props) {
-  var uniqueId = uuid.v4();
-  var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
-    id: uniqueId,
-    d: "M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z"
-  })), React.createElement("use", {
-    href: "#".concat(uniqueId),
-    fillRule: "evenodd"
+  var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
+    fill: "currentColor",
+    d: "M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653-1.18-1.18Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
   }));
   return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
 };

package/dist/cjs/Icon/CloseIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.cjs","sources":["../../../src/Icon/CloseIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const CloseIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z\"\n        />\n      </defs>\n      <use href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["CloseIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,IAAAA,CAAAA,EAAM,EAAE;EACzB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAsI,EACxI,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAT,QAAQ,CAAE;IAAEU,QAAQ,EAAC;EAAS,CAAA,CAAG,CAEnD;EACD,OAAOP,oBAACQ,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKb,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"CloseIcon.cjs","sources":["../../../src/Icon/CloseIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\n\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const CloseIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653-1.18-1.18Z\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["CloseIcon","props","svgContent","React","createElement","Fragment","fill","d","fillRule","clipRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC,gJAAgJ;IAClJC,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC;EACT,CAAA,CAAA,CAEL;EACD,OAAON,oBAACO,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKV,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs

@@ -0,0 +1,146 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+require('tslib');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var CheckIcon = require('../Icon/CheckIcon.cjs');
+var Text = require('../Text/Text.cjs');
+var determineSelectionFromKeyPress = require('./utils/determineSelectionFromKeyPress.cjs');
+var LikertScaleLegacy_module = require('./LikertScaleLegacy.module.scss.cjs');
+var SelectedItemIcon = function () {
+  return React.createElement(CheckIcon.CheckIcon, {
+    role: "presentation",
+    classNameOverride: LikertScaleLegacy_module.check
+  });
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
+ */
+var LikertScaleLegacy = function (_a) {
+  var scale = _a.scale,
+    selectedItem = _a.selectedItem,
+    reversed = _a.reversed,
+    dataTestId = _a["data-testid"],
+    onSelect = _a.onSelect,
+    validationMessage = _a.validationMessage,
+    status = _a.status,
+    labelId = _a.labelId;
+  var _b = React.useState(null),
+    hoveredItem = _b[0],
+    setHoveredItem = _b[1];
+  var itemRefs = scale.map(function (s) {
+    return {
+      value: s.value,
+      ref: React.createRef()
+    };
+  });
+  var handleRadioClick = function (item) {
+    // Is this a click on the item that is currently selected?
+    var isClickOnSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    // Grab "Not rated" state item from the scale, its value is -1
+    var notYetRated = scale.find(function (s) {
+      return s.value === -1;
+    }) || null;
+    // Clear or set new selection
+    var newItem = isClickOnSelectedItem ? notYetRated : item;
+    onSelect(newItem);
+    setHoveredItem(null);
+  };
+  /**
+   * Because the radios have been built with divs, we need to add the keyboard functionality manually
+   */
+  var handleKeyDown = function (event, focusedItem) {
+    var newPosition = determineSelectionFromKeyPress(event.keyCode, selectedItem, focusedItem);
+    if (newPosition) {
+      event.preventDefault();
+      onSelect(scale.find(function (s) {
+        return s.value === newPosition;
+      }) || null);
+      // Update focus
+      var itemRef = itemRefs.find(function (item) {
+        return item.value === newPosition;
+      });
+      itemRef && itemRef.ref.current && itemRef.ref.current.focus();
+    }
+  };
+  var legend = (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) || (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) || "Not rated";
+  var shouldDisplayValidationMessage = status !== "default" && validationMessage !== undefined;
+  var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
+  var isRated = selectedItem && selectedItem.value > 0;
+  return React.createElement("div", {
+    className: classnames(LikertScaleLegacy_module.container, isRated && LikertScaleLegacy_module.rated, reversed && [LikertScaleLegacy_module.reversed], hoveredItem !== null && LikertScaleLegacy_module.hovered),
+    "aria-labelledby": labelId,
+    role: "radiogroup",
+    tabIndex: -1,
+    "aria-describedby": validationMessageId,
+    "data-testid": dataTestId
+  }, React.createElement("div", {
+    className: LikertScaleLegacy_module.legend,
+    "data-testid": dataTestId && "".concat(dataTestId, "-legend")
+  }, React.createElement(Text.Text, {
+    variant: "small",
+    color: reversed ? "white" : "dark"
+  }, legend)), React.createElement("div", {
+    className: classnames(LikertScaleLegacy_module.itemContainer, isRated && LikertScaleLegacy_module.rated, reversed && LikertScaleLegacy_module.reversed)
+  }, scale.map(function (item) {
+    if (item.value <= 0) {
+      return;
+    }
+    var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    var itemRef = itemRefs.find(function (i) {
+      return item.value === i.value;
+    });
+    // Make control tabbable
+    var tabIndex = 0;
+    // Unless.. there's an item selected and it's not this one
+    if (selectedItem && selectedItem.value > 0 && selectedItem.value !== item.value) {
+      tabIndex = -1;
+    }
+    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
+    var isSuggested = hoveredItem && hoveredItem.value >= item.value;
+    var isUnselected = selectedItem && selectedItem.value < item.value;
+    return React.createElement("div", {
+      className: classnames(LikertScaleLegacy_module.likertItem, LikertScaleLegacy_module["likertItem".concat(item.value)], isSelected && LikertScaleLegacy_module.selected, isSuggested && LikertScaleLegacy_module.suggested, isUnselected && LikertScaleLegacy_module.unselected),
+      key: item.value,
+      "data-testid": dataTestId && "".concat(dataTestId, "-item-").concat(item.value),
+      onClick: function () {
+        return handleRadioClick(item);
+      },
+      onMouseEnter: function () {
+        return setHoveredItem(item);
+      },
+      onMouseLeave: function () {
+        return setHoveredItem(null);
+      },
+      onKeyDown: function (event) {
+        return handleKeyDown(event, item);
+      },
+      onFocus: function () {
+        return setHoveredItem(item);
+      },
+      onBlur: function () {
+        return setHoveredItem(null);
+      },
+      role: "radio",
+      "aria-label": item.label,
+      "aria-checked": isSelectedItem,
+      "aria-posinset": item.value,
+      "aria-setsize": 5,
+      tabIndex: tabIndex,
+      ref: itemRef && itemRef.ref
+    }, React.createElement("div", {
+      className: classnames(LikertScaleLegacy_module.likertItemFill, LikertScaleLegacy_module["field".concat(item.value)], isSelectedItem && LikertScaleLegacy_module.pop)
+    }), isSelectedItem ? React.createElement(SelectedItemIcon, null) : null);
+  })), shouldDisplayValidationMessage && React.createElement(FieldMessage.FieldMessage, {
+    id: validationMessageId,
+    message: validationMessage,
+    status: status,
+    reversed: reversed
+  }));
+};
+exports.LikertScaleLegacy = LikertScaleLegacy;
+//# sourceMappingURL=LikertScaleLegacy.cjs.map

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikertScaleLegacy.cjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":";;;;;;;;;;;;AA6BA,IAAMA,gBAAgB,GAAG,SAAAA,CAAA,EAAmB;EAAA,OAC1CC,KAAC,CAAAC,aAAA,CAAAC,SAAAA,CAAAA,SAAS;IAACC,IAAI,EAAC,cAAc;IAACC,iBAAiB,EAAEC,wBAAM,CAACC;EAAS,CAAA,CAAA;AADxB,CAE3C;AAED;;;AAGG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAACC,EASf,EAAA;MARjBC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACOC,UAAU,GAAAJ,EAAA,CAAA,aAAA,CAAA;IACzBK,QAAQ,GAAAL,EAAA,CAAAK,QAAA;IACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;IACjBC,MAAM,GAAAP,EAAA,CAAAO,MAAA;IACNC,OAAO,GAAAR,EAAA,CAAAQ,OAAA;EAED,IAAAC,EAAA,GAAgCC,KAAAA,CAAAA,QAAQ,CAAmB,IAAI,CAAC;IAA/DC,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,cAAc,GAAAH,EAAA,CAAA,CAAA,CAAoC;EACtE,IAAMI,QAAQ,GAAaZ,KAAK,CAACa,GAAG,CAAC,UAAAC,CAAC,EAAI;IAAA,OAAC;MACzCC,KAAK,EAAED,CAAC,CAACC,KAAK;MACdC,GAAG,EAAEC,KAAAA,CAAAA,SAAS,CAAkB;IACjC,CAAA;EAAC,CAAA,CAAC;EAEH,IAAMC,gBAAgB,GAAG,SAAAA,CAACC,IAAe,EAAA;;IAEvC,IAAMC,qBAAqB,GAAG,CAAAnB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,MAAKI,IAAI,CAACJ,KAAK;;IAGhE,IAAMM,WAAW,GAAGrB,KAAK,CAACsB,IAAI,CAAC,UAAAR,CAAC,EAAI;MAAA,OAAAA,CAAC,CAACC,KAAK,KAAK,CAAC,CAAC;IAAA,CAAA,CAAC,IAAI,IAAI;;IAG3D,IAAMQ,OAAO,GAAGH,qBAAqB,GAAGC,WAAW,GAAGF,IAAI;IAE1Df,QAAQ,CAACmB,OAAO,CAAC;IACjBZ,cAAc,CAAC,IAAI,CAAC;EACtB,CAAC;EAED;;AAEG;EACH,IAAMa,aAAa,GAAG,SAAAA,CACpBC,KAA0C,EAC1CC,WAAsB,EAAA;IAEtB,IAAMC,WAAW,GAAGC,8BAA8B,CAChDH,KAAK,CAACI,OAAO,EACb5B,YAAY,EACZyB,WAAW,CACZ;IACD,IAAIC,WAAW,EAAE;MACfF,KAAK,CAACK,cAAc,CAAA,CAAE;MAEtB1B,QAAQ,CAACJ,KAAK,CAACsB,IAAI,CAAC,UAAAR,CAAC;QAAI,OAAAA,CAAC,CAACC,KAAK,KAAKY,WAAW;OAAA,CAAC,IAAI,IAAI,CAAC;;MAG1D,IAAMI,OAAO,GAAGnB,QAAQ,CAACU,IAAI,CAAC,UAAAH,IAAI,EAAA;QAAI,OAAAA,IAAI,CAACJ,KAAK,KAAKY,WAAW;MAA1B,CAA0B,CAAC;MACjEI,OAAO,IAAIA,OAAO,CAACf,GAAG,CAACgB,OAAO,IAAID,OAAO,CAACf,GAAG,CAACgB,OAAO,CAACC,KAAK,EAAE;IAC9D;EACH,CAAC;EAED,IAAMC,MAAM,GAAG,CAAAxB,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEyB,KAAK,MAAIlC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEkC,KAAK,CAAA,IAAI,WAAW;EAEvE,IAAMC,8BAA8B,GAClC9B,MAAM,KAAK,SAAS,IAAID,iBAAiB,KAAKgC,SAAS;EAEzD,IAAMC,mBAAmB,GAAGF,8BAA8B,GACtD,EAAG,CAAAG,MAAA,CAAAhC,OAAO,EAA2B,2BAAA,CAAA,GACrC8B,SAAS;EAEb,IAAMG,OAAO,GAAGvC,YAAY,IAAIA,YAAY,CAACc,KAAK,GAAG,CAAC;EAEtD,OACExB;IACEkD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAAC+C,SAAS,EAChBH,OAAO,IAAI5C,wBAAM,CAACgD,KAAK,EACvB1C,QAAQ,IAAI,CAACN,wBAAM,CAACM,QAAQ,CAAC,EAC7BQ,WAAW,KAAK,IAAI,IAAId,wBAAM,CAACiD,OAAO,CACvC;uBACgBtC,OAAO;IACxBb,IAAI,EAAC,YAAY;IACjBoD,QAAQ,EAAE,CAAC,CAAC;IAAA,kBAAA,EACMR,mBAAmB;IAAA,aAAA,EACxBnC;EAAU,CAAA,EAEvBZ,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAiD,SAAS,EAAE7C,wBAAM,CAACsC,MAAM;mBACX/B,UAAU,IAAI,EAAG,CAAAoC,MAAA,CAAApC,UAAU,EAAS,SAAA;EAAA,CAAA,EAEjDZ,KAAC,CAAAC,aAAA,CAAAuD,SAAI;IAACC,OAAO,EAAC,OAAO;IAACC,KAAK,EAAE/C,QAAQ,GAAG,OAAO,GAAG;EAC/C,CAAA,EAAAgC,MAAM,CACF,CACH,EACN3C,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAiD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAACsD,aAAa,EACpBV,OAAO,IAAI5C,wBAAM,CAACgD,KAAK,EACvB1C,QAAQ,IAAIN,wBAAM,CAACM,QAAQ;EAG5B,CAAA,EAAAF,KAAK,CAACa,GAAG,CAAC,UAACM,IAAe,EAAA;IACzB,IAAIA,IAAI,CAACJ,KAAK,IAAI,CAAC,EAAE;MACnB;IACD;IAED,IAAMoC,cAAc,GAAG,CAAAlD,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,MAAKI,IAAI,CAACJ,KAAK;IACzD,IAAMgB,OAAO,GAAGnB,QAAQ,CAACU,IAAI,CAAC,UAAA8B,CAAC,EAAI;MAAA,OAAAjC,IAAI,CAACJ,KAAK,KAAKqC,CAAC,CAACrC,KAAK;IAAA,CAAA,CAAC;;IAG1D,IAAI+B,QAAQ,GAAG,CAAC;;IAEhB,IACE7C,YAAY,IACZA,YAAY,CAACc,KAAK,GAAG,CAAC,IACtBd,YAAY,CAACc,KAAK,KAAKI,IAAI,CAACJ,KAAK,EACjC;MACA+B,QAAQ,GAAG,CAAC,CAAC;IACd;IAED,IAAMO,UAAU,GACdpD,YAAY,IAAIkB,IAAI,CAACJ,KAAK,KAAId,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,CAAA,IAAI,CAACL,WAAW;IACnE,IAAM4C,WAAW,GAAG5C,WAAW,IAAIA,WAAW,CAACK,KAAK,IAAII,IAAI,CAACJ,KAAK;IAClE,IAAMwC,YAAY,GAAGtD,YAAY,IAAIA,YAAY,CAACc,KAAK,GAAGI,IAAI,CAACJ,KAAK;IAEpE,OACExB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEiD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAAC4D,UAAU,EACjB5D,wBAAM,CAAC,YAAa,CAAA2C,MAAA,CAAApB,IAAI,CAACJ,KAAK,CAAE,CAAC,EACjCsC,UAAU,IAAIzD,wBAAM,CAAC6D,QAAQ,EAC7BH,WAAW,IAAI1D,wBAAM,CAAC8D,SAAS,EAC/BH,YAAY,IAAI3D,wBAAM,CAAC+D,UAAU,CAClC;MACDC,GAAG,EAAEzC,IAAI,CAACJ,KAAK;MACF,aAAA,EAAAZ,UAAU,IAAI,EAAA,CAAAoC,MAAA,CAAGpC,UAAU,EAAS,QAAA,CAAA,CAAAoC,MAAA,CAAApB,IAAI,CAACJ,KAAK,CAAE;MAC7D8C,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAA3C,gBAAgB,CAACC,IAAI,CAAC;OAAA;MAC3C2C,YAAY,EAAE,SAAAA,CAAA;QAAY,OAAAnD,cAAc,CAACQ,IAAI,CAAC;MAAA,CAAA;MAC9C4C,YAAY,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAApD,cAAc,CAAC,IAAI,CAAC;MAAA,CAAA;MAC9CqD,SAAS,EAAE,SAAAA,CAACvC,KAAK;QAAW,OAAAD,aAAa,CAACC,KAAK,EAAEN,IAAI,CAAC;MAAA,CAAA;MACtD8C,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAAtD,cAAc,CAACQ,IAAI,CAAC;OAAA;MACzC+C,MAAM,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAAvD,cAAc,CAAC,IAAI,CAAC;OAAA;MACxCjB,IAAI,EAAC,OAAO;MACA,YAAA,EAAAyB,IAAI,CAACgB,KAAK;MAAA,cAAA,EACRgB,cAAc;MAAA,eAAA,EACbhC,IAAI,CAACJ,KAAK;MACX,cAAA,EAAA,CAAC;MACf+B,QAAQ,EAAEA,QAAQ;MAClB9B,GAAG,EAAEe,OAAO,IAAIA,OAAO,CAACf;IAAG,CAAA,EAE3BzB,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAiD,SAAS,EAAEC,UAAU,CACnB9C,wBAAM,CAACuE,cAAc,EACrBvE,wBAAM,CAAC,OAAA,CAAA2C,MAAA,CAAQpB,IAAI,CAACJ,KAAK,CAAE,CAAC,EAC5BoC,cAAc,IAAIvD,wBAAM,CAACwE,GAAG;KAE9B,CAAA,EACDjB,cAAc,GAAG5D,KAAA,CAAAC,aAAA,CAACF,gBAAgB,EAAA,IAAA,CAAG,GAAG,IAAI,CACzC;EAEV,CAAC,CAAC,CACE,EACL8C,8BAA8B,IAC7B7C,KAAA,CAAAC,aAAA,CAAC6E,YAAY,CAAAA,YAAA,EAAA;IACXC,EAAE,EAAEhC,mBAAmB;IACvBiC,OAAO,EAAElE,iBAAiB;IAC1BC,MAAM,EAAEA,MAAM;IACdJ,QAAQ,EAAEA;EACV,CAAA,CACH,CACG;AAEV,CAAA;"}

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.module.scss.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var styles = {
+  "container": "LikertScaleLegacy-module_container__5wjIJ",
+  "rated": "LikertScaleLegacy-module_rated__KXpzU",
+  "likertItem": "LikertScaleLegacy-module_likertItem__LwX2w",
+  "unselected": "LikertScaleLegacy-module_unselected__nP5p9",
+  "likertItemFill": "LikertScaleLegacy-module_likertItemFill__yj0tC",
+  "reversed": "LikertScaleLegacy-module_reversed__qrwrP",
+  "likertItem4": "LikertScaleLegacy-module_likertItem4__0SWtD",
+  "likertItem5": "LikertScaleLegacy-module_likertItem5__ZF0By",
+  "check": "LikertScaleLegacy-module_check__3wQsx",
+  "suggested": "LikertScaleLegacy-module_suggested__0xk0D",
+  "itemContainer": "LikertScaleLegacy-module_itemContainer__9Vfq0",
+  "legend": "LikertScaleLegacy-module_legend__HYNg-",
+  "field1": "LikertScaleLegacy-module_field1__TDRE-",
+  "selected": "LikertScaleLegacy-module_selected__MVmcb",
+  "field2": "LikertScaleLegacy-module_field2__s-CD7",
+  "field3": "LikertScaleLegacy-module_field3__xp5eQ",
+  "field4": "LikertScaleLegacy-module_field4__IVK7E",
+  "field5": "LikertScaleLegacy-module_field5__9sETV",
+  "pop": "LikertScaleLegacy-module_pop__hTH48",
+  "likertItem1": "LikertScaleLegacy-module_likertItem1__cYmY6",
+  "hovered": "LikertScaleLegacy-module_hovered__vVUN6"
+};
+module.exports = styles;
+//# sourceMappingURL=LikertScaleLegacy.module.scss.cjs.map

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

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

package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+/**
+ * Takes a keypress on a div that's imitating a radio and determines where the selection should go.
+ * Uses the following as a guide, with one modification - allowing space press on a selected item to unselect:
+ * https://www.w3.org/TR/wai-aria-practices/examples/radio/radio-1/radio-1.html
+ */
+var SCALE_VALUE_RESPONSE = new Map([[-1, -1], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]]);
+var determineSelectionFromKeyPress = function (keyCode, currentSelection, focusedItem) {
+  var supportedKeyCodes = [32, 37, 38, 39, 40];
+  if (supportedKeyCodes.indexOf(keyCode) === -1) {
+    return null;
+  }
+  var spacePressed = keyCode === 32;
+  var backPressed = keyCode === 37 || keyCode === 38;
+  var forwardPressed = keyCode === 39 || keyCode === 40;
+  var noCurrentSelection = !currentSelection || currentSelection.value <= 0;
+  if (spacePressed) {
+    return noCurrentSelection ? focusedItem.value : -1;
+  }
+  if (noCurrentSelection || !currentSelection) {
+    if (backPressed) {
+      return oneSelectionBackward(focusedItem.value);
+    }
+    return oneSelectionForward(focusedItem.value);
+  }
+  if (backPressed) {
+    return oneSelectionBackward(currentSelection.value);
+  }
+  if (forwardPressed) {
+    return oneSelectionForward(currentSelection.value);
+  }
+  return null;
+};
+var oneSelectionForward = function (value) {
+  if (value === 5) {
+    return 1;
+  }
+  var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
+  return calculatedPosition || null;
+};
+var oneSelectionBackward = function (value) {
+  if (value === 1) {
+    return 5;
+  }
+  var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
+  return calculatedPosition || null;
+};
+module.exports = determineSelectionFromKeyPress;
+//# sourceMappingURL=determineSelectionFromKeyPress.cjs.map

package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"determineSelectionFromKeyPress.cjs","sources":["../../../../src/LikertScaleLegacy/utils/determineSelectionFromKeyPress.ts"],"sourcesContent":["import { ScaleValue, ScaleItem } from \"../types\"\n\n/**\n * Takes a keypress on a div that's imitating a radio and determines where the selection should go.\n * Uses the following as a guide, with one modification - allowing space press on a selected item to unselect:\n * https://www.w3.org/TR/wai-aria-practices/examples/radio/radio-1/radio-1.html\n */\n\nconst SCALE_VALUE_RESPONSE = new Map<number, ScaleValue>([\n  [-1, -1],\n  [1, 1],\n  [2, 2],\n  [3, 3],\n  [4, 4],\n  [5, 5],\n])\n\nconst determineSelectionFromKeyPress = (\n  keyCode: number,\n  currentSelection: ScaleItem | null,\n  focusedItem: ScaleItem\n): null | ScaleValue => {\n  const supportedKeyCodes = [32, 37, 38, 39, 40]\n  if (supportedKeyCodes.indexOf(keyCode) === -1) {\n    return null\n  }\n\n  const spacePressed = keyCode === 32\n  const backPressed = keyCode === 37 || keyCode === 38\n  const forwardPressed = keyCode === 39 || keyCode === 40\n  const noCurrentSelection = !currentSelection || currentSelection.value <= 0\n\n  if (spacePressed) {\n    return noCurrentSelection ? focusedItem.value : -1\n  }\n\n  if (noCurrentSelection || !currentSelection) {\n    if (backPressed) {\n      return oneSelectionBackward(focusedItem.value)\n    }\n    return oneSelectionForward(focusedItem.value)\n  }\n\n  if (backPressed) {\n    return oneSelectionBackward(currentSelection.value)\n  }\n\n  if (forwardPressed) {\n    return oneSelectionForward(currentSelection.value)\n  }\n\n  return null\n}\n\nconst oneSelectionForward = (value: ScaleValue): ScaleValue | null => {\n  if (value === 5) {\n    return 1\n  }\n  const calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1)\n  return calculatedPosition || null\n}\n\nconst oneSelectionBackward = (value: ScaleValue): ScaleValue | null => {\n  if (value === 1) {\n    return 5\n  }\n  const calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1)\n  return calculatedPosition || null\n}\n\nexport default determineSelectionFromKeyPress\n"],"names":["SCALE_VALUE_RESPONSE","Map","determineSelectionFromKeyPress","keyCode","currentSelection","focusedItem","supportedKeyCodes","indexOf","spacePressed","backPressed","forwardPressed","noCurrentSelection","value","oneSelectionBackward","oneSelectionForward","calculatedPosition","get"],"mappings":";;AAEA;;;;AAIG;AAEH,IAAMA,oBAAoB,GAAG,IAAIC,GAAG,CAAqB,CACvD,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACR,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,CACP,CAAC;AAEF,IAAMC,8BAA8B,GAAG,SAAAA,CACrCC,OAAe,EACfC,gBAAkC,EAClCC,WAAsB,EAAA;EAEtB,IAAMC,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAC9C,IAAIA,iBAAiB,CAACC,OAAO,CAACJ,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;IAC7C,OAAO,IAAI;EACZ;EAED,IAAMK,YAAY,GAAGL,OAAO,KAAK,EAAE;EACnC,IAAMM,WAAW,GAAGN,OAAO,KAAK,EAAE,IAAIA,OAAO,KAAK,EAAE;EACpD,IAAMO,cAAc,GAAGP,OAAO,KAAK,EAAE,IAAIA,OAAO,KAAK,EAAE;EACvD,IAAMQ,kBAAkB,GAAG,CAACP,gBAAgB,IAAIA,gBAAgB,CAACQ,KAAK,IAAI,CAAC;EAE3E,IAAIJ,YAAY,EAAE;IAChB,OAAOG,kBAAkB,GAAGN,WAAW,CAACO,KAAK,GAAG,CAAC,CAAC;EACnD;EAED,IAAID,kBAAkB,IAAI,CAACP,gBAAgB,EAAE;IAC3C,IAAIK,WAAW,EAAE;MACf,OAAOI,oBAAoB,CAACR,WAAW,CAACO,KAAK,CAAC;IAC/C;IACD,OAAOE,mBAAmB,CAACT,WAAW,CAACO,KAAK,CAAC;EAC9C;EAED,IAAIH,WAAW,EAAE;IACf,OAAOI,oBAAoB,CAACT,gBAAgB,CAACQ,KAAK,CAAC;EACpD;EAED,IAAIF,cAAc,EAAE;IAClB,OAAOI,mBAAmB,CAACV,gBAAgB,CAACQ,KAAK,CAAC;EACnD;EAED,OAAO,IAAI;AACb,CAAC;AAED,IAAME,mBAAmB,GAAG,SAAAA,CAACF,KAAiB,EAAA;EAC5C,IAAIA,KAAK,KAAK,CAAC,EAAE;IACf,OAAO,CAAC;EACT;EACD,IAAMG,kBAAkB,GAAGf,oBAAoB,CAACgB,GAAG,CAACJ,KAAK,GAAG,CAAC,CAAC;EAC9D,OAAOG,kBAAkB,IAAI,IAAI;AACnC,CAAC;AAED,IAAMF,oBAAoB,GAAG,SAAAA,CAACD,KAAiB,EAAA;EAC7C,IAAIA,KAAK,KAAK,CAAC,EAAE;IACf,OAAO,CAAC;EACT;EACD,IAAMG,kBAAkB,GAAGf,oBAAoB,CAACgB,GAAG,CAACJ,KAAK,GAAG,CAAC,CAAC;EAC9D,OAAOG,kBAAkB,IAAI,IAAI;AACnC,CAAC;"}

package/dist/cjs/ProgressBar/ProgressBar.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Heading = require('../Heading/Heading.cjs');
+var Label = require('./subcomponents/Label/Label.cjs');
+var calculatePercentage = require('./utils/calculatePercentage.cjs');
+var ProgressBar_module = require('./ProgressBar.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
+ */
+const ProgressBar = /*#__PURE__*/function () {
+  const ProgressBar = function (_a) {
+    var value = _a.value,
+      max = _a.max,
+      isAnimating = _a.isAnimating,
+      mood = _a.mood,
+      subtext = _a.subtext,
+      label = _a.label,
+      classNameOverride = _a.classNameOverride,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b,
+      restProps = tslib.__rest(_a, ["value", "max", "isAnimating", "mood", "subtext", "label", "classNameOverride", "isReversed"]);
+    var percentage = calculatePercentage.calculatePercentage({
+      value: value,
+      max: max
+    });
+    return React.createElement("div", tslib.__assign({
+      role: "progressbar",
+      "aria-valuenow": percentage,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      className: classNameOverride
+    }, restProps), label && React.createElement(Label.Label, {
+      content: label,
+      isReversed: isReversed
+    }), React.createElement("div", {
+      className: ProgressBar_module.progressBackground
+    }, React.createElement("div", {
+      className: classnames(ProgressBar_module[mood], isAnimating && ProgressBar_module.isAnimating),
+      style: {
+        transform: "translateX(-".concat(100 - percentage, "%")
+      }
+    })), subtext && React.createElement("div", {
+      className: ProgressBar_module.subtext
+    }, React.createElement(Heading.Heading, {
+      variant: "heading-6",
+      tag: "p",
+      color: isReversed ? "white" : "dark"
+    }, subtext)));
+  };
+  ProgressBar.displayName = "ProgressBar";
+  return ProgressBar;
+}();
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar.cjs.map

package/dist/cjs/ProgressBar/ProgressBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.cjs","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Label } from \"./subcomponents/Label\"\nimport { calculatePercentage } from \"./utils/calculatePercentage\"\nimport styles from \"./ProgressBar.module.scss\"\n\nexport type ProgressBarProps = {\n  /** A value that represents completed progress */\n  value: number\n  /** A value that sets the maximum progress that can be achieved */\n  max: number\n  /** Adds an animated state to indicate loading progress */\n  isAnimating: boolean\n  mood: Mood\n  subtext?: string\n  label?: string\n  isReversed: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}\n */\nexport const ProgressBar = ({\n  value,\n  max,\n  isAnimating,\n  mood,\n  subtext,\n  label,\n  classNameOverride,\n  isReversed = false,\n  ...restProps\n}: ProgressBarProps): JSX.Element => {\n  const percentage = calculatePercentage({ value, max })\n  return (\n    <div\n      role=\"progressbar\"\n      aria-valuenow={percentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      className={classNameOverride}\n      {...restProps}\n    >\n      {label && <Label content={label} isReversed={isReversed} />}\n      <div className={styles.progressBackground}>\n        <div\n          className={classnames(\n            styles[mood],\n            isAnimating && styles.isAnimating\n          )}\n          style={{ transform: `translateX(-${100 - percentage}%` }}\n        />\n      </div>\n      {subtext && (\n        <div className={styles.subtext}>\n          <Heading\n            variant=\"heading-6\"\n            tag=\"p\"\n            color={isReversed ? \"white\" : \"dark\"}\n          >\n            {subtext}\n          </Heading>\n        </div>\n      )}\n    </div>\n  )\n}\n\nProgressBar.displayName = \"ProgressBar\"\n"],"names":["ProgressBar","_a","value","max","isAnimating","mood","subtext","label","classNameOverride","_b","isReversed","restProps","__rest","percentage","calculatePercentage","React","createElement","__assign","role","className","Label","content","styles","progressBackground","classnames","style","transform","concat","Heading","variant","tag","color","displayName"],"mappings":";;;;;;;;;;AAuBA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;MACJC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,iBAAiB,GAAAP,EAAA,CAAAO,iBAAA;MACjBC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAX,EAAA,EATc,8FAU3B,CADa;IAEZ,IAAMY,UAAU,GAAGC,mBAAAA,CAAAA,mBAAmB,CAAC;MAAEZ,KAAK,EAAAA,KAAA;MAAEC,GAAG,EAAAA;IAAA,CAAE,CAAC;IACtD,OACEY,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAC,IAAI,EAAC,aAAa;uBACHL,UAAU;MAAA,eAAA,EACV,CAAC;MAAA,eAAA,EACD,GAAG;MAClBM,SAAS,EAAEX;OACPG,SAAS,CAAA,EAEZJ,KAAK,IAAIQ,KAAC,CAAAC,aAAA,CAAAI,KAAK,CAAAA,KAAA,EAAC;MAAAC,OAAO,EAAEd,KAAK;MAAEG,UAAU,EAAEA;KAAc,CAAA,EAC3DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,kBAAM,CAACC;IAAkB,CAAA,EACvCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEK,UAAU,CACnBF,kBAAM,CAACjB,IAAI,CAAC,EACZD,WAAW,IAAIkB,kBAAM,CAAClB,WAAW,CAClC;MACDqB,KAAK,EAAE;QAAEC,SAAS,EAAE,cAAA,CAAAC,MAAA,CAAe,GAAG,GAAGd,UAAU,EAAA,GAAA;MAAK;IAAA,CAAA,CACxD,CACE,EACLP,OAAO,IACNS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,kBAAM,CAAChB;IAAO,CAAA,EAC5BS,KAAA,CAAAC,aAAA,CAACY,OAAO,CAAAA,OAAA,EAAA;MACNC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,GAAG;MACPC,KAAK,EAAErB,UAAU,GAAG,OAAO,GAAG;IAAM,CAAA,EAEnCJ,OAAO,CACA,CAEb,CACG;EAEV,CAAC;EAEDN,WAAW,CAACgC,WAAW,GAAG,aAAa;EAAA,OA9C1BhC,WAAW;AAAA;"}

package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var styles = {
+  "subtext": "ProgressBar-module_subtext__eizyu",
+  "progressBackground": "ProgressBar-module_progressBackground__5qzp5",
+  "progress": "ProgressBar-module_progress__X1IHw",
+  "positive": "ProgressBar-module_positive__12oA1 ProgressBar-module_progress__X1IHw",
+  "informative": "ProgressBar-module_informative__lrVDM ProgressBar-module_progress__X1IHw",
+  "cautionary": "ProgressBar-module_cautionary__f56gH ProgressBar-module_progress__X1IHw",
+  "negative": "ProgressBar-module_negative__EVWBt ProgressBar-module_progress__X1IHw",
+  "isAnimating": "ProgressBar-module_isAnimating__F6AxQ",
+  "pulse": "ProgressBar-module_pulse__RGaQm"
+};
+module.exports = styles;
+//# sourceMappingURL=ProgressBar.module.scss.cjs.map

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

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

package/dist/cjs/ProgressBar/subcomponents/Label/Label.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var Heading = require('../../../Heading/Heading.cjs');
+var Label_module = require('./Label.module.scss.cjs');
+const Label = /*#__PURE__*/function () {
+  const Label = function (_a) {
+    var content = _a.content,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b;
+    return React.createElement("div", {
+      className: Label_module.label
+    }, React.createElement(Heading.Heading, {
+      variant: "heading-4",
+      tag: "p",
+      color: isReversed ? "white" : "dark"
+    }, content));
+  };
+  Label.displayName = "Label";
+  return Label;
+}();
+exports.Label = Label;
+//# sourceMappingURL=Label.cjs.map

package/dist/cjs/ProgressBar/subcomponents/Label/Label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","sources":["../../../../../src/ProgressBar/subcomponents/Label/Label.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport styles from \"./Label.module.scss\"\n\ntype Label = {\n  content: ReactNode\n  isReversed: boolean\n}\n\nexport const Label = ({ content, isReversed = false }: Label): JSX.Element => (\n  <div className={styles.label}>\n    <Heading variant=\"heading-4\" tag=\"p\" color={isReversed ? \"white\" : \"dark\"}>\n      {content}\n    </Heading>\n  </div>\n)\n\nLabel.displayName = \"Label\"\n"],"names":["Label","_a","content","_b","isReversed","React","createElement","className","styles","label","Heading","variant","tag","color","displayName"],"mappings":";;;;;MASaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAAsC,EAAA;IAApC,IAAAC,OAAO,aAAA;MAAEC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAA2B,OAC5EE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,YAAM,CAACC;IAAK,CAAA,EAC1BJ,KAAC,CAAAC,aAAA,CAAAI,OAAAA,CAAAA,OAAO,EAAC;MAAAC,OAAO,EAAC,WAAW;MAACC,GAAG,EAAC,GAAG;MAACC,KAAK,EAAET,UAAU,GAAG,OAAO,GAAG;IAAM,CACtE,EAAAF,OAAO,CACA,CACN;EALsE,CAM7E;EAEDF,KAAK,CAACc,WAAW,GAAG,OAAO;EAAA,OARdd,KAAK;AAAA;"}

package/dist/cjs/ProgressBar/subcomponents/Label/Label.module.scss.cjs

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

package/dist/cjs/ProgressBar/subcomponents/Label/Label.module.scss.cjs.map

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

package/dist/cjs/ProgressBar/utils/calculatePercentage.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var calculatePercentage = function (_a) {
+  var value = _a.value,
+    max = _a.max;
+  return value / max * 100.0;
+};
+exports.calculatePercentage = calculatePercentage;
+//# sourceMappingURL=calculatePercentage.cjs.map

package/dist/cjs/ProgressBar/utils/calculatePercentage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatePercentage.cjs","sources":["../../../../src/ProgressBar/utils/calculatePercentage.ts"],"sourcesContent":["export const calculatePercentage = ({\n  value,\n  max,\n}: {\n  value: number\n  max: number\n}): number => (value / max) * 100.0\n"],"names":["calculatePercentage","_a","value","max"],"mappings":";;AAAO,IAAMA,mBAAmB,GAAG,SAAAA,CAACC,EAMnC,EAAA;MALCC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;EAIS,OAACD,KAAK,GAAGC,GAAG,GAAI,KAAK;AAArB,CAAA;"}

package/dist/cjs/dts/LikertScaleLegacy/LikertScaleLegacy.d.ts

@@ -0,0 +1,20 @@
+import { Scale, ScaleItem } from "./types";
+export type LikertScaleProps = {
+    labelId: string;
+    scale: Scale;
+    selectedItem: ScaleItem | null;
+    /**
+     * @deprecated Please use data-testid instead
+     */
+    automationId?: string;
+    "data-testid"?: string;
+    reversed?: boolean;
+    validationMessage?: string;
+    status?: "default" | "error";
+    onSelect: (value: ScaleItem | null) => void;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
+ */
+export declare const LikertScaleLegacy: ({ scale, selectedItem, reversed, "data-testid": dataTestId, onSelect, validationMessage, status, labelId, }: LikertScaleProps) => JSX.Element;

package/dist/cjs/dts/LikertScaleLegacy/index.d.ts

@@ -0,0 +1 @@
+export * from "./LikertScaleLegacy";

package/dist/cjs/dts/LikertScaleLegacy/types.d.ts

@@ -0,0 +1,6 @@
+export type ScaleValue = -1 | 1 | 2 | 3 | 4 | 5;
+export type ScaleItem = {
+    value: ScaleValue;
+    label: string;
+};
+export type Scale = ScaleItem[];

package/dist/cjs/dts/LikertScaleLegacy/utils/determineSelectionFromKeyPress.d.ts

@@ -0,0 +1,3 @@
+import { ScaleValue, ScaleItem } from "../types";
+declare const determineSelectionFromKeyPress: (keyCode: number, currentSelection: ScaleItem | null, focusedItem: ScaleItem) => null | ScaleValue;
+export default determineSelectionFromKeyPress;

package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts

@@ -7,6 +7,7 @@ export type MultiSelectToggleProps = {
     ["aria-controls"]: string;
     selectedOptions: MultiSelectOption[];
     isOpen?: boolean;
+    onRemoveOption: (optionValue: MultiSelectOption["value"]) => void;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const MultiSelectToggle: React.ForwardRefExoticComponent<{
     onClick: React.MouseEventHandler;
@@ -14,6 +15,7 @@ export declare const MultiSelectToggle: React.ForwardRefExoticComponent<{
     "aria-controls": string;
     selectedOptions: MultiSelectOption[];
     isOpen?: boolean | undefined;
+    onRemoveOption: (optionValue: MultiSelectOption["value"]) => void;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
     classNameOverride?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/dts/Notification/ToastNotification/ToastNotification.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ToastNotificationWithOptionals } from "./types";
+export type ToastNotificationProps = Omit<ToastNotificationWithOptionals, "message" | "persistent"> & {
+    /**
+     * Removes the dismiss trigger. functions the same as `persistent` in `addToastNotification`. If this is true you will need to manage the removal of notifications manually.
+     * @default false
+     */
+    hideCloseIcon?: boolean;
+    children: React.ReactNode;
+};
+export declare const ToastNotification: {
+    ({ id: propsId, hideCloseIcon, type, title, onHide, children, ...restProps }: ToastNotificationProps): null;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/ToastNotification/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ToastNotification";
+export * from "./subcomponents/ToastNotificationManager";
+export * from "./subcomponents/ToastNotificationsList";

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/ToastNotificationManager.d.ts

@@ -0,0 +1,7 @@
+import { AddToastNotification, ClearToastNotifications, RemoveToastNotification } from "../../types";
+/**
+ * Export the curried API methods
+ */
+export declare const addToastNotification: AddToastNotification;
+export declare const clearToastNotifications: ClearToastNotifications;
+export declare const removeToastNotification: RemoveToastNotification;

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotificationManager";

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/ToastNotificationsList.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { RemoveToastNotification, ToastNotification } from "../../types";
+export type ToastNotificationsListProps = {
+    notifications: ToastNotification[];
+    onHide: RemoveToastNotification;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const ToastNotificationsList: {
+    ({ notifications, onHide: defaultOnHide, }: ToastNotificationsListProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotificationsList";

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/ToastNotificationsListContainer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RemoveToastNotification, ToastNotification } from "../../types";
+export type ToastNotificationsListContainerProps = {
+    removeToastNotification: RemoveToastNotification;
+    registerSetNotificationsCallback: (callback: React.Dispatch<React.SetStateAction<ToastNotification[]>>) => void;
+};
+export declare const ToastNotificationsListContainer: ({ removeToastNotification, registerSetNotificationsCallback, }: ToastNotificationsListContainerProps) => JSX.Element;

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotificationsListContainer";

package/dist/cjs/dts/Notification/ToastNotification/types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { DataAttributes } from "../../types/DataAttributes";
+import { NotificationType } from "../types";
+type Modify<T, R> = Omit<T, keyof R> & R;
+export type ToastNotification = {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message: React.ReactNode;
+    onHide?: () => void;
+    /**
+     * Removes the dismiss trigger. If this is true you will need to manage the removal of notifications manually.
+     * @default false
+     */
+    persistent?: boolean;
+} & DataAttributes;
+export type ToastNotificationWithOptionals = Modify<ToastNotification, {
+    id?: string;
+}>;
+export type AddToastNotification = (notification: ToastNotificationWithOptionals) => void;
+export type RemoveToastNotification = (notificationId: string) => void;
+export type ClearToastNotifications = () => void;
+export {};

package/dist/cjs/dts/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type ProgressBarProps = {
+    /** A value that represents completed progress */
+    value: number;
+    /** A value that sets the maximum progress that can be achieved */
+    max: number;
+    /** Adds an animated state to indicate loading progress */
+    isAnimating: boolean;
+    mood: Mood;
+    subtext?: string;
+    label?: string;
+    isReversed: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+type Mood = "positive" | "informative" | "negative" | "cautionary";
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
+ */
+export declare const ProgressBar: {
+    ({ value, max, isAnimating, mood, subtext, label, classNameOverride, isReversed, ...restProps }: ProgressBarProps): JSX.Element;
+    displayName: string;
+};
+export {};