@kaizen/components 1.46.0 → 1.47.0

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var Text = require('../../../../Text/Text.cjs');
-var NoResults_module = require('./NoResults.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var NoResults = function (_a) {
-  var children = _a.children,
-    restProps = tslib.__rest(_a, ["children"]);
-  return React__default.default.createElement("div", tslib.__assign({
-    className: NoResults_module.container
-  }, restProps), React__default.default.createElement(Text.Text, {
-    variant: "extra-small",
-    color: "dark-reduced-opacity"
-  }, children));
-};
-NoResults.displayName = "FilterMultiSelect.NoResults";
-exports.NoResults = NoResults;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "container": "NoResults-module_container__2l8Ol"
-};
-module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.cjs

@@ -1,43 +0,0 @@
-'use strict';
-
-var React = require('react');
-var InputSearch = require('../../../../Input/InputSearch/InputSearch.cjs');
-require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
-var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
-var SearchInput_module = require('./SearchInput.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var SearchInput = function (_a) {
-  var label = _a.label,
-    id = _a.id,
-    isLoading = _a.isLoading;
-  var _b = SelectionProvider.useSelectionContext(),
-    setSearchQuery = _b.setSearchQuery,
-    searchQuery = _b.searchQuery;
-  var handleChange = function (e) {
-    setSearchQuery(e.target.value);
-  };
-  var handleClear = function () {
-    return setSearchQuery("");
-  };
-  var reactId = React.useId();
-  var inputId = id !== null && id !== void 0 ? id : reactId;
-  return React__default.default.createElement("div", {
-    className: SearchInput_module.inputSearchContainer
-  }, React__default.default.createElement(InputSearch.InputSearch, {
-    id: inputId,
-    "aria-label": label !== null && label !== void 0 ? label : "Filter options by search query",
-    secondary: true,
-    placeholder: "Search\u2026",
-    value: searchQuery,
-    onChange: handleChange,
-    onClear: handleClear,
-    loading: isLoading
-  }));
-};
-SearchInput.displayName = "FilterMultiSelect.SearchInput";
-exports.SearchInput = SearchInput;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "inputSearchContainer": "SearchInput-module_inputSearchContainer__u9K6k"
-};
-module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Divider = require('../../../../Divider/Divider.cjs');
-var SectionDivider_module = require('./SectionDivider.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var SectionDivider = function () {
-  return React__default.default.createElement("li", {
-    className: SectionDivider_module.divider,
-    "aria-hidden": "true"
-  }, React__default.default.createElement(Divider.Divider, {
-    variant: "canvas"
-  }));
-};
-exports.SectionDivider = SectionDivider;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "divider": "SectionDivider-module_divider__G-itP"
-};
-module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.cjs

@@ -1,35 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs');
-require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
-var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.cjs');
-var SelectionControlButton_module = require('../SelectionControlButton.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 ClearButton = function () {
-  var selectionState = SelectionProvider.useSelectionContext().selectionState;
-  var filteredOptions = Array.from(selectionState.collection.getKeys());
-  var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
-  var isDisabled = filteredOptions.length === 0 || !Boolean(filteredOptions.find(function (key) {
-    return selectionState.selectionManager.isSelected(key);
-  }));
-  return React__default.default.createElement("button", {
-    type: "button",
-    className: classnames__default.default(SelectionControlButton_module.button, isDisabled && SelectionControlButton_module.isDisabled),
-    "aria-disabled": isDisabled,
-    onClick: function () {
-      !isDisabled && selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function (option) {
-        return !filteredOptions.includes(option);
-      }));
-    }
-  }, "Clear", React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " selections"));
-};
-ClearButton.displayName = "FilterMultiSelect.ClearButton";
-exports.ClearButton = ClearButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
-var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.cjs');
-var SelectionControlButton_module = require('../SelectionControlButton.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 SelectAllButton = function () {
-  var selectionState = SelectionProvider.useSelectionContext().selectionState;
-  var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
-  var disabledOptions = selectionState.disabledKeys ? Array.from(selectionState.disabledKeys) : [];
-  var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) {
-    return !disabledOptions.includes(key);
-  });
-  return React__default.default.createElement("button", {
-    type: "button",
-    className: classnames__default.default(SelectionControlButton_module.button, selectionState.selectionManager.isSelectAll && SelectionControlButton_module.isDisabled),
-    "aria-disabled": selectionState.selectionManager.isSelectAll,
-    onClick: function () {
-      return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(tslib.__spreadArray(tslib.__spreadArray([], selectedOptions, true), filteredOptions, true));
-    }
-  }, "Select all");
-};
-SelectAllButton.displayName = "FilterMultiSelect.SelectAllButton";
-exports.SelectAllButton = SelectAllButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "button": "SelectionControlButton-module_button__u-ysH",
-  "isDisabled": "SelectionControlButton-module_isDisabled__0axMR"
-};
-module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.cjs

@@ -1,39 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var FilterButton = require('../../../../FilterButton/FilterButton/FilterButton.cjs');
-require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
-var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
-require('../../../context/SelectionProvider/SelectionProvider.cjs');
-var getTruncatedLabel = require('../../../utils/getTruncatedLabel.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var FilterTriggerButton = function (_a) {
-  var selectedOptionLabels = _a.selectedOptionLabels,
-    label = _a.label,
-    classNameOverride = _a.classNameOverride,
-    _b = _a.labelCharacterLimitBeforeTruncate,
-    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
-  var _c = MenuTriggerProvider.useMenuTriggerContext(),
-    buttonProps = _c.buttonProps,
-    buttonRef = _c.buttonRef,
-    menuTriggerState = _c.menuTriggerState;
-  var ref = React.useRef({
-    triggerRef: buttonRef
-  });
-  return React__default.default.createElement(FilterButton.FilterButton, tslib.__assign({
-    ref: ref
-  }, buttonProps, {
-    label: label,
-    selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
-    classNameOverride: classNameOverride,
-    isOpen: menuTriggerState.isOpen
-  }));
-};
-FilterTriggerButton.displayName = "FilterMultiSelect.TriggerButton";
-exports.FilterTriggerButton = FilterTriggerButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.cjs

@@ -1,44 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-require('../../../../FilterButton/FilterButton/FilterButton.cjs');
-var FilterButtonRemovable = require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
-var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
-require('../../../context/SelectionProvider/SelectionProvider.cjs');
-var getTruncatedLabel = require('../../../utils/getTruncatedLabel.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var RemovableFilterTrigger = function (_a) {
-  var label = _a.label,
-    selectedOptionLabels = _a.selectedOptionLabels,
-    _b = _a.labelCharacterLimitBeforeTruncate,
-    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
-    classNameOverride = _a.classNameOverride,
-    onRemove = _a.onRemove;
-  var _c = MenuTriggerProvider.useMenuTriggerContext(),
-    buttonProps = _c.buttonProps,
-    buttonRef = _c.buttonRef,
-    menuTriggerState = _c.menuTriggerState;
-  var ref = React.useRef({
-    triggerRef: buttonRef
-  });
-  return React__default.default.createElement(FilterButtonRemovable.FilterButtonRemovable, {
-    ref: ref,
-    classNameOverride: classNameOverride,
-    triggerButtonProps: tslib.__assign(tslib.__assign({}, buttonProps), {
-      label: label,
-      selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
-      isOpen: menuTriggerState.isOpen
-    }),
-    removeButtonProps: {
-      onClick: onRemove
-    }
-  });
-};
-RemovableFilterTrigger.displayName = "FilterMultiSelect.RemovableTrigger";
-exports.RemovableFilterTrigger = RemovableFilterTrigger;

package/dist/cjs/Filter/FilterMultiSelect/utils/getSelectedOptionKeys.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var getSelectedOptionKeys = function (keys, items) {
-  if (!keys || !items) {
-    return [];
-  }
-  if (keys === "all") {
-    return items.map(function (item) {
-      return item.value;
-    });
-  }
-  return Array.from(keys);
-};
-exports.getSelectedOptionKeys = getSelectedOptionKeys;

package/dist/cjs/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-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 !== "";
-  });
-};
-exports.getSelectedOptionLabels = getSelectedOptionLabels;

package/dist/cjs/Filter/FilterMultiSelect/utils/getTruncatedLabel.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-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);
-};
-var getTruncatedLabels = function (labels, limit) {
-  return truncateByCharacterLimit(labels, limit);
-};
-exports.getTruncatedLabels = getTruncatedLabels;

package/dist/cjs/Filter/FilterSelect/FilterSelect.cjs

@@ -1,90 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var button = require('@react-aria/button');
-var select$1 = require('@react-aria/select');
-var select = require('@react-stately/select');
-var Filter = require('../Filter/Filter.cjs');
-var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.cjs');
-var SelectContext = require('../../__future__/Select/context/SelectContext.cjs');
-require('../../__future__/Select/subcomponents/ListBox/ListBox.cjs');
-var ListBoxSection = require('../../__future__/Select/subcomponents/ListBoxSection/ListBoxSection.cjs');
-var ListItem = require('../../__future__/Select/subcomponents/ListItem/ListItem.cjs');
-require('../../__future__/Select/subcomponents/ListItems/ListItems.cjs');
-var Option = require('../../__future__/Select/subcomponents/Option/Option.cjs');
-require('../../__future__/Select/subcomponents/Overlay/Overlay.cjs');
-var SectionDivider = require('../../__future__/Select/subcomponents/SectionDivider/SectionDivider.cjs');
-var SelectPopoverContents = require('../../__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.cjs');
-require('../../__future__/Select/subcomponents/SelectToggle/SelectToggle.cjs');
-var getDisabledKeysFromItems = require('../../__future__/Select/utils/getDisabledKeysFromItems.cjs');
-var transformSelectItemToCollectionElement = require('../../__future__/Select/utils/transformSelectItemToCollectionElement.cjs');
-var FilterSelect_module = require('./FilterSelect.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-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 = tslib.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
-  // Ref will be populated by Filter
-  var _b = React.useState({
-      current: null
-    }),
-    triggerRef = _b[0],
-    setTriggerRef = _b[1];
-  var disabledKeys = getDisabledKeysFromItems.getDisabledKeysFromItems(items);
-  var ariaSelectProps = tslib.__assign({
-    label: label,
-    items: items,
-    children: transformSelectItemToCollectionElement.transformSelectItemToCollectionElement,
-    isOpen: isOpen,
-    onOpenChange: setIsOpen,
-    disabledKeys: disabledKeys,
-    selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey
-  }, restProps);
-  var state = select.useSelectState(ariaSelectProps);
-  var _c = select$1.useSelect(ariaSelectProps, state, triggerRef),
-    triggerProps = _c.triggerProps,
-    menuProps = _c.menuProps;
-  var buttonProps = button.useButton(triggerProps, triggerRef).buttonProps;
-  return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(select$1.HiddenSelect, {
-    label: label,
-    state: state,
-    triggerRef: triggerRef
-  }), React__default.default.createElement(Filter.Filter, {
-    isOpen: isOpen,
-    setIsOpen: setIsOpen,
-    renderTrigger: function () {
-      var _a;
-      return renderTrigger(tslib.__assign({
-        selectedValue: ((_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue) || undefined,
-        label: label,
-        isOpen: isOpen
-      }, buttonProps));
-    },
-    onMount: setTriggerRef,
-    classNameOverride: classNameOverride
-  }, React__default.default.createElement(FilterContents.FilterContents, {
-    classNameOverride: FilterSelect_module.filterContents
-  }, React__default.default.createElement(SelectContext.SelectProvider, {
-    state: state
-  }, React__default.default.createElement(SelectPopoverContents.SelectPopoverContents, {
-    menuProps: menuProps
-  }, children)))));
-};
-FilterSelect.displayName = "FilterSelect";
-FilterSelect.Section = ListBoxSection.ListBoxSection;
-FilterSelect.SectionDivider = SectionDivider.SectionDivider;
-FilterSelect.Option = Option.Option;
-FilterSelect.ItemDefaultRender = ListItem.ListItem;
-exports.FilterSelect = FilterSelect;

package/dist/cjs/Filter/FilterSelect/FilterSelect.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "filterContents": "FilterSelect-module_filterContents__p7Kgc"
-};
-module.exports = styles;

package/dist/cjs/GuidanceBlock/GuidanceBlock.cjs

@@ -1,161 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var Media = require('react-media');
-var Button = require('../Button/Button/Button.cjs');
-require('../Button/IconButton/IconButton.cjs');
-var Heading = require('../Heading/Heading.cjs');
-require('../Icon/subcomponents/SVG/SVG.cjs');
-var ArrowForwardIcon = require('../Icon/ArrowForwardIcon.cjs');
-var Text = require('../Text/Text.cjs');
-var Tooltip = require('../Tooltip/Tooltip.cjs');
-var GuidanceBlock_module = require('./GuidanceBlock.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 Media__default = /*#__PURE__*/_interopDefault(Media);
-var WithTooltip = function (_a) {
-  var tooltipProps = _a.tooltipProps,
-    children = _a.children;
-  return !!tooltipProps ? React__default.default.createElement(Tooltip.Tooltip, tslib.__assign({}, tooltipProps), children) : React__default.default.createElement(React__default.default.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) {
-  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 = tslib.__rest(_a, ["layout", "variant", "withActionButtonArrow", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "actions", "illustration", "secondaryDismiss"]);
-  var _m = React.useState(false),
-    hidden = _m[0],
-    setHidden = _m[1];
-  var _o = React.useState(false),
-    removed = _o[0],
-    setRemoved = _o[1];
-  var _p = React.useState(""),
-    mediaQueryLayout = _p[0],
-    setMediaQueryLayout = _p[1];
-  var containerRef = React__default.default.createRef();
-  React.useEffect(function () {
-    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 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);
-    }
-  };
-  var containerQuery = function () {
-    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("");
-    }
-  };
-  var marginTop = function () {
-    if (hidden && containerRef.current) {
-      return -containerRef.current.clientHeight + "px";
-    }
-    return "0";
-  };
-  if (removed) {
-    return React__default.default.createElement(React__default.default.Fragment, null);
-  }
-  var componentIsMobile = mediaQueryLayout.includes("centerContent");
-  return React__default.default.createElement("div", {
-    className: classnames__default.default(GuidanceBlock_module.banner, variant && GuidanceBlock_module[variant], layout && GuidanceBlock_module[layout], hidden && GuidanceBlock_module.hidden, mediaQueryLayout === "centerContent" && GuidanceBlock_module.centerContent, noMaxWidth && GuidanceBlock_module.noMaxWidth, illustrationType === "scene" && GuidanceBlock_module.hasSceneIllustration, smallScreenTextAlignment === "left" && GuidanceBlock_module.smallScreenTextAlignment),
-    style: {
-      marginTop: marginTop()
-    },
-    ref: containerRef,
-    onTransitionEnd: onTransitionEnd
-  }, React__default.default.createElement("div", {
-    className: GuidanceBlock_module.illustrationWrapper
-  }, React__default.default.createElement("div", {
-    className: GuidanceBlock_module.illustration
-  }, illustrationType === "scene" ? React__default.default.cloneElement(illustration, {
-    enableAspectRatio: true
-  }) : illustration)), React__default.default.createElement("div", {
-    className: GuidanceBlock_module.descriptionAndActions
-  }, React__default.default.createElement("div", {
-    className: GuidanceBlock_module.descriptionContainer
-  }, "content" in restProps && restProps.content, "text" in restProps && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
-    className: GuidanceBlock_module.headingWrapper
-  }, React__default.default.createElement(Heading.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__default.default.createElement(Text.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__default.default.createElement(Media__default.default, {
-    query: "(max-width: 767px)"
-  }, function (isMobile) {
-    var _a;
-    return React__default.default.createElement("div", {
-      className: classnames__default.default({
-        noRightMargin: isMobile || componentIsMobile,
-        rightMargin: !(isMobile || componentIsMobile) && layout === "default"
-      })
-    }, React__default.default.createElement("div", {
-      className: classnames__default.default(GuidanceBlock_module.buttonContainer, (actions === null || actions === void 0 ? void 0 : actions.secondary) && GuidanceBlock_module.secondaryAction)
-    }, React__default.default.createElement(WithTooltip, {
-      tooltipProps: actions.primary.tooltip
-    }, React__default.default.createElement(Button.Button, tslib.__assign({
-      icon: withActionButtonArrow ? React__default.default.createElement(ArrowForwardIcon.ArrowForwardIcon, {
-        role: "presentation"
-      }) : undefined,
-      iconPosition: "end"
-    }, actions.primary, {
-      fullWidth: isMobile || componentIsMobile
-    }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && React__default.default.createElement(WithTooltip, {
-      tooltipProps: actions.secondary.tooltip
-    }, React__default.default.createElement("div", {
-      className: GuidanceBlock_module.secondaryAction
-    }, React__default.default.createElement(Button.Button, tslib.__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";
-exports.GuidanceBlock = GuidanceBlock;

package/dist/cjs/GuidanceBlock/GuidanceBlock.module.scss.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-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"
-};
-module.exports = styles;