@kaizen/components 0.0.0-canary-bundler--fix-style-inject-20240522033251 → 0.0.0-canary-bundler--local-style-inject-20240522043016

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".Label-module_label__Dmp7q,.ideal-sans .Label-module_label__Dmp7q{color:var(--color-purple-800,#2f2438);opacity:inherit;text-align:left;text-align:start;visibility:visible;width:100%}.Label-module_label__Dmp7q[dir=rtl],.ideal-sans .Label-module_label__Dmp7q[dir=rtl],[dir=rtl] .Label-module_label__Dmp7q,[dir=rtl] .ideal-sans .Label-module_label__Dmp7q{text-align:right;text-align:start}.Label-module_reversed__n6Q4r,.Label-module_reversed__n6Q4r a{color:var(--color-white,#fff)}.Label-module_reversed__n6Q4r a:hover{text-decoration:none}.Label-module_disabled__qOB4e{opacity:30%}.Label-module_text__LUnIh,.ideal-sans .Label-module_text__LUnIh{font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Label-module_checkbox__Fhjww,.Label-module_radio__-Iu-D,.Label-module_toggle__4tyKF{display:flex;font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Label-module_toggle__4tyKF{align-items:center;justify-content:space-between}.Label-module_checkbox__Fhjww .Label-module_prependedLabel__pdsEt,.Label-module_radio__-Iu-D .Label-module_prependedLabel__pdsEt,.Label-module_toggle__4tyKF .Label-module_prependedLabel__pdsEt{margin-left:0;margin-right:var(--spacing-xs,.375rem);order:-1}.Label-module_checkbox__Fhjww .Label-module_appendedLabel__-OHis,.Label-module_checkbox__Fhjww .Label-module_prependedLabel__pdsEt[dir=rtl],.Label-module_radio__-Iu-D .Label-module_appendedLabel__-OHis,.Label-module_radio__-Iu-D .Label-module_prependedLabel__pdsEt[dir=rtl],.Label-module_toggle__4tyKF .Label-module_appendedLabel__-OHis,.Label-module_toggle__4tyKF .Label-module_prependedLabel__pdsEt[dir=rtl],[dir=rtl] .Label-module_checkbox__Fhjww .Label-module_prependedLabel__pdsEt,[dir=rtl] .Label-module_radio__-Iu-D .Label-module_prependedLabel__pdsEt,[dir=rtl] .Label-module_toggle__4tyKF .Label-module_prependedLabel__pdsEt{margin-left:var(--spacing-xs,.375rem);margin-right:0}.Label-module_checkbox__Fhjww .Label-module_appendedLabel__-OHis[dir=rtl],.Label-module_radio__-Iu-D .Label-module_appendedLabel__-OHis[dir=rtl],.Label-module_toggle__4tyKF .Label-module_appendedLabel__-OHis[dir=rtl],[dir=rtl] .Label-module_checkbox__Fhjww .Label-module_appendedLabel__-OHis,[dir=rtl] .Label-module_radio__-Iu-D .Label-module_appendedLabel__-OHis,[dir=rtl] .Label-module_toggle__4tyKF .Label-module_appendedLabel__-OHis{margin-left:0;margin-right:var(--spacing-xs,.375rem)}.Label-module_prominent__SPdrr{display:block;font-family:var(--typography-heading-4-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem);margin-bottom:var(--spacing-xs,.375rem)}";
+var styles = {
+  "label": "Label-module_label__Dmp7q",
+  "reversed": "Label-module_reversed__n6Q4r",
+  "disabled": "Label-module_disabled__qOB4e",
+  "text": "Label-module_text__LUnIh",
+  "radio": "Label-module_radio__-Iu-D",
+  "checkbox": "Label-module_checkbox__Fhjww",
+  "toggle": "Label-module_toggle__4tyKF",
+  "prependedLabel": "Label-module_prependedLabel__pdsEt",
+  "appendedLabel": "Label-module_appendedLabel__-OHis",
+  "prominent": "Label-module_prominent__SPdrr"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/LabelledMessage/LabelledMessage.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LabelledMessage_module = require('./LabelledMessage.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var LabelledMessage = function (_a) {
+  var label = _a.label,
+    message = _a.message,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["label", "message", "classNameOverride"]);
+  return React__default.default.createElement("span", tslib.__assign({
+    className: classnames__default.default(LabelledMessage_module.default.labelledMessage, classNameOverride)
+  }, restProps), React__default.default.createElement("span", null, label), React__default.default.createElement("span", {
+    className: LabelledMessage_module.default.labelSeparator
+  }, ":"), React__default.default.createElement("span", null, message));
+};
+LabelledMessage.displayName = "LabelledMessage";
+exports.LabelledMessage = LabelledMessage;

package/dist/cjs/LabelledMessage/LabelledMessage.module.scss.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".LabelledMessage-module_labelledMessage__8hqzY{display:inline-flex;white-space:nowrap}.LabelledMessage-module_labelSeparator__f3zFN{margin-inline-end:var(--spacing-6,.375rem)}";
+var styles = {
+  "labelledMessage": "LabelledMessage-module_labelledMessage__8hqzY",
+  "labelSeparator": "LabelledMessage-module_labelSeparator__f3zFN"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs

@@ -0,0 +1,153 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+require('tslib');
+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');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var SelectedItemIcon = function () {
+  return React__default.default.createElement(CheckIcon.CheckIcon, {
+    role: "presentation",
+    classNameOverride: LikertScaleLegacy_module.default.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,
+    _b = _a.colorSchema,
+    colorSchema = _b === void 0 ? "classical" : _b,
+    dataTestId = _a["data-testid"],
+    onSelect = _a.onSelect,
+    validationMessage = _a.validationMessage,
+    status = _a.status,
+    labelId = _a.labelId;
+  var _c = React.useState(null),
+    hoveredItem = _c[0],
+    setHoveredItem = _c[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.default(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__default.default.createElement("div", {
+    className: classnames__default.default(LikertScaleLegacy_module.default.container, isRated && LikertScaleLegacy_module.default.rated, reversed && [LikertScaleLegacy_module.default.reversed], hoveredItem !== null && LikertScaleLegacy_module.default.hovered),
+    "aria-labelledby": labelId,
+    role: "radiogroup",
+    tabIndex: -1,
+    "aria-describedby": validationMessageId,
+    "data-testid": dataTestId
+  }, React__default.default.createElement("div", {
+    className: LikertScaleLegacy_module.default.legend,
+    "data-testid": dataTestId && "".concat(dataTestId, "-legend")
+  }, React__default.default.createElement(Text.Text, {
+    variant: "small",
+    color: reversed ? "white" : "dark"
+  }, legend)), React__default.default.createElement("div", {
+    className: classnames__default.default(LikertScaleLegacy_module.default.itemContainer, isRated && LikertScaleLegacy_module.default.rated, reversed && LikertScaleLegacy_module.default.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__default.default.createElement("div", {
+      className: classnames__default.default(LikertScaleLegacy_module.default.likertItem, colorSchema == "blue" ? LikertScaleLegacy_module.default.blueColorSchema : LikertScaleLegacy_module.default.classicalColorSchema, LikertScaleLegacy_module.default["likertItem".concat(item.value)], isSelected && LikertScaleLegacy_module.default.selected, isSuggested && LikertScaleLegacy_module.default.suggested, isUnselected && LikertScaleLegacy_module.default.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__default.default.createElement("div", {
+      className: classnames__default.default(LikertScaleLegacy_module.default.likertItemFill, LikertScaleLegacy_module.default["field".concat(item.value)], isSelectedItem && LikertScaleLegacy_module.default.pop)
+    }), isSelectedItem ? React__default.default.createElement(SelectedItemIcon, null) : null);
+  })), shouldDisplayValidationMessage && React__default.default.createElement(FieldMessage.FieldMessage, {
+    id: validationMessageId,
+    message: validationMessage,
+    status: status,
+    reversed: reversed
+  }));
+};
+exports.LikertScaleLegacy = LikertScaleLegacy;

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

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = "@keyframes LikertScaleLegacy-module_pop__hTH48{0%{opacity:50%;-webkit-transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.78)}}.LikertScaleLegacy-module_container__5wjIJ{box-sizing:border-box;position:relative;width:220px}@media only screen and (max-width:767px){.LikertScaleLegacy-module_container__5wjIJ{position:static;width:258px}}.LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC{transition:background .1s}.LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_reversed__qrwrP.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65)}.LikertScaleLegacy-module_container__5wjIJ :where(.LikertScaleLegacy-module_likertItem4__0SWtD,.LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx{color:#fff}.LikertScaleLegacy-module_container__5wjIJ :is(.LikertScaleLegacy-module_likertItem4__0SWtD.LikertScaleLegacy-module_suggested__0xk0D,.LikertScaleLegacy-module_likertItem5__ZF0By.LikertScaleLegacy-module_suggested__0xk0D) .LikertScaleLegacy-module_check__3wQsx{color:#fff}.LikertScaleLegacy-module_likertItemFill__yj0tC:focus,.LikertScaleLegacy-module_likertItem__LwX2w:focus{outline:none}.LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC{outline:var(--color-blue-500,#0168b3) var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px);outline-offset:1px}.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC{outline-color:var(--color-blue-300,#73c0e8)}.LikertScaleLegacy-module_itemContainer__9Vfq0{display:inline-block;font-size:0;height:37px;white-space:nowrap;width:100%}.LikertScaleLegacy-module_legend__HYNg-{left:0;position:absolute;right:0;text-align:center;top:calc(var(--spacing-md, 1.5rem)*-1)}@media only screen and (max-width:767px){.LikertScaleLegacy-module_legend__HYNg-{position:static;top:0}}.LikertScaleLegacy-module_likertItem__LwX2w{display:inline-block;font-size:1px;line-height:1;margin-left:2px;margin-right:2px;overflow-x:visible;padding:0;position:relative;width:18.5%}.LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:first-child,[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child{margin-left:2px}.LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:last-child,[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child{margin-right:2px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-left-radius:35px;border-top-left-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-right-radius:35px;border-top-right-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-left-radius:35px;border-top-left-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-right-radius:35px;border-top-right-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-right-radius:35px;border-top-right-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-left-radius:35px;border-top-left-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-right-radius:35px;border-top-right-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-left-radius:35px;border-top-left-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child{margin-left:0;margin-right:2px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child{margin-left:2px;margin-right:0}.LikertScaleLegacy-module_likertItem__LwX2w:after,.LikertScaleLegacy-module_likertItem__LwX2w:before{content:\"\";height:100%;position:absolute;right:100%;top:0;width:2px}.LikertScaleLegacy-module_likertItem__LwX2w:after{left:100%;right:auto}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-:after{background-color:var(--color-yellow-300,#ffe36e)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7:after{background-color:var(--color-yellow-400,#ffca4d)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ:after{background-color:var(--color-orange-400,#ff9461)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E:after{background-color:var(--color-orange-500,#e96c2f)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV:after{background-color:var(--color-red-500,#c93b55)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-:after{background-color:var(--color-blue-100,#e6f6ff)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7:after{background-color:var(--color-blue-200,#bde2f5)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ:after{background-color:var(--color-blue-300,#73c0e8)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E:after{background-color:var(--color-blue-400,#008bd6)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV:after{background-color:var(--color-blue-500,#0168b3)}.LikertScaleLegacy-module_likertItemFill__yj0tC{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);height:35px;transition:background .1s,border-color .1s}.LikertScaleLegacy-module_likertItemFill__yj0tC:hover{transition:background 0s,border-color 0s}.LikertScaleLegacy-module_likertItemFill__yj0tC:after{content:\" \";display:block;height:100%;pointer-events:none;width:100%}.LikertScaleLegacy-module_likertItemFill__yj0tC.LikertScaleLegacy-module_pop__hTH48:after{-webkit-animation:LikertScaleLegacy-module_pop__hTH48 .7s cubic-bezier(0,.94,.32,1) 1}.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItemFill__yj0tC{border-color:rgba(var(--color-white-rgb,255,255,255),.65)}.LikertScaleLegacy-module_check__3wQsx{color:#000;display:block;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%}.LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx{margin-left:-9px}[dir=rtl] .LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx{margin-left:-11px}.LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx{margin-left:-12px}[dir=rtl] .LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx{margin-left:-9px}.LikertScaleLegacy-module_hovered__vVUN6 :where(.LikertScaleLegacy-module_likertItem4__0SWtD,.LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx{color:#000}.LikertScaleLegacy-module_hovered__vVUN6.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_itemContainer__9Vfq0>:not(.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_likertItem__LwX2w) .LikertScaleLegacy-module_check__3wQsx{color:#fff}@media only screen and (max-width:767px){.LikertScaleLegacy-module_container__5wjIJ{min-width:258px}.LikertScaleLegacy-module_itemContainer__9Vfq0{height:50px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-left-radius:48px;border-top-left-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-right-radius:48px;border-top-right-radius:48px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-left-radius:48px;border-top-left-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-right-radius:48px;border-top-right-radius:48px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-right-radius:48px;border-top-right-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-left-radius:48px;border-top-left-radius:48px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-right-radius:48px;border-top-right-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-left-radius:48px;border-top-left-radius:48px}.LikertScaleLegacy-module_likertItemFill__yj0tC{height:48px}}@media print{.LikertScaleLegacy-module_legend__HYNg-{display:none}.LikertScaleLegacy-module_container__5wjIJ{right:2em;top:1em;width:150px}.LikertScaleLegacy-module_container__5wjIJ .LikertScaleLegacy-module_likertItem__LwX2w .LikertScaleLegacy-module_likertItemFill__yj0tC{background:#fff;border:1px solid #d7d8d8;height:25px}.LikertScaleLegacy-module_container__5wjIJ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC,.LikertScaleLegacy-module_container__5wjIJ .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{background:#fff;border-width:2px}}";
+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-",
+  "classicalColorSchema": "LikertScaleLegacy-module_classicalColorSchema__nPw3y",
+  "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",
+  "blueColorSchema": "LikertScaleLegacy-module_blueColorSchema__w8XlF",
+  "pop": "LikertScaleLegacy-module_pop__hTH48",
+  "likertItem1": "LikertScaleLegacy-module_likertItem1__cYmY6",
+  "hovered": "LikertScaleLegacy-module_hovered__vVUN6"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

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

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+/**
+ * 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;
+};
+exports.default = determineSelectionFromKeyPress;

package/dist/cjs/Loading/LoadingGraphic/LoadingGraphic.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingGraphic_module = require('./LoadingGraphic.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var loadingGraphicSizeMap = new Map([["small", 1.25], ["medium", 3], ["large", 4.5], ["xlarge", 6], ["xxlarge", 7.5], ["scene", 18.75]]);
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}
+ */
+var LoadingGraphic = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isReversed = _a.isReversed,
+    size = _a.size,
+    classNameOverride = _a.classNameOverride,
+    props = tslib.__rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
+  var sizeValue = "".concat(loadingGraphicSizeMap.get(size), "rem");
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(LoadingGraphic_module.default.loadingGraphic, isAnimated && LoadingGraphic_module.default.isAnimated, isReversed && LoadingGraphic_module.default.isReversed, classNameOverride),
+    style: {
+      width: sizeValue,
+      height: sizeValue
+    }
+  }, props));
+};
+LoadingGraphic.displayName = "LoadingGraphic";
+exports.LoadingGraphic = LoadingGraphic;

package/dist/cjs/Loading/LoadingGraphic/LoadingGraphic.module.scss.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".LoadingGraphic-module_loadingGraphic__lg-gH{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingGraphic-module_fade-in-out__VFBMB{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingGraphic-module_isAnimated__tyskp{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingGraphic-module_fade-in-out__VFBMB}.LoadingGraphic-module_loadingGraphic__lg-gH{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1);border-radius:50%}.LoadingGraphic-module_isReversed__HmZ4H{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}";
+var styles = {
+  "loadingGraphic": "LoadingGraphic-module_loadingGraphic__lg-gH",
+  "isAnimated": "LoadingGraphic-module_isAnimated__tyskp",
+  "fade-in-out": "LoadingGraphic-module_fade-in-out__VFBMB",
+  "isReversed": "LoadingGraphic-module_isReversed__HmZ4H"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Loading/LoadingHeading/LoadingHeading.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingHeading_module = require('./LoadingHeading.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}
+ */
+var LoadingHeading = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isReversed = _a.isReversed,
+    width = _a.width,
+    isLink = _a.isLink,
+    classNameOverride = _a.classNameOverride,
+    variant = _a.variant,
+    props = tslib.__rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(LoadingHeading_module.default.loadingHeading, classNameOverride, LoadingHeading_module.default[variant], isAnimated && LoadingHeading_module.default.isAnimated, isReversed && LoadingHeading_module.default.isReversed, isLink && LoadingHeading_module.default.link),
+    style: {
+      width: "".concat(width, "%")
+    }
+  }, props));
+};
+LoadingHeading.displayName = "LoadingHeading";
+exports.LoadingHeading = LoadingHeading;

package/dist/cjs/Loading/LoadingHeading/LoadingHeading.module.scss.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".LoadingHeading-module_loadingHeading__tb9a-{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingHeading-module_fade-in-out__4e-Ds{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingHeading-module_isAnimated__cbstI{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingHeading-module_fade-in-out__4e-Ds}.LoadingHeading-module_loadingHeading__tb9a-{background-color:rgba(var(--color-gray-500-rgb,135,135,146),.2)}.LoadingHeading-module_display-0__SXmNU{height:var(--typography-display-0-font-size,4.5rem);margin-bottom:calc(var(--typography-display-0-line-height, 5.25rem) - var(--typography-display-0-font-size, 4.5rem))}.LoadingHeading-module_heading-1__09eOy{height:var(--typography-heading-1-font-size,2.125rem);margin-bottom:calc(var(--typography-heading-1-line-height, 2.625rem) - var(--typography-heading-1-font-size, 2.125rem))}.LoadingHeading-module_heading-2__bxtDS{height:var(--typography-heading-2-font-size,1.75rem);margin-bottom:calc(var(--typography-heading-2-line-height, 2.25rem) - var(--typography-heading-2-font-size, 1.75rem))}.LoadingHeading-module_heading-3__h8MXB{height:var(--typography-heading-3-font-size,1.375rem);margin-bottom:calc(var(--typography-heading-3-line-height, 1.875rem) - var(--typography-heading-3-font-size, 1.375rem))}.LoadingHeading-module_heading-4__VsC1Y{height:var(--typography-heading-4-font-size,1.125rem);margin-bottom:calc(var(--typography-heading-4-line-height, 1.5rem) - var(--typography-heading-4-font-size, 1.125rem))}.LoadingHeading-module_heading-5__5arKU{height:var(--typography-heading-5-font-size,1rem);margin-bottom:calc(var(--typography-heading-5-line-height, 1.5rem) - var(--typography-heading-5-font-size, 1rem))}.LoadingHeading-module_heading-6__sLipd{height:var(--typography-heading-6-font-size,.875rem);margin-bottom:calc(var(--typography-heading-6-line-height, 1.5rem) - var(--typography-heading-6-font-size, .875rem))}.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.2)}.LoadingHeading-module_link__E7uU1{background-color:rgba(var(--color-blue-500-rgb,1,104,179),.2)}.LoadingHeading-module_link__E7uU1.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.65)}";
+var styles = {
+  "loadingHeading": "LoadingHeading-module_loadingHeading__tb9a-",
+  "isAnimated": "LoadingHeading-module_isAnimated__cbstI",
+  "fade-in-out": "LoadingHeading-module_fade-in-out__4e-Ds",
+  "display-0": "LoadingHeading-module_display-0__SXmNU",
+  "heading-1": "LoadingHeading-module_heading-1__09eOy",
+  "heading-2": "LoadingHeading-module_heading-2__bxtDS",
+  "heading-3": "LoadingHeading-module_heading-3__h8MXB",
+  "heading-4": "LoadingHeading-module_heading-4__VsC1Y",
+  "heading-5": "LoadingHeading-module_heading-5__5arKU",
+  "heading-6": "LoadingHeading-module_heading-6__sLipd",
+  "isReversed": "LoadingHeading-module_isReversed__vz6G1",
+  "link": "LoadingHeading-module_link__E7uU1"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Loading/LoadingInput/LoadingInput.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingInput_module = require('./LoadingInput.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}
+ */
+var LoadingInput = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isReversed = _a.isReversed,
+    width = _a.width,
+    classNameOverride = _a.classNameOverride,
+    _b = _a.height,
+    height = _b === void 0 ? 48 : _b,
+    props = tslib.__rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(LoadingInput_module.default.loadingInput, isAnimated && LoadingInput_module.default.isAnimated, isReversed && LoadingInput_module.default.isReversed, classNameOverride),
+    style: {
+      width: "".concat(width, "%"),
+      height: "".concat(height, "px")
+    }
+  }, props));
+};
+LoadingInput.displayName = "LoadingInput";
+exports.LoadingInput = LoadingInput;

package/dist/cjs/Loading/LoadingInput/LoadingInput.module.scss.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".LoadingInput-module_loadingInput__65Cpe{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingInput-module_fade-in-out__XW4tT{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingInput-module_isAnimated__hJtl-{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingInput-module_fade-in-out__XW4tT}.LoadingInput-module_loadingInput__65Cpe{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.LoadingInput-module_isReversed__wyVkD{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}";
+var styles = {
+  "loadingInput": "LoadingInput-module_loadingInput__65Cpe",
+  "isAnimated": "LoadingInput-module_isAnimated__hJtl-",
+  "fade-in-out": "LoadingInput-module_fade-in-out__XW4tT",
+  "isReversed": "LoadingInput-module_isReversed__wyVkD"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;