@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/esm/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs

@@ -1,13 +1,19 @@
 var getSelectedOptionLabels = function (keys, items) {
-    if (!keys || !items) {
-        return [];
-    }
-    if (keys === "all") {
-        return items.map(function (item) { return item.label; });
-    }
-    return Array.from(keys)
-        .map(function (key) { var _a, _b; return (_b = (_a = items.find(function (item) { return item.value === key; })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : ""; })
-        .filter(function (item) { return item !== ""; });
+  if (!keys || !items) {
+    return [];
+  }
+  if (keys === "all") {
+    return items.map(function (item) {
+      return item.label;
+    });
+  }
+  return Array.from(keys).map(function (key) {
+    var _a, _b;
+    return (_b = (_a = items.find(function (item) {
+      return item.value === key;
+    })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
+  }).filter(function (item) {
+    return item !== "";
+  });
 };
-
 export { getSelectedOptionLabels };

package/dist/esm/Filter/FilterMultiSelect/utils/getTruncatedLabel.mjs

@@ -1,15 +1,16 @@
 var CONNECTOR = ", ";
 var truncateByCharacterLimit = function (labels, limit, labelsTruncatedCount) {
-    if (labelsTruncatedCount === void 0) { labelsTruncatedCount = 0; }
-    if (labels.length === 1 || labels.join("").replace(/,/g, "").length < limit) {
-        var moreIndicator = labelsTruncatedCount > 0 ? " + ".concat(labelsTruncatedCount, " more") : "";
-        return "".concat(labels.join(CONNECTOR)).concat(moreIndicator);
-    }
-    var newLabels = labels.slice(0, labels.length - 1);
-    return truncateByCharacterLimit(newLabels, limit, labelsTruncatedCount + 1);
+  if (labelsTruncatedCount === void 0) {
+    labelsTruncatedCount = 0;
+  }
+  if (labels.length === 1 || labels.join("").replace(/,/g, "").length < limit) {
+    var moreIndicator = labelsTruncatedCount > 0 ? " + ".concat(labelsTruncatedCount, " more") : "";
+    return "".concat(labels.join(CONNECTOR)).concat(moreIndicator);
+  }
+  var newLabels = labels.slice(0, labels.length - 1);
+  return truncateByCharacterLimit(newLabels, limit, labelsTruncatedCount + 1);
 };
 var getTruncatedLabels = function (labels, limit) {
-    return truncateByCharacterLimit(labels, limit);
+  return truncateByCharacterLimit(labels, limit);
 };
-
 export { getTruncatedLabels };

package/dist/esm/Filter/FilterSelect/FilterSelect.mjs

@@ -18,30 +18,68 @@ import '../../__future__/Select/subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from '../../__future__/Select/utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from '../../__future__/Select/utils/transformSelectItemToCollectionElement.mjs';
 import styles from './FilterSelect.module.scss.mjs';
-
-var FilterSelect = function (_a) {
-    var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, selectedKey = _a.selectedKey, restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
+const FilterSelect = /*#__PURE__*/function () {
+  const FilterSelect = function (_a) {
+    var isOpen = _a.isOpen,
+      setIsOpen = _a.setIsOpen,
+      renderTrigger = _a.renderTrigger,
+      label = _a.label,
+      children = _a.children,
+      items = _a.items,
+      classNameOverride = _a.classNameOverride,
+      selectedKey = _a.selectedKey,
+      restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
     // Ref will be populated by Filter
-    var _b = useState({ current: null }), triggerRef = _b[0], setTriggerRef = _b[1];
+    var _b = useState({
+        current: null
+      }),
+      triggerRef = _b[0],
+      setTriggerRef = _b[1];
     var disabledKeys = getDisabledKeysFromItems(items);
-    var ariaSelectProps = __assign({ label: label, items: items, children: transformSelectItemToCollectionElement, isOpen: isOpen, onOpenChange: setIsOpen, disabledKeys: disabledKeys, selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey }, restProps);
+    var ariaSelectProps = __assign({
+      label: label,
+      items: items,
+      children: transformSelectItemToCollectionElement,
+      isOpen: isOpen,
+      onOpenChange: setIsOpen,
+      disabledKeys: disabledKeys,
+      selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey
+    }, restProps);
     var state = useSelectState(ariaSelectProps);
-    var _c = useSelect(ariaSelectProps, state, triggerRef), triggerProps = _c.triggerProps, menuProps = _c.menuProps;
+    var _c = useSelect(ariaSelectProps, state, triggerRef),
+      triggerProps = _c.triggerProps,
+      menuProps = _c.menuProps;
     var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(HiddenSelect, { label: label, state: state, triggerRef: triggerRef }),
-        React.createElement(Filter, { isOpen: isOpen, setIsOpen: setIsOpen, renderTrigger: function () {
-                var _a;
-                return renderTrigger(__assign({ selectedValue: ((_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue) || undefined, label: label, isOpen: isOpen }, buttonProps));
-            }, onMount: setTriggerRef, classNameOverride: classNameOverride },
-            React.createElement(FilterContents, { classNameOverride: styles.filterContents },
-                React.createElement(SelectProvider, { state: state },
-                    React.createElement(SelectPopoverContents, { menuProps: menuProps }, children))))));
-};
-FilterSelect.displayName = "FilterSelect";
-FilterSelect.Section = ListBoxSection;
-FilterSelect.SectionDivider = SectionDivider;
-FilterSelect.Option = Option;
-FilterSelect.ItemDefaultRender = ListItem;
-
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HiddenSelect, {
+      label: label,
+      state: state,
+      triggerRef: triggerRef
+    }), /*#__PURE__*/React.createElement(Filter, {
+      isOpen: isOpen,
+      setIsOpen: setIsOpen,
+      renderTrigger: function () {
+        var _a;
+        return renderTrigger(__assign({
+          selectedValue: ((_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue) || undefined,
+          label: label,
+          isOpen: isOpen
+        }, buttonProps));
+      },
+      onMount: setTriggerRef,
+      classNameOverride: classNameOverride
+    }, /*#__PURE__*/React.createElement(FilterContents, {
+      classNameOverride: styles.filterContents
+    }, /*#__PURE__*/React.createElement(SelectProvider, {
+      state: state
+    }, /*#__PURE__*/React.createElement(SelectPopoverContents, {
+      menuProps: menuProps
+    }, children)))));
+  };
+  FilterSelect.displayName = "FilterSelect";
+  FilterSelect.Section = ListBoxSection;
+  FilterSelect.SectionDivider = SectionDivider;
+  FilterSelect.Option = Option;
+  FilterSelect.ItemDefaultRender = ListItem;
+  return FilterSelect;
+}();
 export { FilterSelect };

package/dist/esm/Filter/FilterSelect/FilterSelect.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"filterContents":"FilterSelect-module_filterContents__p7Kgc"};
-
+var styles = {
+  "filterContents": "FilterSelect-module_filterContents__p7Kgc"
+};
 export { styles as default };

package/dist/esm/GuidanceBlock/GuidanceBlock.mjs

@@ -10,94 +10,145 @@ import { ArrowForwardIcon } from '../Icon/ArrowForwardIcon.mjs';
 import { Text } from '../Text/Text.mjs';
 import { Tooltip } from '../Tooltip/Tooltip.mjs';
 import styles from './GuidanceBlock.module.scss.mjs';
-
 var WithTooltip = function (_a) {
-    var tooltipProps = _a.tooltipProps, children = _a.children;
-    return !!tooltipProps ? (React.createElement(Tooltip, __assign({}, tooltipProps), children)) : (React.createElement(React.Fragment, null, children));
+  var tooltipProps = _a.tooltipProps,
+    children = _a.children;
+  return !!tooltipProps ? ( /*#__PURE__*/React.createElement(Tooltip, __assign({}, tooltipProps), children)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, children));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook}
  */
-var GuidanceBlock = function (_a) {
+const GuidanceBlock = /*#__PURE__*/function () {
+  const GuidanceBlock = function (_a) {
     var _b, _c, _d, _e;
-    var _f = _a.layout, layout = _f === void 0 ? "default" : _f, _g = _a.variant, variant = _g === void 0 ? "default" : _g, _h = _a.withActionButtonArrow, withActionButtonArrow = _h === void 0 ? true : _h, _j = _a.noMaxWidth, noMaxWidth = _j === void 0 ? false : _j, _k = _a.illustrationType, illustrationType = _k === void 0 ? "spot" : _k, _l = _a.smallScreenTextAlignment, smallScreenTextAlignment = _l === void 0 ? "center" : _l, actions = _a.actions, illustration = _a.illustration, secondaryDismiss = _a.secondaryDismiss, restProps = __rest(_a, ["layout", "variant", "withActionButtonArrow", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "actions", "illustration", "secondaryDismiss"]);
-    var _m = useState(false), hidden = _m[0], setHidden = _m[1];
-    var _o = useState(false), removed = _o[0], setRemoved = _o[1];
-    var _p = useState(""), mediaQueryLayout = _p[0], setMediaQueryLayout = _p[1];
-    var containerRef = React.createRef();
+    var _f = _a.layout,
+      layout = _f === void 0 ? "default" : _f,
+      _g = _a.variant,
+      variant = _g === void 0 ? "default" : _g,
+      _h = _a.withActionButtonArrow,
+      withActionButtonArrow = _h === void 0 ? true : _h,
+      _j = _a.noMaxWidth,
+      noMaxWidth = _j === void 0 ? false : _j,
+      _k = _a.illustrationType,
+      illustrationType = _k === void 0 ? "spot" : _k,
+      _l = _a.smallScreenTextAlignment,
+      smallScreenTextAlignment = _l === void 0 ? "center" : _l,
+      actions = _a.actions,
+      illustration = _a.illustration,
+      secondaryDismiss = _a.secondaryDismiss,
+      restProps = __rest(_a, ["layout", "variant", "withActionButtonArrow", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "actions", "illustration", "secondaryDismiss"]);
+    var _m = useState(false),
+      hidden = _m[0],
+      setHidden = _m[1];
+    var _o = useState(false),
+      removed = _o[0],
+      setRemoved = _o[1];
+    var _p = useState(""),
+      mediaQueryLayout = _p[0],
+      setMediaQueryLayout = _p[1];
+    var containerRef = /*#__PURE__*/React.createRef();
     useEffect(function () {
-        if (layout === "inline" || layout === "stacked") {
-            containerQuery();
-        }
+      if (layout === "inline" || layout === "stacked") {
+        containerQuery();
+      }
     }, []);
     var handleDismissBanner = function () {
-        var _a;
-        setHidden(true);
-        (_a = actions === null || actions === void 0 ? void 0 : actions.dismiss) === null || _a === void 0 ? void 0 : _a.onClick();
+      var _a;
+      setHidden(true);
+      (_a = actions === null || actions === void 0 ? void 0 : actions.dismiss) === null || _a === void 0 ? void 0 : _a.onClick();
     };
     var onTransitionEnd = function (e) {
-        // Be careful: this assumes the final CSS property to be animated is "margin-top".
-        if (hidden && e.propertyName === "margin-top") {
-            setRemoved(true);
-        }
+      // Be careful: this assumes the final CSS property to be animated is "margin-top".
+      if (hidden && e.propertyName === "margin-top") {
+        setRemoved(true);
+      }
     };
     var containerQuery = function () {
-        var resizeObserver = new ResizeObserver(function (entries) {
-            if (entries.length === 1) {
-                handleMediaQueryLayout(entries[0].contentRect.width);
-            }
-        });
-        resizeObserver.observe(containerRef.current);
+      var resizeObserver = new ResizeObserver(function (entries) {
+        if (entries.length === 1) {
+          handleMediaQueryLayout(entries[0].contentRect.width);
+        }
+      });
+      resizeObserver.observe(containerRef.current);
     };
     var handleMediaQueryLayout = function (width) {
-        if (width <= 320) {
-            setMediaQueryLayout("centerContent");
-        }
-        else {
-            setMediaQueryLayout("");
-        }
+      if (width <= 320) {
+        setMediaQueryLayout("centerContent");
+      } else {
+        setMediaQueryLayout("");
+      }
     };
     var marginTop = function () {
-        if (hidden && containerRef.current) {
-            return -containerRef.current.clientHeight + "px";
-        }
-        return "0";
+      if (hidden && containerRef.current) {
+        return -containerRef.current.clientHeight + "px";
+      }
+      return "0";
     };
     if (removed) {
-        return React.createElement(React.Fragment, null);
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
     var componentIsMobile = mediaQueryLayout.includes("centerContent");
-    return (React.createElement("div", { className: classnames(styles.banner, variant && styles[variant], layout && styles[layout], hidden && styles.hidden, mediaQueryLayout === "centerContent" && styles.centerContent, noMaxWidth && styles.noMaxWidth, illustrationType === "scene" && styles.hasSceneIllustration, smallScreenTextAlignment === "left" && styles.smallScreenTextAlignment), style: {
-            marginTop: marginTop(),
-        }, ref: containerRef, onTransitionEnd: onTransitionEnd },
-        React.createElement("div", { className: styles.illustrationWrapper },
-            React.createElement("div", { className: styles.illustration }, illustrationType === "scene"
-                ? React.cloneElement(illustration, { enableAspectRatio: true })
-                : illustration)),
-        React.createElement("div", { className: styles.descriptionAndActions },
-            React.createElement("div", { className: styles.descriptionContainer },
-                "content" in restProps && restProps.content,
-                "text" in restProps && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: styles.headingWrapper },
-                        React.createElement(Heading, { tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : "h3", variant: "heading-3" }, (_d = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _d === void 0 ? void 0 : _d.title)),
-                    React.createElement(Text, { tag: "p", variant: "body" }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))),
-            (actions === null || actions === void 0 ? void 0 : actions.primary) && (React.createElement(Media, { query: "(max-width: 767px)" }, function (isMobile) {
-                var _a;
-                return (React.createElement("div", { className: classnames({
-                        noRightMargin: isMobile || componentIsMobile,
-                        rightMargin: !(isMobile || componentIsMobile) && layout === "default",
-                    }) },
-                    React.createElement("div", { className: classnames(styles.buttonContainer, (actions === null || actions === void 0 ? void 0 : actions.secondary) && styles.secondaryAction) },
-                        React.createElement(WithTooltip, { tooltipProps: actions.primary.tooltip },
-                            React.createElement(Button, __assign({ icon: withActionButtonArrow ? (React.createElement(ArrowForwardIcon, { role: "presentation" })) : undefined, iconPosition: "end" }, actions.primary, { fullWidth: isMobile || componentIsMobile }))),
-                        (actions === null || actions === void 0 ? void 0 : actions.secondary) && (React.createElement(WithTooltip, { tooltipProps: actions.secondary.tooltip },
-                            React.createElement("div", { className: styles.secondaryAction },
-                                React.createElement(Button, __assign({ secondary: true }, actions.secondary, { onClick: secondaryDismiss
-                                        ? function () { return handleDismissBanner(); }
-                                        : (_a = actions === null || actions === void 0 ? void 0 : actions.secondary) === null || _a === void 0 ? void 0 : _a.onClick, fullWidth: isMobile || componentIsMobile }))))))));
-            })))));
-};
-GuidanceBlock.displayName = "GuidanceBlock";
-
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.banner, variant && styles[variant], layout && styles[layout], hidden && styles.hidden, mediaQueryLayout === "centerContent" && styles.centerContent, noMaxWidth && styles.noMaxWidth, illustrationType === "scene" && styles.hasSceneIllustration, smallScreenTextAlignment === "left" && styles.smallScreenTextAlignment),
+      style: {
+        marginTop: marginTop()
+      },
+      ref: containerRef,
+      onTransitionEnd: onTransitionEnd
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.illustrationWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.illustration
+    }, illustrationType === "scene" ? /*#__PURE__*/React.cloneElement(illustration, {
+      enableAspectRatio: true
+    }) : illustration)), /*#__PURE__*/React.createElement("div", {
+      className: styles.descriptionAndActions
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.descriptionContainer
+    }, "content" in restProps && restProps.content, "text" in restProps && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.headingWrapper
+    }, /*#__PURE__*/React.createElement(Heading, {
+      tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : "h3",
+      variant: "heading-3"
+    }, (_d = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _d === void 0 ? void 0 : _d.title)), /*#__PURE__*/React.createElement(Text, {
+      tag: "p",
+      variant: "body"
+    }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), (actions === null || actions === void 0 ? void 0 : actions.primary) && ( /*#__PURE__*/React.createElement(Media, {
+      query: "(max-width: 767px)"
+    }, function (isMobile) {
+      var _a;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames({
+          noRightMargin: isMobile || componentIsMobile,
+          rightMargin: !(isMobile || componentIsMobile) && layout === "default"
+        })
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classnames(styles.buttonContainer, (actions === null || actions === void 0 ? void 0 : actions.secondary) && styles.secondaryAction)
+      }, /*#__PURE__*/React.createElement(WithTooltip, {
+        tooltipProps: actions.primary.tooltip
+      }, /*#__PURE__*/React.createElement(Button, __assign({
+        icon: withActionButtonArrow ? ( /*#__PURE__*/React.createElement(ArrowForwardIcon, {
+          role: "presentation"
+        })) : undefined,
+        iconPosition: "end"
+      }, actions.primary, {
+        fullWidth: isMobile || componentIsMobile
+      }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && ( /*#__PURE__*/React.createElement(WithTooltip, {
+        tooltipProps: actions.secondary.tooltip
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.secondaryAction
+      }, /*#__PURE__*/React.createElement(Button, __assign({
+        secondary: true
+      }, actions.secondary, {
+        onClick: secondaryDismiss ? function () {
+          return handleDismissBanner();
+        } : (_a = actions === null || actions === void 0 ? void 0 : actions.secondary) === null || _a === void 0 ? void 0 : _a.onClick,
+        fullWidth: isMobile || componentIsMobile
+      })))))));
+    }))));
+  };
+  GuidanceBlock.displayName = "GuidanceBlock";
+  return GuidanceBlock;
+}();
 export { GuidanceBlock };

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

@@ -1,3 +1,30 @@
-var styles = {"rightMargin":"GuidanceBlock-module_rightMargin__-iEFa","noRightMargin":"GuidanceBlock-module_noRightMargin__4Uy9N","banner":"GuidanceBlock-module_banner__FxKcd","noMaxWidth":"GuidanceBlock-module_noMaxWidth__UzHP1","illustrationWrapper":"GuidanceBlock-module_illustrationWrapper__AEljX","illustration":"GuidanceBlock-module_illustration__sU1Vu","hasSceneIllustration":"GuidanceBlock-module_hasSceneIllustration__tvFRD","descriptionContainer":"GuidanceBlock-module_descriptionContainer__aywtY","descriptionAndActions":"GuidanceBlock-module_descriptionAndActions__E5BcL","buttonContainer":"GuidanceBlock-module_buttonContainer__U2Hxn","hidden":"GuidanceBlock-module_hidden__CbgXn","headingWrapper":"GuidanceBlock-module_headingWrapper__zgVmA","cancel":"GuidanceBlock-module_cancel__UaIA-","icon":"GuidanceBlock-module_icon__y2xz8","disabled":"GuidanceBlock-module_disabled__Uhgsr","hover":"GuidanceBlock-module_hover__7V9x1","active":"GuidanceBlock-module_active__YJaZt","positive":"GuidanceBlock-module_positive__yENlT","negative":"GuidanceBlock-module_negative__E-Jvh","informative":"GuidanceBlock-module_informative__ZUH4j","cautionary":"GuidanceBlock-module_cautionary__sJ1CE","assertive":"GuidanceBlock-module_assertive__6PZlM","prominent":"GuidanceBlock-module_prominent__nn-r4","inline":"GuidanceBlock-module_inline__GwOWR","stacked":"GuidanceBlock-module_stacked__rDupX","centerContent":"GuidanceBlock-module_centerContent__m3IhB","smallScreenTextAlignment":"GuidanceBlock-module_smallScreenTextAlignment__oWufj"};
-
+var styles = {
+  "rightMargin": "GuidanceBlock-module_rightMargin__-iEFa",
+  "noRightMargin": "GuidanceBlock-module_noRightMargin__4Uy9N",
+  "banner": "GuidanceBlock-module_banner__FxKcd",
+  "noMaxWidth": "GuidanceBlock-module_noMaxWidth__UzHP1",
+  "illustrationWrapper": "GuidanceBlock-module_illustrationWrapper__AEljX",
+  "illustration": "GuidanceBlock-module_illustration__sU1Vu",
+  "hasSceneIllustration": "GuidanceBlock-module_hasSceneIllustration__tvFRD",
+  "descriptionContainer": "GuidanceBlock-module_descriptionContainer__aywtY",
+  "descriptionAndActions": "GuidanceBlock-module_descriptionAndActions__E5BcL",
+  "buttonContainer": "GuidanceBlock-module_buttonContainer__U2Hxn",
+  "hidden": "GuidanceBlock-module_hidden__CbgXn",
+  "headingWrapper": "GuidanceBlock-module_headingWrapper__zgVmA",
+  "cancel": "GuidanceBlock-module_cancel__UaIA-",
+  "icon": "GuidanceBlock-module_icon__y2xz8",
+  "disabled": "GuidanceBlock-module_disabled__Uhgsr",
+  "hover": "GuidanceBlock-module_hover__7V9x1",
+  "active": "GuidanceBlock-module_active__YJaZt",
+  "positive": "GuidanceBlock-module_positive__yENlT",
+  "negative": "GuidanceBlock-module_negative__E-Jvh",
+  "informative": "GuidanceBlock-module_informative__ZUH4j",
+  "cautionary": "GuidanceBlock-module_cautionary__sJ1CE",
+  "assertive": "GuidanceBlock-module_assertive__6PZlM",
+  "prominent": "GuidanceBlock-module_prominent__nn-r4",
+  "inline": "GuidanceBlock-module_inline__GwOWR",
+  "stacked": "GuidanceBlock-module_stacked__rDupX",
+  "centerContent": "GuidanceBlock-module_centerContent__m3IhB",
+  "smallScreenTextAlignment": "GuidanceBlock-module_smallScreenTextAlignment__oWufj"
+};
 export { styles as default };

package/dist/esm/Heading/Heading.mjs

@@ -2,17 +2,24 @@ import { __rest, __assign } from 'tslib';
 import { createElement } from 'react';
 import classnames from 'classnames';
 import styles from './Heading.module.scss.mjs';
-
 var VARIANTS_24PX_OR_GREATER = ["display-0", "heading-1", "heading-2"];
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
  * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
  */
 var Heading = function (_a) {
-    var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-    var inferredTag = tag === undefined ? translateHeadingLevelToTag(variant) : tag;
-    var className = classnames(styles.heading, styles[variant], classNameOverride, styles[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small);
-    return createElement(inferredTag, __assign(__assign({}, restProps), { className: className }), children);
+  var children = _a.children,
+    tag = _a.tag,
+    variant = _a.variant,
+    _b = _a.color,
+    color = _b === void 0 ? "dark" : _b,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var inferredTag = tag === undefined ? translateHeadingLevelToTag(variant) : tag;
+  var className = classnames(styles.heading, styles[variant], classNameOverride, styles[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small);
+  return /*#__PURE__*/createElement(inferredTag, __assign(__assign({}, restProps), {
+    className: className
+  }), children);
 };
 Heading.displayName = "Heading";
 /**
@@ -20,23 +27,22 @@ Heading.displayName = "Heading";
  * @param headingLevel Level of the heading
  */
 var translateHeadingLevelToTag = function (headingLevel) {
-    switch (headingLevel) {
-        case "display-0":
-        case "composable-header-title":
-        case "heading-1":
-            return "h1";
-        case "heading-2":
-            return "h2";
-        case "heading-3":
-            return "h3";
-        case "heading-4":
-            return "h4";
-        case "heading-5":
-            return "h5";
-        case "heading-6":
-        default:
-            return "h6";
-    }
+  switch (headingLevel) {
+    case "display-0":
+    case "composable-header-title":
+    case "heading-1":
+      return "h1";
+    case "heading-2":
+      return "h2";
+    case "heading-3":
+      return "h3";
+    case "heading-4":
+      return "h4";
+    case "heading-5":
+      return "h5";
+    case "heading-6":
+    default:
+      return "h6";
+  }
 };
-
 export { Heading };

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

@@ -1,3 +1,20 @@
-var styles = {"heading":"Heading-module_heading__Gq6I8","display-0":"Heading-module_display-0__yZ7rx","composable-header-title":"Heading-module_composable-header-title__mqQVh","heading-1":"Heading-module_heading-1__PbAcw","heading-2":"Heading-module_heading-2__Ovpfe","heading-3":"Heading-module_heading-3__S4Pb1","heading-4":"Heading-module_heading-4__IIiwi","heading-5":"Heading-module_heading-5__QFtpN","heading-6":"Heading-module_heading-6__kts--","dark":"Heading-module_dark__IqcnT","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__i-JqI","white":"Heading-module_white__mUqRT","white-reduced-opacity":"Heading-module_white-reduced-opacity__y1wq8","positive":"Heading-module_positive__mBS79","small":"Heading-module_small__qupiD","large":"Heading-module_large__cB-V3","negative":"Heading-module_negative__Q4byH"};
-
+var styles = {
+  "heading": "Heading-module_heading__Gq6I8",
+  "display-0": "Heading-module_display-0__yZ7rx",
+  "composable-header-title": "Heading-module_composable-header-title__mqQVh",
+  "heading-1": "Heading-module_heading-1__PbAcw",
+  "heading-2": "Heading-module_heading-2__Ovpfe",
+  "heading-3": "Heading-module_heading-3__S4Pb1",
+  "heading-4": "Heading-module_heading-4__IIiwi",
+  "heading-5": "Heading-module_heading-5__QFtpN",
+  "heading-6": "Heading-module_heading-6__kts--",
+  "dark": "Heading-module_dark__IqcnT",
+  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__i-JqI",
+  "white": "Heading-module_white__mUqRT",
+  "white-reduced-opacity": "Heading-module_white-reduced-opacity__y1wq8",
+  "positive": "Heading-module_positive__mBS79",
+  "small": "Heading-module_small__qupiD",
+  "large": "Heading-module_large__cB-V3",
+  "negative": "Heading-module_negative__Q4byH"
+};
 export { styles as default };

package/dist/esm/Icon/AcademyIcon.mjs

@@ -5,12 +5,15 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var AcademyIcon = function (props) {
-    var uniqueId = useId();
-    var svgContent = (React.createElement(React.Fragment, null,
-        React.createElement("defs", null,
-            React.createElement("path", { id: uniqueId, d: "M10 2 0 7.455l10 5.454 8.182-4.464v6.281H20V7.455zm0 12.726-6.364-3.471v3.636L10 18.364l6.364-3.473v-3.636z" })),
-        React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })));
-    return React.createElement(SVG, __assign({}, props), svgContent);
+  var uniqueId = useId();
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
+    id: uniqueId,
+    d: "M10 2 0 7.455l10 5.454 8.182-4.464v6.281H20V7.455zm0 12.726-6.364-3.471v3.636L10 18.364l6.364-3.473v-3.636z"
+  })), /*#__PURE__*/React.createElement("use", {
+    fill: "currentColor",
+    href: "#".concat(uniqueId),
+    fillRule: "evenodd"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };
-
 export { AcademyIcon };

package/dist/esm/Icon/ActionOffIcon.mjs

@@ -5,12 +5,15 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var ActionOffIcon = function (props) {
-    var uniqueId = useId();
-    var svgContent = (React.createElement(React.Fragment, null,
-        React.createElement("defs", null,
-            React.createElement("path", { id: uniqueId, d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783zm.91 1.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z" })),
-        React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })));
-    return React.createElement(SVG, __assign({}, props), svgContent);
+  var uniqueId = useId();
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
+    id: uniqueId,
+    d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783zm.91 1.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z"
+  })), /*#__PURE__*/React.createElement("use", {
+    fill: "currentColor",
+    href: "#".concat(uniqueId),
+    fillRule: "evenodd"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };
-
 export { ActionOffIcon };

package/dist/esm/Icon/ActionOffWhiteIcon.mjs

@@ -5,14 +5,20 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var ActionOffWhiteIcon = function (props) {
-    var uniqueId = useId();
-    var svgContent = (React.createElement(React.Fragment, null,
-        React.createElement("defs", null,
-            React.createElement("path", { id: uniqueId, d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783z" })),
-        React.createElement("g", { fill: "none", fillRule: "evenodd" },
-            React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
-            React.createElement("path", { fill: "#FFF", d: "m8.857 2.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z" }))));
-    return React.createElement(SVG, __assign({}, props), svgContent);
+  var uniqueId = useId();
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
+    id: uniqueId,
+    d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("use", {
+    fill: "currentColor",
+    href: "#".concat(uniqueId)
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "m8.857 2.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z"
+  })));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };
-
 export { ActionOffWhiteIcon };

package/dist/esm/Icon/ActionOnIcon.mjs

@@ -5,12 +5,15 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var ActionOnIcon = function (props) {
-    var uniqueId = useId();
-    var svgContent = (React.createElement(React.Fragment, null,
-        React.createElement("defs", null,
-            React.createElement("path", { id: uniqueId, d: "m3.699 10.469 5.271-.143L8.53 19l7.771-13.195H11.72l2.004-4.784L7.947 1z" })),
-        React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })));
-    return React.createElement(SVG, __assign({}, props), svgContent);
+  var uniqueId = useId();
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
+    id: uniqueId,
+    d: "m3.699 10.469 5.271-.143L8.53 19l7.771-13.195H11.72l2.004-4.784L7.947 1z"
+  })), /*#__PURE__*/React.createElement("use", {
+    fill: "currentColor",
+    href: "#".concat(uniqueId),
+    fillRule: "evenodd"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };
-
 export { ActionOnIcon };