@kaizen/components 1.37.1 → 1.38.1

package/dist/esm/Input/InputRange/InputRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.mjs","sources":["../../../../src/Input/InputRange/InputRange.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputRange.module.scss\"\n\nexport type InputRangeProps = {\n  id: string\n  defaultValue?: number\n  value?: number\n  minLabel: ReactNode\n  maxLabel: ReactNode\n  min?: number\n  max?: number\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}\n */\nexport const InputRange = ({\n  id,\n  defaultValue,\n  value,\n  minLabel,\n  maxLabel,\n  min = 1,\n  max = 10,\n  onChange,\n  \"aria-describedby\": ariaDescribedby,\n  classNameOverride,\n  disabled,\n  readOnly,\n  ...restProps\n}: InputRangeProps): JSX.Element => {\n  const [step, setStep] = useState(0.5) // Let the dot center between the notch initially\n  const visuallyHiddenHintId = `${id}-helper`\n  const readOnlyWithNoValue = readOnly && !value && !defaultValue\n\n  // This has been split out into a different variable to allow usage of defaultValue above^\n  // Plus it lets us use max from props with its default value\n  const defaultValueWithDefault = defaultValue || (max + 1) / 2\n\n  return (\n    <>\n      <input\n        id={id}\n        className={classnames(\n          styles.ratingScaleRange,\n          classNameOverride,\n          readOnlyWithNoValue && styles.hideThumb,\n          disabled && styles.disabled\n        )}\n        disabled={disabled || readOnly}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        defaultValue={value ? undefined : defaultValueWithDefault}\n        value={value}\n        aria-valuenow={value}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-describedby={`${visuallyHiddenHintId} ${\n          ariaDescribedby ? ariaDescribedby : \"\"\n        }`}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>): void => {\n          setStep(1) // Put the stepper to 1 to avoid floating value\n          onChange?.(e)\n        }}\n        {...restProps}\n      />\n      <div className={classnames(styles.spokes, disabled && styles.disabled)}>\n        {[...Array(max)].map((_, index) => (\n          <div key={`${id}-spoke-${index}`} className={styles.spokeContainer}>\n            <div className={styles.spoke} />\n          </div>\n        ))}\n      </div>\n      <VisuallyHidden id={visuallyHiddenHintId}>\n        {min} is {minLabel}, {max} is {maxLabel}\n      </VisuallyHidden>\n      <div className={styles.labelsContainer}>\n        {!readOnlyWithNoValue && (\n          <div\n            className={classnames(\n              styles.sliderLabels,\n              disabled && styles.disabled\n            )}\n          >\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {minLabel}\n            </Text>\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {maxLabel}\n            </Text>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\nInputRange.displayName = \"InputRange\"\n"],"names":["InputRange","_a","id","defaultValue","value","minLabel","maxLabel","_b","min","_c","max","onChange","ariaDescribedby","classNameOverride","disabled","readOnly","restProps","__rest","_d","useState","step","setStep","visuallyHiddenHintId","concat","readOnlyWithNoValue","defaultValueWithDefault","React","createElement","Fragment","__assign","className","classnames","styles","ratingScaleRange","hideThumb","type","undefined","e","spokes","__spreadArray","Array","map","_","index","key","spokeContainer","spoke","VisuallyHidden","labelsContainer","sliderLabels","Text","variant","color","tag","displayName"],"mappings":"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"}
+{"version":3,"file":"InputRange.mjs","sources":["../../../../src/Input/InputRange/InputRange.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputRange.module.scss\"\n\nexport type InputRangeProps = {\n  id: string\n  defaultValue?: number\n  value?: number\n  minLabel: ReactNode\n  maxLabel: ReactNode\n  min?: number\n  max?: number\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}\n */\nexport const InputRange = ({\n  id,\n  defaultValue,\n  value,\n  minLabel,\n  maxLabel,\n  min = 1,\n  max = 10,\n  onChange,\n  \"aria-describedby\": ariaDescribedby,\n  classNameOverride,\n  disabled,\n  readOnly,\n  ...restProps\n}: InputRangeProps): JSX.Element => {\n  const [step, setStep] = useState(0.5) // Let the dot center between the notch initially\n  const visuallyHiddenHintId = `${id}-helper`\n  const readOnlyWithNoValue = readOnly && !value && !defaultValue\n\n  // This has been split out into a different variable to allow usage of defaultValue above^\n  // Plus it lets us use max from props with its default value\n  const defaultValueWithDefault = defaultValue || (max + 1) / 2\n\n  return (\n    <>\n      <input\n        id={id}\n        className={classnames(\n          styles.ratingScaleRange,\n          classNameOverride,\n          readOnlyWithNoValue && styles.hideThumb,\n          disabled && styles.disabled\n        )}\n        disabled={disabled || readOnly}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        defaultValue={value ? undefined : defaultValueWithDefault}\n        value={value}\n        aria-valuenow={value}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-describedby={`${visuallyHiddenHintId} ${\n          ariaDescribedby ? ariaDescribedby : \"\"\n        }`}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>): void => {\n          setStep(1) // Put the stepper to 1 to avoid floating value\n          onChange?.(e)\n        }}\n        {...restProps}\n      />\n      <div className={classnames(styles.spokes, disabled && styles.disabled)}>\n        {[...Array(max)].map((_, index) => (\n          <div key={`${id}-spoke-${index}`} className={styles.spokeContainer}>\n            <div className={styles.spoke} />\n          </div>\n        ))}\n      </div>\n      <VisuallyHidden id={visuallyHiddenHintId}>\n        {min} is {minLabel}, {max} is {maxLabel}\n      </VisuallyHidden>\n      <div className={styles.labelsContainer}>\n        {!readOnlyWithNoValue && (\n          <div\n            className={classnames(\n              styles.sliderLabels,\n              disabled && styles.disabled\n            )}\n          >\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {minLabel}\n            </Text>\n            <Text variant=\"small\" color=\"dark-reduced-opacity\" tag=\"span\">\n              {maxLabel}\n            </Text>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\nInputRange.displayName = \"InputRange\"\n"],"names":["InputRange","_a","id","defaultValue","value","minLabel","maxLabel","_b","min","_c","max","onChange","ariaDescribedby","classNameOverride","disabled","readOnly","restProps","__rest","_d","useState","step","setStep","visuallyHiddenHintId","concat","readOnlyWithNoValue","defaultValueWithDefault","React","createElement","Fragment","__assign","className","classnames","styles","ratingScaleRange","hideThumb","type","undefined","e","spokes","__spreadArray","Array","map","_","index","key","spokeContainer","spoke","VisuallyHidden","labelsContainer","sliderLabels","Text","variant","color","tag","displayName"],"mappings":"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"}

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -30,16 +30,16 @@ const InputSearch = /*#__PURE__*/function () {
       onClear && onClear();
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.wrapper, secondary ? styles.secondary : styles["default"], reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
+      className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.startIconAdornment
-    }, loading ? /*#__PURE__*/React.createElement(LoadingSpinner, {
+    }, loading ? ( /*#__PURE__*/React.createElement(LoadingSpinner, {
       accessibilityLabel: "",
       size: "sm",
       classNameOverride: styles.loadingSpinner
-    }) : /*#__PURE__*/React.createElement(SearchIcon, {
+    })) : ( /*#__PURE__*/React.createElement(SearchIcon, {
       role: "presentation"
-    })), /*#__PURE__*/React.createElement("input", __assign({
+    }))), /*#__PURE__*/React.createElement("input", __assign({
       ref: inputRef,
       type: "search",
       className: styles.input,
@@ -49,13 +49,13 @@ const InputSearch = /*#__PURE__*/function () {
       readOnly: onChange === undefined
     }, restProps)), /*#__PURE__*/React.createElement("div", {
       className: styles.focusRing
-    }), value && /*#__PURE__*/React.createElement(ClearButton, {
+    }), value && ( /*#__PURE__*/React.createElement(ClearButton, {
       isReversed: reversed,
       onClick: handleOnClear,
       disabled: disabled,
       classNameOverride: styles.endIconAdornment,
       "aria-label": "clear search"
-    }));
+    })));
   };
   InputSearch.displayName = "InputSearch";
   return InputSearch;

package/dist/esm/Input/InputSearch/InputSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.mjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}
+{"version":3,"file":"InputSearch.mjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","createElement","className","classnames","styles","wrapper","default","hasEndIconAdornment","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -132,12 +132,12 @@ var LikertScaleLegacy = function (_a) {
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
     }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
-  })), shouldDisplayValidationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
+  })), shouldDisplayValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
     id: validationMessageId,
     message: validationMessage,
     status: status,
     reversed: reversed
-  }));
+  })));
 };
 export { LikertScaleLegacy };
 //# sourceMappingURL=LikertScaleLegacy.mjs.map

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LikertScaleLegacy.mjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":"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"}
+{"version":3,"file":"LikertScaleLegacy.mjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":"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"}

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.mjs

@@ -20,7 +20,7 @@ const LoadingSpinner = /*#__PURE__*/function () {
       "data-automation-id": "loading-spinner",
       className: classnames(styles.loadingSpinner, classNameOverride),
       role: "status"
-    }, props), /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibilityLabel), size === "md" ? /*#__PURE__*/React.createElement("svg", {
+    }, props), /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibilityLabel), size === "md" ? ( /*#__PURE__*/React.createElement("svg", {
       className: styles.spinner,
       "aria-hidden": "true",
       viewBox: "0 0 48 48",
@@ -39,7 +39,7 @@ const LoadingSpinner = /*#__PURE__*/function () {
       clipRule: "evenodd",
       fill: "currentColor",
       d: "M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z"
-    })) : /*#__PURE__*/React.createElement("svg", {
+    }))) : ( /*#__PURE__*/React.createElement("svg", {
       className: styles.spinner,
       "aria-hidden": "true",
       viewBox: "0 0 24 24",
@@ -58,7 +58,7 @@ const LoadingSpinner = /*#__PURE__*/function () {
       clipRule: "evenodd",
       fill: "currentColor",
       d: "M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z"
-    })));
+    }))));
   };
   LoadingSpinner.displayName = "LoadingSpinner";
   return LoadingSpinner;

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../src/Loading/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingSpinner.module.scss\"\n\nexport type LoadingSpinnerProps = {\n  accessibilityLabel: string\n  /**\n   * Generally use \"md\" unless spinner is inside a form field\n   */\n  size?: \"sm\" | \"md\"\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}\n */\nexport const LoadingSpinner = ({\n  accessibilityLabel = \"Loading\",\n  size = \"md\",\n  classNameOverride,\n  ...props\n}: LoadingSpinnerProps): JSX.Element => (\n  <div\n    data-automation-id=\"loading-spinner\"\n    className={classnames(styles.loadingSpinner, classNameOverride)}\n    role=\"status\"\n    {...props}\n  >\n    <VisuallyHidden>{accessibilityLabel}</VisuallyHidden>\n    {size === \"md\" ? (\n      <svg\n        className={styles.spinner}\n        aria-hidden=\"true\"\n        viewBox=\"0 0 48 48\"\n        width={48} // Ideally we'd use spacing tokens converted to unitless values\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"24\"\n          cy=\"24\"\n          r=\"22.5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"3\"\n          strokeOpacity=\"0.3\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          fill=\"currentColor\"\n          d=\"M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z\"\n        />\n      </svg>\n    ) : (\n      <svg\n        className={styles.spinner}\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        width={24} // Ideally we'd use spacing tokens converted to unitless values\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeOpacity=\"0.3\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          fill=\"currentColor\"\n          d=\"M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z\"\n        />\n      </svg>\n    )}\n  </div>\n)\n\nLoadingSpinner.displayName = \"LoadingSpinner\"\n"],"names":["LoadingSpinner","_a","_b","accessibilityLabel","_c","size","classNameOverride","props","__rest","React","createElement","__assign","className","classnames","styles","loadingSpinner","role","VisuallyHidden","spinner","viewBox","width","fill","xmlns","cx","cy","r","stroke","strokeWidth","strokeOpacity","fillRule","clipRule","d","displayName"],"mappings":";;;;;;AAcA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJpB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,kBAA8B;MAA9BA,kBAAkB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MAC9BE,YAAW;MAAXC,IAAI,mBAAG,IAAI,GAAAD,EAAA;MACXE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,KAAK,GAAAC,MAAA,CAAAP,EAAA,EAJqB,mDAK9B,CADS;IAC8B,oBACtCQ,KACqB,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAA,oBAAA,EAAA,iBAAiB;MACpCC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,cAAc,EAAET,iBAAiB,CAAC;MAC/DU,IAAI,EAAC;OACDT,KAAK,CAAA,eAETE,KAAC,CAAAC,aAAA,CAAAO,cAAc,EAAE,IAAA,EAAAd,kBAAkB,CAAkB,EACpDE,IAAI,KAAK,IAAI,gBACZI,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACI,OAAO;MACb,aAAA,EAAA,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE,EAAE;MACTC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC;IAA4B,CAAA,eAElCb,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAa,EAAE,EAAC,IAAI;MACPC,EAAE,EAAC,IAAI;MACPC,CAAC,EAAC,MAAM;MACRC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,GAAG;MACfC,aAAa,EAAC;KACd,CAAA,eACFnB,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAmB,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBT,IAAI,EAAC,cAAc;MACnBU,CAAC,EAAC;IAAkP,CAAA,CACpP,CACE,gBAENtB;MACEG,SAAS,EAAEE,MAAM,CAACI,OAAO;qBACb,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE,EAAE;MACTC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC;IAA4B,CAAA,eAElCb,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAa,EAAE,EAAC,IAAI;MACPC,EAAE,EAAC,IAAI;MACPC,CAAC,EAAC,GAAG;MACLC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,GAAG;MACfC,aAAa,EAAC;KACd,CAAA,eACFnB,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAmB,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBT,IAAI,EAAC,cAAc;MACnBU,CAAC,EAAC;IAAsQ,CAAA,CACxQ,CAEL,CACG;GACP;EAED/B,cAAc,CAACgC,WAAW,GAAG,gBAAgB;EAAA,OAjEhChC,cAAc;AAAA;"}
+{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../src/Loading/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingSpinner.module.scss\"\n\nexport type LoadingSpinnerProps = {\n  accessibilityLabel: string\n  /**\n   * Generally use \"md\" unless spinner is inside a form field\n   */\n  size?: \"sm\" | \"md\"\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}\n */\nexport const LoadingSpinner = ({\n  accessibilityLabel = \"Loading\",\n  size = \"md\",\n  classNameOverride,\n  ...props\n}: LoadingSpinnerProps): JSX.Element => (\n  <div\n    data-automation-id=\"loading-spinner\"\n    className={classnames(styles.loadingSpinner, classNameOverride)}\n    role=\"status\"\n    {...props}\n  >\n    <VisuallyHidden>{accessibilityLabel}</VisuallyHidden>\n    {size === \"md\" ? (\n      <svg\n        className={styles.spinner}\n        aria-hidden=\"true\"\n        viewBox=\"0 0 48 48\"\n        width={48} // Ideally we'd use spacing tokens converted to unitless values\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"24\"\n          cy=\"24\"\n          r=\"22.5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"3\"\n          strokeOpacity=\"0.3\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          fill=\"currentColor\"\n          d=\"M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z\"\n        />\n      </svg>\n    ) : (\n      <svg\n        className={styles.spinner}\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        width={24} // Ideally we'd use spacing tokens converted to unitless values\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeOpacity=\"0.3\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          fill=\"currentColor\"\n          d=\"M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z\"\n        />\n      </svg>\n    )}\n  </div>\n)\n\nLoadingSpinner.displayName = \"LoadingSpinner\"\n"],"names":["LoadingSpinner","_a","_b","accessibilityLabel","_c","size","classNameOverride","props","__rest","React","createElement","__assign","className","classnames","styles","loadingSpinner","role","VisuallyHidden","spinner","viewBox","width","fill","xmlns","cx","cy","r","stroke","strokeWidth","strokeOpacity","fillRule","clipRule","d","displayName"],"mappings":";;;;;;AAcA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJpB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,kBAA8B;MAA9BA,kBAAkB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MAC9BE,YAAW;MAAXC,IAAI,mBAAG,IAAI,GAAAD,EAAA;MACXE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,KAAK,GAAAC,MAAA,CAAAP,EAAA,EAJqB,mDAK9B,CADS;IAC8B,oBACtCQ,KACqB,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAA,oBAAA,EAAA,iBAAiB;MACpCC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,cAAc,EAAET,iBAAiB,CAAC;MAC/DU,IAAI,EAAC;OACDT,KAAK,CAAA,eAETE,KAAC,CAAAC,aAAA,CAAAO,cAAc,EAAE,IAAA,EAAAd,kBAAkB,CAAkB,EACpDE,IAAI,KAAK,IAAI,kBACZI,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACI,OAAO;MACb,aAAA,EAAA,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE,EAAE;MACTC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC;IAA4B,CAAA,eAElCb,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAa,EAAE,EAAC,IAAI;MACPC,EAAE,EAAC,IAAI;MACPC,CAAC,EAAC,MAAM;MACRC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,GAAG;MACfC,aAAa,EAAC;KACd,CAAA,eACFnB,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAmB,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBT,IAAI,EAAC,cAAc;MACnBU,CAAC,EAAC;IAAkP,CAAA,CACpP,CACE,mBAENtB;MACEG,SAAS,EAAEE,MAAM,CAACI,OAAO;qBACb,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE,EAAE;MACTC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC;IAA4B,CAAA,eAElCb,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAa,EAAE,EAAC,IAAI;MACPC,EAAE,EAAC,IAAI;MACPC,CAAC,EAAC,GAAG;MACLC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,GAAG;MACfC,aAAa,EAAC;KACd,CAAA,eACFnB,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAmB,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBT,IAAI,EAAC,cAAc;MACnBU,CAAC,EAAC;IAAsQ,CAAA,CACxQ,CACE,CACP,CACG;GACP;EAED/B,cAAc,CAACgC,WAAW,GAAG,gBAAgB;EAAA,OAjEhChC,cAAc;AAAA;"}

package/dist/esm/Menu/subcomponents/MenuDropdown/MenuDropdown.mjs

@@ -22,7 +22,7 @@ const MenuDropdown = /*#__PURE__*/function () {
         modifiers: [{
           name: "offset",
           options: {
-            offset: [0, 6]
+            offset: [0, 6] // value used from the $spacing-xs scss variable,
           }
         }, {
           name: "preventOverflow",

package/dist/esm/Menu/subcomponents/MenuDropdown/MenuDropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDropdown.mjs","sources":["../../../../../src/Menu/subcomponents/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport styles from \"./MenuDropdown.module.scss\"\n\nexport type MenuDropdownProps = {\n  id?: string\n  hideMenuDropdown: () => void\n  position?: {\n    top: number\n    bottom: number\n    left: number\n    right: number\n  } | null\n  align?: \"left\" | \"right\"\n  width?: \"default\" | \"contain\"\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n}\n\nexport const MenuDropdown = ({\n  children,\n  referenceElement,\n  id,\n  hideMenuDropdown,\n  autoHide = \"on\",\n  align = \"left\",\n  width = \"default\",\n}: MenuDropdownProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 6], // value used from the $spacing-xs scss variable,\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.\n            padding: 8,\n          },\n        },\n      ],\n      placement: align === \"left\" ? \"bottom-start\" : \"bottom-end\",\n    }\n  )\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        popperElement &&\n        e.target instanceof Node &&\n        !popperElement.contains(e.target) &&\n        referenceElement !== e.target &&\n        !referenceElement?.contains(e.target)\n      ) {\n        hideMenuDropdown()\n      }\n    },\n    [popperElement, referenceElement, hideMenuDropdown]\n  )\n\n  const handleDocumentResize = useCallback(() => {\n    hideMenuDropdown()\n  }, [hideMenuDropdown])\n\n  const handleRootClick = (): void => {\n    if (autoHide === \"on\") {\n      // ie. is not equal to \"off\" | \"outside-click-only\"\n      hideMenuDropdown()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", handleDocumentResize, false)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleDocumentResize, false)\n    }\n  }, [handleDocumentResize])\n\n  useEffect(() => {\n    if (autoHide !== \"off\") {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide !== \"off\") {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\n\n  return (\n    // Disabling these because we don't want this to be keyboard focusable.\n    // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      id={id}\n      ref={setPopperElement}\n      {...attributes.popper}\n      style={popperStyles.popper}\n      className={classnames(\n        styles.menuContainer,\n        width == \"default\" && styles.defaultWidth\n      )}\n      onClick={handleRootClick}\n    >\n      {children}\n    </div>\n  )\n}\n\nMenuDropdown.displayName = \"MenuDropdown\"\n"],"names":["MenuDropdown","_a","children","referenceElement","id","hideMenuDropdown","_b","autoHide","_c","align","_d","width","_e","useState","popperElement","setPopperElement","_f","usePopper","modifiers","name","options","offset","padding","placement","popperStyles","styles","attributes","handleDocumentClickForAutoHide","useCallback","e","target","Node","contains","handleDocumentResize","handleRootClick","useEffect","window","addEventListener","removeEventListener","document","React","createElement","__assign","ref","popper","style","className","classnames","menuContainer","defaultWidth","onClick","displayName"],"mappings":"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"}
+{"version":3,"file":"MenuDropdown.mjs","sources":["../../../../../src/Menu/subcomponents/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport styles from \"./MenuDropdown.module.scss\"\n\nexport type MenuDropdownProps = {\n  id?: string\n  hideMenuDropdown: () => void\n  position?: {\n    top: number\n    bottom: number\n    left: number\n    right: number\n  } | null\n  align?: \"left\" | \"right\"\n  width?: \"default\" | \"contain\"\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n}\n\nexport const MenuDropdown = ({\n  children,\n  referenceElement,\n  id,\n  hideMenuDropdown,\n  autoHide = \"on\",\n  align = \"left\",\n  width = \"default\",\n}: MenuDropdownProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 6], // value used from the $spacing-xs scss variable,\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.\n            padding: 8,\n          },\n        },\n      ],\n      placement: align === \"left\" ? \"bottom-start\" : \"bottom-end\",\n    }\n  )\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        popperElement &&\n        e.target instanceof Node &&\n        !popperElement.contains(e.target) &&\n        referenceElement !== e.target &&\n        !referenceElement?.contains(e.target)\n      ) {\n        hideMenuDropdown()\n      }\n    },\n    [popperElement, referenceElement, hideMenuDropdown]\n  )\n\n  const handleDocumentResize = useCallback(() => {\n    hideMenuDropdown()\n  }, [hideMenuDropdown])\n\n  const handleRootClick = (): void => {\n    if (autoHide === \"on\") {\n      // ie. is not equal to \"off\" | \"outside-click-only\"\n      hideMenuDropdown()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", handleDocumentResize, false)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleDocumentResize, false)\n    }\n  }, [handleDocumentResize])\n\n  useEffect(() => {\n    if (autoHide !== \"off\") {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide !== \"off\") {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\n\n  return (\n    // Disabling these because we don't want this to be keyboard focusable.\n    // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      id={id}\n      ref={setPopperElement}\n      {...attributes.popper}\n      style={popperStyles.popper}\n      className={classnames(\n        styles.menuContainer,\n        width == \"default\" && styles.defaultWidth\n      )}\n      onClick={handleRootClick}\n    >\n      {children}\n    </div>\n  )\n}\n\nMenuDropdown.displayName = \"MenuDropdown\"\n"],"names":["MenuDropdown","_a","children","referenceElement","id","hideMenuDropdown","_b","autoHide","_c","align","_d","width","_e","useState","popperElement","setPopperElement","_f","usePopper","modifiers","name","options","offset","padding","placement","popperStyles","styles","attributes","handleDocumentClickForAutoHide","useCallback","e","target","Node","contains","handleDocumentResize","handleRootClick","useEffect","window","addEventListener","removeEventListener","document","React","createElement","__assign","ref","popper","style","className","classnames","menuContainer","defaultWidth","onClick","displayName"],"mappings":"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"}

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs

@@ -44,14 +44,14 @@ const StatelessMenu = /*#__PURE__*/function () {
         console.warn("The portal could not be created using the selector: " + portalSelector);
       }
     }, [portalSelectorElementRef, portalSelector]);
-    var menu = isMenuVisible ? /*#__PURE__*/React.createElement(MenuDropdown, {
+    var menu = isMenuVisible ? ( /*#__PURE__*/React.createElement(MenuDropdown, {
       referenceElement: referenceElement,
       align: align,
       hideMenuDropdown: hideMenuDropdown,
       width: dropdownWidth,
       id: dropdownId,
       autoHide: autoHide
-    }, children) : null;
+    }, children)) : null;
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatelessMenu.mjs","sources":["../../../../../src/Menu/subcomponents/StatelessMenu/StatelessMenu.tsx"],"sourcesContent":["import React, { useEffect, useState, SyntheticEvent, useRef } from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { MenuDropdown } from \"../MenuDropdown\"\nimport styles from \"./StatelessMenu.module.scss\"\n\nexport type StatelessMenuProps = {\n  /**\n   * Whether the menu is to be used on the left or right\n   * side of the viewport. If left, the left of the dropdown\n   * is aligned to the left of the button (and vice versa)\n   * @default \"left\"\n   */\n  align?: \"left\" | \"right\"\n\n  /**\n   * The width of the dropdown.\n   * \"default\": a fixed width of 248px\n   * \"contain\": contain the children's width (will be same width as children)\n   * @default \"default\"\n   */\n  dropdownWidth?: \"default\" | \"contain\"\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  dropdownId?: string\n  /**\n   * Determines when the menu should automatically hide.\n   * @default: \"on\"\n   */\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  /**\n   * The content to appear inside the dropdown when it is open\n   */\n  children: React.ReactNode\n  /**\n   * Render the tooltip inside a react portal, given the CSS selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  isMenuVisible: boolean\n  toggleMenuDropdown: () => void\n  hideMenuDropdown: () => void\n  renderButton: (args: {\n    onClick: (e: any) => void\n    onMouseDown: (e: any) => void\n    \"aria-haspopup\": boolean\n    \"aria-expanded\": boolean\n  }) => React.ReactElement\n  onClick?: (event: SyntheticEvent) => void\n}\n\nexport const StatelessMenu = ({\n  align = \"left\",\n  dropdownWidth = \"default\",\n  autoHide = \"on\",\n  \"data-testid\": dataTestId,\n  dropdownId,\n  children,\n  portalSelector,\n  isMenuVisible,\n  toggleMenuDropdown,\n  hideMenuDropdown,\n  renderButton,\n  onClick,\n}: StatelessMenuProps): JSX.Element => {\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLSpanElement | null>(null)\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  const menuButton = renderButton({\n    onClick: (e: React.MouseEvent<Element, MouseEvent>) => {\n      e.preventDefault()\n      e.stopPropagation()\n      toggleMenuDropdown()\n    },\n    onMouseDown: (e: React.MouseEvent<Element, MouseEvent>) =>\n      e.preventDefault(),\n    \"aria-haspopup\": true,\n    \"aria-expanded\": isMenuVisible,\n  })\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const menu = isMenuVisible ? (\n    <MenuDropdown\n      referenceElement={referenceElement}\n      align={align}\n      hideMenuDropdown={hideMenuDropdown}\n      width={dropdownWidth}\n      id={dropdownId}\n      autoHide={autoHide}\n    >\n      {children}\n    </MenuDropdown>\n  ) : null\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div data-testid={dataTestId} onClick={onClick}>\n      <div className={styles.buttonWrapper} ref={setReferenceElement}>\n        {menuButton}\n      </div>\n      {portalSelector && portalSelectorElementRef.current\n        ? ReactDOM.createPortal(menu, portalSelectorElementRef.current)\n        : menu}\n    </div>\n  )\n}\n\nStatelessMenu.displayName = \"StatelessMenu\"\n"],"names":["StatelessMenu","_a","_b","align","_c","dropdownWidth","_d","autoHide","dataTestId","dropdownId","children","portalSelector","isMenuVisible","toggleMenuDropdown","hideMenuDropdown","renderButton","onClick","_e","useState","referenceElement","setReferenceElement","portalSelectorElementRef","useRef","menuButton","e","preventDefault","stopPropagation","onMouseDown","useEffect","current","document","querySelector","console","warn","menu","React","createElement","MenuDropdown","width","id","className","styles","buttonWrapper","ref","ReactDOM","createPortal","displayName"],"mappings":"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"}
+{"version":3,"file":"StatelessMenu.mjs","sources":["../../../../../src/Menu/subcomponents/StatelessMenu/StatelessMenu.tsx"],"sourcesContent":["import React, { useEffect, useState, SyntheticEvent, useRef } from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { MenuDropdown } from \"../MenuDropdown\"\nimport styles from \"./StatelessMenu.module.scss\"\n\nexport type StatelessMenuProps = {\n  /**\n   * Whether the menu is to be used on the left or right\n   * side of the viewport. If left, the left of the dropdown\n   * is aligned to the left of the button (and vice versa)\n   * @default \"left\"\n   */\n  align?: \"left\" | \"right\"\n\n  /**\n   * The width of the dropdown.\n   * \"default\": a fixed width of 248px\n   * \"contain\": contain the children's width (will be same width as children)\n   * @default \"default\"\n   */\n  dropdownWidth?: \"default\" | \"contain\"\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  dropdownId?: string\n  /**\n   * Determines when the menu should automatically hide.\n   * @default: \"on\"\n   */\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  /**\n   * The content to appear inside the dropdown when it is open\n   */\n  children: React.ReactNode\n  /**\n   * Render the tooltip inside a react portal, given the CSS selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  isMenuVisible: boolean\n  toggleMenuDropdown: () => void\n  hideMenuDropdown: () => void\n  renderButton: (args: {\n    onClick: (e: any) => void\n    onMouseDown: (e: any) => void\n    \"aria-haspopup\": boolean\n    \"aria-expanded\": boolean\n  }) => React.ReactElement\n  onClick?: (event: SyntheticEvent) => void\n}\n\nexport const StatelessMenu = ({\n  align = \"left\",\n  dropdownWidth = \"default\",\n  autoHide = \"on\",\n  \"data-testid\": dataTestId,\n  dropdownId,\n  children,\n  portalSelector,\n  isMenuVisible,\n  toggleMenuDropdown,\n  hideMenuDropdown,\n  renderButton,\n  onClick,\n}: StatelessMenuProps): JSX.Element => {\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLSpanElement | null>(null)\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  const menuButton = renderButton({\n    onClick: (e: React.MouseEvent<Element, MouseEvent>) => {\n      e.preventDefault()\n      e.stopPropagation()\n      toggleMenuDropdown()\n    },\n    onMouseDown: (e: React.MouseEvent<Element, MouseEvent>) =>\n      e.preventDefault(),\n    \"aria-haspopup\": true,\n    \"aria-expanded\": isMenuVisible,\n  })\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const menu = isMenuVisible ? (\n    <MenuDropdown\n      referenceElement={referenceElement}\n      align={align}\n      hideMenuDropdown={hideMenuDropdown}\n      width={dropdownWidth}\n      id={dropdownId}\n      autoHide={autoHide}\n    >\n      {children}\n    </MenuDropdown>\n  ) : null\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div data-testid={dataTestId} onClick={onClick}>\n      <div className={styles.buttonWrapper} ref={setReferenceElement}>\n        {menuButton}\n      </div>\n      {portalSelector && portalSelectorElementRef.current\n        ? ReactDOM.createPortal(menu, portalSelectorElementRef.current)\n        : menu}\n    </div>\n  )\n}\n\nStatelessMenu.displayName = \"StatelessMenu\"\n"],"names":["StatelessMenu","_a","_b","align","_c","dropdownWidth","_d","autoHide","dataTestId","dropdownId","children","portalSelector","isMenuVisible","toggleMenuDropdown","hideMenuDropdown","renderButton","onClick","_e","useState","referenceElement","setReferenceElement","portalSelectorElementRef","useRef","menuButton","e","preventDefault","stopPropagation","onMouseDown","useEffect","current","document","querySelector","console","warn","menu","React","createElement","MenuDropdown","width","id","className","styles","buttonWrapper","ref","ReactDOM","createPortal","displayName"],"mappings":"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"}

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -21,30 +21,30 @@ import styles from './ConfirmationModal.module.scss.mjs';
 var getIcon = function (mood, isProminent) {
   switch (mood) {
     case "cautionary":
-      return isProminent ? /*#__PURE__*/React.createElement(Cautionary, null) : /*#__PURE__*/React.createElement(CautionWhiteIcon, {
+      return isProminent ? ( /*#__PURE__*/React.createElement(Cautionary, null)) : ( /*#__PURE__*/React.createElement(CautionWhiteIcon, {
         inheritSize: true,
         role: "presentation"
-      });
+      }));
     case "informative":
-      return isProminent ? /*#__PURE__*/React.createElement(Informative, null) : /*#__PURE__*/React.createElement(InformationWhiteIcon, {
+      return isProminent ? ( /*#__PURE__*/React.createElement(Informative, null)) : ( /*#__PURE__*/React.createElement(InformationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
-      });
+      }));
     case "negative":
-      return isProminent ? /*#__PURE__*/React.createElement(Negative, null) : /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
+      return isProminent ? ( /*#__PURE__*/React.createElement(Negative, null)) : ( /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
-      });
+      }));
     case "positive":
-      return isProminent ? /*#__PURE__*/React.createElement(Positive, null) : /*#__PURE__*/React.createElement(SuccessWhiteIcon, {
+      return isProminent ? ( /*#__PURE__*/React.createElement(Positive, null)) : ( /*#__PURE__*/React.createElement(SuccessWhiteIcon, {
         inheritSize: true,
         role: "presentation"
-      });
+      }));
     case "assertive":
-      return isProminent ? /*#__PURE__*/React.createElement(Assertive, null) : /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
+      return isProminent ? ( /*#__PURE__*/React.createElement(Assertive, null)) : ( /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
-      });
+      }));
   }
 };
 /**

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.mjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"~components/Illustration\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}
+{"version":3,"file":"ConfirmationModal.mjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"~components/Illustration\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/esm/Modal/ContextModal/ContextModal.mjs

@@ -72,17 +72,17 @@ const ContextModal = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-2",
       tag: "h2"
-    }, title)))), contentHeader && /*#__PURE__*/React.createElement("div", {
+    }, title)))), contentHeader && ( /*#__PURE__*/React.createElement("div", {
       className: styles.contentHeader
-    }, contentHeader), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+    }, contentHeader)), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.contentLayout, styles["".concat(layout, "Contentlayout")])
     }, image && /*#__PURE__*/React.createElement("div", {
       className: styles.image
     }, image), /*#__PURE__*/React.createElement("div", {
       className: styles.content
-    }, children, onConfirm != null && /*#__PURE__*/React.createElement("div", {
+    }, children, onConfirm != null && ( /*#__PURE__*/React.createElement("div", {
       className: secondaryLabel ? styles.footerWithSecondaryAction : styles.footer
-    })))), /*#__PURE__*/React.createElement(ModalFooter, {
+    }))))), /*#__PURE__*/React.createElement(ModalFooter, {
       variant: image ? "context" : undefined,
       actions: footerActions,
       appearance: "primary",

package/dist/esm/Modal/ContextModal/ContextModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextModal.mjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n      onSecondaryAction?: never\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onDismiss: propsOnDismiss,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  secondaryLabel,\n  onSecondaryAction,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (secondaryLabel) {\n    footerActions.push({\n      label: secondaryLabel,\n      onClick: onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","propsOnDismiss","onDismiss","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","secondaryLabel","onSecondaryAction","props","__rest","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":"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"}
+{"version":3,"file":"ContextModal.mjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n      onSecondaryAction?: never\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onDismiss: propsOnDismiss,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  secondaryLabel,\n  onSecondaryAction,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (secondaryLabel) {\n    footerActions.push({\n      label: secondaryLabel,\n      onClick: onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","propsOnDismiss","onDismiss","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","secondaryLabel","onSecondaryAction","props","__rest","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":"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"}