@kaizen/components 1.24.2 → 1.26.0

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,WAAW,CAAAC,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,MAAM,CAAC,EAAE,CAAC,EACVC,IAAI,CAAE,CAAA,EACNC,IAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC;IAAU,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,oBAAOgC,YAAY,eACjBC,KAAC,CAAAC,aAAA,CAAAC,OAAO;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,eAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "popover": "Popover-module_popover__B7k5I"
+};
+export { styles as default };
+//# sourceMappingURL=Popover.module.scss.mjs.map

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.module.scss.mjs.map

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

package/dist/esm/Notification/GlobalNotification/GlobalNotification.mjs

@@ -0,0 +1,23 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { GenericNotification } from '../subcomponents/GenericNotification/GenericNotification.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
+ */
+const GlobalNotification = /*#__PURE__*/function () {
+  const GlobalNotification = function (_a) {
+    var _b = _a.persistent,
+      persistent = _b === void 0 ? false : _b,
+      props = __rest(_a, ["persistent"]);
+    return /*#__PURE__*/React.createElement(GenericNotification, __assign({
+      persistent: persistent,
+      style: "global"
+    }, props));
+  };
+  GlobalNotification.displayName = "GlobalNotification";
+  return GlobalNotification;
+}();
+export { GlobalNotification };
+//# sourceMappingURL=GlobalNotification.mjs.map

package/dist/esm/Notification/GlobalNotification/GlobalNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalNotification.mjs","sources":["../../../../src/Notification/GlobalNotification/GlobalNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { GenericNotification } from \"../subcomponents/GenericNotification\"\n\nexport type GlobalNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children: React.ReactNode\n  onHide?: () => void\n  persistent?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}\n */\nexport const GlobalNotification = ({\n  persistent = false,\n  ...props\n}: GlobalNotificationProps): JSX.Element => (\n  <GenericNotification persistent={persistent} style=\"global\" {...props} />\n)\n\nGlobalNotification.displayName = \"GlobalNotification\"\n"],"names":["GlobalNotification","_a","_b","persistent","props","__rest","React","createElement","GenericNotification","__assign","style","displayName"],"mappings":";;;;AAYA;;;AAGG;AAHH,MAIaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFxB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;MACfE,KAAK,GAFyBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,YAAA,CAGlC,CADS;IACkC,oBAC1CK,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAAC,QAAA,CAAA;MAACN,UAAU,EAAEA,UAAU;MAAEO,KAAK,EAAC;KAAQ,EAAKN,KAAK,CAAA,CAAI;GAC1E;EAEDJ,kBAAkB,CAACW,WAAW,GAAG,oBAAoB;EAAA,OAPxCX,kBAAkB;AAAA;"}

package/dist/esm/Notification/InlineNotification/InlineNotification.mjs

@@ -0,0 +1,30 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { GenericNotification } from '../subcomponents/GenericNotification/GenericNotification.mjs';
+import styles from '../subcomponents/GenericNotification/GenericNotification.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
+ */
+const InlineNotification = /*#__PURE__*/function () {
+  const InlineNotification = function (_a) {
+    var isSubtle = _a.isSubtle,
+      _b = _a.hideCloseIcon,
+      hideCloseIcon = _b === void 0 ? false : _b,
+      _c = _a.persistent,
+      persistent = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      otherProps = __rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement(GenericNotification, __assign({
+      style: "inline",
+      persistent: persistent || hideCloseIcon,
+      classNameOverride: classnames(classNameOverride, [isSubtle && styles.subtle])
+    }, otherProps));
+  };
+  InlineNotification.displayName = "InlineNotification";
+  return InlineNotification;
+}();
+export { InlineNotification };
+//# sourceMappingURL=InlineNotification.mjs.map

package/dist/esm/Notification/InlineNotification/InlineNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineNotification.mjs","sources":["../../../../src/Notification/InlineNotification/InlineNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { GenericNotification } from \"../subcomponents/GenericNotification\"\nimport styles from \"../subcomponents/GenericNotification/GenericNotification.module.scss\"\nimport { NotificationType } from \"../types\"\n\nexport type InlineNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children?: React.ReactNode\n  /** @default false */\n  persistent?: boolean\n  /** @default false */\n  hideCloseIcon?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n  isSubtle?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}\n */\nexport const InlineNotification = ({\n  isSubtle,\n  hideCloseIcon = false,\n  persistent = false,\n  classNameOverride,\n  ...otherProps\n}: InlineNotificationProps): JSX.Element => (\n  <GenericNotification\n    style=\"inline\"\n    persistent={persistent || hideCloseIcon}\n    classNameOverride={classnames(classNameOverride, [\n      isSubtle && styles.subtle,\n    ])}\n    {...otherProps}\n  />\n)\n\nInlineNotification.displayName = \"InlineNotification\"\n"],"names":["InlineNotification","_a","isSubtle","_b","hideCloseIcon","_c","persistent","classNameOverride","otherProps","__rest","React","createElement","GenericNotification","style","classnames","styles","subtle","displayName"],"mappings":";;;;;;AAsBA;;;AAGG;AAHH,MAIaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAMT,EAAA;IALxB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,aAAqB;MAArBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACrBE,EAAA,GAAAJ,EAAA,CAAAK,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,uBAAA;MACdC,UAAU,GALoBC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,CAMlC,CADc;IAC6B,oBAC1CS,KAAC,CAAAC,aAAA,CAAAC,mBAAmB;MAClBC,KAAK,EAAC,QAAQ;MACdP,UAAU,EAAEA,UAAU,IAAIF,aAAa;MACvCG,iBAAiB,EAAEO,UAAU,CAACP,iBAAiB,EAAE,CAC/CL,QAAQ,IAAIa,MAAM,CAACC,MAAM,CAC1B;IACG,CAAA,EAAAR,UAAU,CACd,CAAA;GACH;EAEDR,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;EAAA,OAjBxCjB,kBAAkB;AAAA;"}

package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.mjs

@@ -0,0 +1,21 @@
+import React from 'react';
+import { CloseIcon } from '../../../Icon/CloseIcon.mjs';
+import styles from '../GenericNotification/GenericNotification.module.scss.mjs';
+const CancelButton = /*#__PURE__*/function () {
+  const CancelButton = function (_a) {
+    var onClick = _a.onClick;
+    return /*#__PURE__*/React.createElement("button", {
+      className: styles.cancel,
+      type: "button",
+      onClick: onClick,
+      "data-testid": "close-button",
+      "aria-label": "Close notification"
+    }, /*#__PURE__*/React.createElement(CloseIcon, {
+      role: "presentation"
+    }));
+  };
+  CancelButton.displayName = "CancelButton";
+  return CancelButton;
+}();
+export { CancelButton };
+//# sourceMappingURL=CancelButton.mjs.map

package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.mjs","sources":["../../../../../src/Notification/subcomponents/CancelButton/CancelButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { CloseIcon } from \"~components/Icon/CloseIcon\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype CancelButtonProps = {\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const CancelButton = ({ onClick }: CancelButtonProps): JSX.Element => (\n  <button\n    className={styles.cancel}\n    type=\"button\"\n    onClick={onClick}\n    data-testid=\"close-button\"\n    aria-label=\"Close notification\"\n  >\n    <CloseIcon role=\"presentation\" />\n  </button>\n)\n\nCancelButton.displayName = \"CancelButton\"\n"],"names":["CancelButton","_a","onClick","React","createElement","className","styles","cancel","type","CloseIcon","role","displayName"],"mappings":";;;MAQaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAA8B,EAAA;IAA5B,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IAAuC,oBAC3EC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC,MAAM;MACxBC,IAAI,EAAC,QAAQ;MACbN,OAAO,EAAEA,OAAO;MACJ,aAAA,EAAA,cAAc;oBACf;IAAoB,CAAA,eAE/BC,KAAA,CAAAC,aAAA,CAACK,SAAS,EAAC;MAAAC,IAAI,EAAC;IAAc,CAAA,CAAG,CAC1B;EATkE,CAU5E;EAEDV,YAAY,CAACW,WAAW,GAAG,cAAc;EAAA,OAZ5BX,YAAY;AAAA;"}

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs

@@ -0,0 +1,80 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import { CancelButton } from '../CancelButton/CancelButton.mjs';
+import { NotificationHeading } from '../NotificationHeading/NotificationHeading.mjs';
+import { NotificationIcon } from '../NotificationIcon/NotificationIcon.mjs';
+import styles from './GenericNotification.module.scss.mjs';
+const GenericNotification = /*#__PURE__*/function () {
+  const GenericNotification = function (_a) {
+    var type = _a.type,
+      style = _a.style,
+      children = _a.children,
+      title = _a.title,
+      _b = _a.persistent,
+      persistent = _b === void 0 ? false : _b,
+      onHide = _a.onHide,
+      noBottomMargin = _a.noBottomMargin,
+      forceMultiline = _a.forceMultiline,
+      headingProps = _a.headingProps,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["type", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
+    var _c = useState(true),
+      isHidden = _c[0],
+      setIsHidden = _c[1];
+    var _d = useState(false),
+      isRemoved = _d[0],
+      setIsRemoved = _d[1];
+    var containerRef = useRef(null);
+    useEffect(function () {
+      requestAnimationFrame(function () {
+        if (containerRef.current) {
+          setIsHidden(false);
+        }
+      });
+    }, []);
+    var getMarginTop = function () {
+      if (isHidden && containerRef.current) {
+        return -containerRef.current.clientHeight + "px";
+      }
+      return "0";
+    };
+    var onTransitionEnd = function (e) {
+      // Be careful: this assumes the final CSS property to be animated is "margin-top".
+      if (isHidden && e.propertyName === "margin-top") {
+        setIsRemoved(true);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+      }
+    };
+    if (isRemoved) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: containerRef,
+      className: classnames(styles.notification, styles[type], styles[style], isHidden && styles.hidden, noBottomMargin && styles.noBottomMargin, classNameOverride, persistent && styles.persistent),
+      style: {
+        marginTop: getMarginTop()
+      },
+      onTransitionEnd: onTransitionEnd
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: styles.icon
+    }, /*#__PURE__*/React.createElement(NotificationIcon, {
+      type: type
+    })), /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.textContainer, forceMultiline && styles.forceMultiline)
+    }, style !== "global" && /*#__PURE__*/React.createElement(NotificationHeading, {
+      titleProp: title,
+      headingProps: headingProps
+    }), children && /*#__PURE__*/React.createElement("div", {
+      className: styles.text
+    }, children)), !persistent && /*#__PURE__*/React.createElement(CancelButton, {
+      onClick: function () {
+        return setIsHidden(true);
+      }
+    }));
+  };
+  GenericNotification.displayName = "GenericNotification";
+  return GenericNotification;
+}();
+export { GenericNotification };
+//# sourceMappingURL=GenericNotification.mjs.map

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNotification.mjs","sources":["../../../../../src/Notification/subcomponents/GenericNotification/GenericNotification.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { CancelButton } from \"../CancelButton\"\nimport { NotificationHeading } from \"../NotificationHeading\"\nimport { NotificationIcon } from \"../NotificationIcon\"\nimport styles from \"./GenericNotification.module.scss\"\n\nexport type GenericNotificationProps = {\n  type: NotificationType\n  style: \"global\" | \"inline\" | \"toast\"\n  children?: React.ReactNode\n  title?: string\n  persistent?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const GenericNotification = ({\n  type,\n  style,\n  children,\n  title,\n  persistent = false,\n  onHide,\n  noBottomMargin,\n  forceMultiline,\n  headingProps,\n  classNameOverride,\n  ...restProps\n}: GenericNotificationProps): JSX.Element | null => {\n  const [isHidden, setIsHidden] = useState<boolean>(true)\n  const [isRemoved, setIsRemoved] = useState<boolean>(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (containerRef.current) {\n        setIsHidden(false)\n      }\n    })\n  }, [])\n\n  const getMarginTop = (): string => {\n    if (isHidden && containerRef.current) {\n      return -containerRef.current.clientHeight + \"px\"\n    }\n    return \"0\"\n  }\n\n  const onTransitionEnd = (e: React.TransitionEvent<HTMLDivElement>): void => {\n    // Be careful: this assumes the final CSS property to be animated is \"margin-top\".\n    if (isHidden && e.propertyName === \"margin-top\") {\n      setIsRemoved(true)\n      onHide?.()\n    }\n  }\n\n  if (isRemoved) {\n    return null\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={classnames(\n        styles.notification,\n        styles[type],\n        styles[style],\n        isHidden && styles.hidden,\n        noBottomMargin && styles.noBottomMargin,\n        classNameOverride,\n        persistent && styles.persistent\n      )}\n      style={{ marginTop: getMarginTop() }}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      <div className={styles.icon}>\n        <NotificationIcon type={type} />\n      </div>\n      <div\n        className={classnames(\n          styles.textContainer,\n          forceMultiline && styles.forceMultiline\n        )}\n      >\n        {style !== \"global\" && (\n          <NotificationHeading titleProp={title} headingProps={headingProps} />\n        )}\n        {children && <div className={styles.text}>{children}</div>}\n      </div>\n      {!persistent && <CancelButton onClick={() => setIsHidden(true)} />}\n    </div>\n  )\n}\n\nGenericNotification.displayName = \"GenericNotification\"\n"],"names":["GenericNotification","_a","type","style","children","title","_b","persistent","onHide","noBottomMargin","forceMultiline","headingProps","classNameOverride","restProps","__rest","_c","useState","isHidden","setIsHidden","_d","isRemoved","setIsRemoved","containerRef","useRef","useEffect","requestAnimationFrame","current","getMarginTop","clientHeight","onTransitionEnd","e","propertyName","React","createElement","__assign","ref","className","classnames","styles","notification","hidden","marginTop","icon","NotificationIcon","textContainer","NotificationHeading","titleProp","text","CancelButton","onClick","displayName"],"mappings":"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"}

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.module.scss.mjs

@@ -0,0 +1,28 @@
+var styles = {
+  "notification": "GenericNotification-module_notification__-JP1M",
+  "inline": "GenericNotification-module_inline__OciO5",
+  "toast": "GenericNotification-module_toast__GOVfC",
+  "global": "GenericNotification-module_global__Weka-",
+  "positive": "GenericNotification-module_positive__U-3HK",
+  "informative": "GenericNotification-module_informative__WLimi",
+  "cautionary": "GenericNotification-module_cautionary__lneFu",
+  "security": "GenericNotification-module_security__QTALa",
+  "negative": "GenericNotification-module_negative__lUWhD",
+  "hidden": "GenericNotification-module_hidden__WJjct",
+  "noBottomMargin": "GenericNotification-module_noBottomMargin__28nF8",
+  "persistent": "GenericNotification-module_persistent__O7bgI",
+  "subtle": "GenericNotification-module_subtle__kPns9",
+  "icon": "GenericNotification-module_icon__SDb8v",
+  "textContainer": "GenericNotification-module_textContainer__Avpbk",
+  "forceMultiline": "GenericNotification-module_forceMultiline__JcVA4",
+  "title": "GenericNotification-module_title__dvQOr",
+  "text": "GenericNotification-module_text__X-5ld",
+  "cancel": "GenericNotification-module_cancel__c6wky",
+  "disabled": "GenericNotification-module_disabled__WGBhD",
+  "hover": "GenericNotification-module_hover__hUURd",
+  "active": "GenericNotification-module_active__-6ahb",
+  "cancelLabel": "GenericNotification-module_cancelLabel__HJzsk",
+  "notificationTitle": "GenericNotification-module_notificationTitle__Oaqb8"
+};
+export { styles as default };
+//# sourceMappingURL=GenericNotification.module.scss.mjs.map

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.module.scss.mjs.map

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

package/dist/esm/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Heading } from '@kaizen/typography';
+import styles from '../GenericNotification/GenericNotification.module.scss.mjs';
+const NotificationHeading = /*#__PURE__*/function () {
+  const NotificationHeading = function (_a) {
+    var titleProp = _a.titleProp,
+      headingProps = _a.headingProps;
+    if (headingProps) {
+      return /*#__PURE__*/React.createElement(Heading, {
+        variant: headingProps.variant || "heading-6",
+        tag: headingProps.tag || "div",
+        color: headingProps.color || "dark",
+        classNameOverride: styles.notificationTitle
+      }, headingProps.children);
+    }
+    if (titleProp) {
+      return /*#__PURE__*/React.createElement(Heading, {
+        variant: "heading-6",
+        tag: "div",
+        color: "dark",
+        classNameOverride: styles.notificationTitle
+      }, titleProp);
+    }
+    return null;
+  };
+  NotificationHeading.displayName = "NotificationHeading";
+  return NotificationHeading;
+}();
+export { NotificationHeading };
+//# sourceMappingURL=NotificationHeading.mjs.map

package/dist/esm/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHeading.mjs","sources":["../../../../../src/Notification/subcomponents/NotificationHeading/NotificationHeading.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading, HeadingProps } from \"@kaizen/typography\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype NotificationHeadingProps = {\n  titleProp?: HeadingProps[\"children\"]\n  headingProps?: HeadingProps\n}\n\nexport const NotificationHeading = ({\n  titleProp,\n  headingProps,\n}: NotificationHeadingProps): JSX.Element | null => {\n  if (headingProps) {\n    return (\n      <Heading\n        variant={headingProps.variant || \"heading-6\"}\n        tag={headingProps.tag || \"div\"}\n        color={headingProps.color || \"dark\"}\n        classNameOverride={styles.notificationTitle}\n      >\n        {headingProps.children}\n      </Heading>\n    )\n  }\n\n  if (titleProp) {\n    return (\n      <Heading\n        variant=\"heading-6\"\n        tag=\"div\"\n        color=\"dark\"\n        classNameOverride={styles.notificationTitle}\n      >\n        {titleProp}\n      </Heading>\n    )\n  }\n\n  return null\n}\n\nNotificationHeading.displayName = \"NotificationHeading\"\n"],"names":["NotificationHeading","_a","titleProp","headingProps","React","createElement","Heading","variant","tag","color","classNameOverride","styles","notificationTitle","children","displayName"],"mappings":";;;MASaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAFzBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IAEZ,IAAIA,YAAY,EAAE;MAChB,oBACEC,KAAC,CAAAC,aAAA,CAAAC,OAAO,EACN;QAAAC,OAAO,EAAEJ,YAAY,CAACI,OAAO,IAAI,WAAW;QAC5CC,GAAG,EAAEL,YAAY,CAACK,GAAG,IAAI,KAAK;QAC9BC,KAAK,EAAEN,YAAY,CAACM,KAAK,IAAI,MAAM;QACnCC,iBAAiB,EAAEC,MAAM,CAACC;MAEzB,CAAA,EAAAT,YAAY,CAACU,QAAQ,CACd;IAEb;IAED,IAAIX,SAAS,EAAE;MACb,oBACEE,KAAC,CAAAC,aAAA,CAAAC,OAAO,EACN;QAAAC,OAAO,EAAC,WAAW;QACnBC,GAAG,EAAC,KAAK;QACTC,KAAK,EAAC,MAAM;QACZC,iBAAiB,EAAEC,MAAM,CAACC;MAAiB,CAE1C,EAAAV,SAAS,CACF;IAEb;IAED,OAAO,IAAI;EACb,CAAC;EAEDF,mBAAmB,CAACc,WAAW,GAAG,qBAAqB;EAAA,OAjC1Cd,mBAAmB;AAAA;"}

package/dist/esm/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs

@@ -0,0 +1,47 @@
+import React from 'react';
+import { CautionIcon } from '../../../Icon/CautionIcon.mjs';
+import { ExclamationIcon } from '../../../Icon/ExclamationIcon.mjs';
+import { InformationIcon } from '../../../Icon/InformationIcon.mjs';
+import { SecurityTipIcon } from '../../../Icon/SecurityTipIcon.mjs';
+import { SuccessIcon } from '../../../Icon/SuccessIcon.mjs';
+const NotificationIcon = /*#__PURE__*/function () {
+  const NotificationIcon = function (_a) {
+    var type = _a.type;
+    switch (type) {
+      case "positive":
+        return /*#__PURE__*/React.createElement(SuccessIcon, {
+          role: "presentation",
+          inheritSize: true
+        });
+      case "negative":
+        return /*#__PURE__*/React.createElement(ExclamationIcon, {
+          role: "presentation",
+          inheritSize: true
+        });
+      case "cautionary":
+        return /*#__PURE__*/React.createElement(CautionIcon, {
+          role: "presentation",
+          inheritSize: true
+        });
+      case "informative":
+        return /*#__PURE__*/React.createElement(InformationIcon, {
+          role: "presentation",
+          inheritSize: true
+        });
+      case "security":
+        return /*#__PURE__*/React.createElement(SecurityTipIcon, {
+          role: "presentation",
+          inheritSize: true
+        });
+      default:
+        return /*#__PURE__*/React.createElement(InformationIcon, {
+          role: "presentation",
+          inheritSize: true
+        });
+    }
+  };
+  NotificationIcon.displayName = "NotificationIcon";
+  return NotificationIcon;
+}();
+export { NotificationIcon };
+//# sourceMappingURL=NotificationIcon.mjs.map

package/dist/esm/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.mjs","sources":["../../../../../src/Notification/subcomponents/NotificationIcon/NotificationIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { CautionIcon } from \"~components/Icon/CautionIcon\"\nimport { ExclamationIcon } from \"~components/Icon/ExclamationIcon\"\nimport { InformationIcon } from \"~components/Icon/InformationIcon\"\nimport { SecurityTipIcon } from \"~components/Icon/SecurityTipIcon\"\nimport { SuccessIcon } from \"~components/Icon/SuccessIcon\"\nimport { NotificationType } from \"~components/Notification/types\"\n\nexport type NotificationIconProps = {\n  type: NotificationType\n}\n\nexport const NotificationIcon = ({\n  type,\n}: NotificationIconProps): JSX.Element => {\n  switch (type) {\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" inheritSize />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" inheritSize />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" inheritSize />\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" inheritSize />\n    case \"security\":\n      return <SecurityTipIcon role=\"presentation\" inheritSize />\n    default:\n      return <InformationIcon role=\"presentation\" inheritSize />\n  }\n}\n\nNotificationIcon.displayName = \"NotificationIcon\"\n"],"names":["NotificationIcon","_a","type","React","createElement","SuccessIcon","role","inheritSize","ExclamationIcon","CautionIcon","InformationIcon","SecurityTipIcon","displayName"],"mappings":";;;;;;MAYaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAET,EAAA;IADtB,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;IAEJ,QAAQA,IAAI;MACV,KAAK,UAAU;QACb,oBAAOC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAC;UAAAC,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MACxD,KAAK,UAAU;QACb,oBAAOJ,KAAA,CAAAC,aAAA,CAACI,eAAe,EAAC;UAAAF,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MAC5D,KAAK,YAAY;QACf,oBAAOJ,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAC;UAAAH,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MACxD,KAAK,aAAa;QAChB,oBAAOJ,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAC;UAAAJ,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MAC5D,KAAK,UAAU;QACb,oBAAOJ,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAC;UAAAL,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MAC5D;QACE,oBAAOJ,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAC;UAAAJ,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;IAC7D;EACH,CAAC;EAEDP,gBAAgB,CAACY,WAAW,GAAG,kBAAkB;EAAA,OAnBpCZ,gBAAgB;AAAA;"}

package/dist/esm/Radio/Radio/Radio.mjs

@@ -0,0 +1,44 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Radio.module.scss.mjs';
+var renderSelected = function (selectedStatus, reversed) {
+  if (selectedStatus) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.icon, reversed && styles.reversed)
+    });
+  }
+  return;
+};
+const Radio = /*#__PURE__*/function () {
+  const Radio = function (_a) {
+    var name = _a.name,
+      value = _a.value,
+      _b = _a.selectedStatus,
+      selectedStatus = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      onChange = _a.onChange,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
+    return (
+      /*#__PURE__*/
+      // @todo: Move classNameOverride to span
+      React.createElement("span", null, /*#__PURE__*/React.createElement("input", __assign({
+        type: "radio",
+        name: name,
+        value: value,
+        checked: selectedStatus,
+        className: classnames(styles.radioInput, classNameOverride, reversed && styles.reversed),
+        onChange: onChange,
+        readOnly: onChange === undefined
+      }, restProps)), /*#__PURE__*/React.createElement("span", {
+        className: classnames(styles.box, reversed && styles.reversed)
+      }, renderSelected(selectedStatus, reversed)))
+    );
+  };
+  Radio.displayName = "Radio";
+  return Radio;
+}();
+export { Radio };
+//# sourceMappingURL=Radio.mjs.map

package/dist/esm/Radio/Radio/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"checked\">\n> & {\n  /**\n   * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.\n   */\n  id: string\n  name: string\n  value: string\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;AAkBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,oBACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,MAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;MAAA;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,MAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,eACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,MAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}

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

@@ -0,0 +1,8 @@
+var styles = {
+  "radioInput": "Radio-module_radioInput__-zPUZ",
+  "icon": "Radio-module_icon__ihSP3",
+  "reversed": "Radio-module_reversed__pfCrF",
+  "box": "Radio-module_box__nEGD7"
+};
+export { styles as default };
+//# sourceMappingURL=Radio.module.scss.mjs.map

package/dist/esm/Radio/Radio/Radio.module.scss.mjs.map

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

package/dist/esm/Radio/RadioField/RadioField.mjs

@@ -0,0 +1,50 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import { Radio } from '../Radio/Radio.mjs';
+import styles from './RadioField.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
+ */
+const RadioField = /*#__PURE__*/function () {
+  const RadioField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.selectedStatus,
+      selectedStatus = _b === void 0 ? false : _b,
+      _c = _a.disabled,
+      disabled = _c === void 0 ? false : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      dataTestId = _a["data-testid"],
+      restProps = __rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+    // @todo: Move restProps to the wrapping div?
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": dataTestId,
+      className: classnames(styles.container, classNameOverride, selectedStatus && styles.selected, reversed && styles.reversed)
+    }, /*#__PURE__*/React.createElement(Label, {
+      "data-testid": "".concat(id, "-field-label"),
+      id: "".concat(id, "-field-label"),
+      htmlFor: id,
+      labelText: labelText,
+      labelType: "radio",
+      disabled: disabled,
+      reversed: reversed
+    }, /*#__PURE__*/React.createElement(Radio, __assign({
+      "data-testid": "".concat(id, "-radio-input"),
+      id: id,
+      disabled: disabled,
+      reversed: reversed,
+      selectedStatus: selectedStatus
+    }, restProps))));
+  };
+  RadioField.displayName = "RadioField";
+  return RadioField;
+}();
+export { RadioField };
+//# sourceMappingURL=RadioField.mjs.map

package/dist/esm/Radio/RadioField/RadioField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.mjs","sources":["../../../../src/Radio/RadioField/RadioField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { Radio, RadioProps } from \"../Radio/Radio\"\nimport styles from \"./RadioField.module.scss\"\n\nexport type RadioFieldProps = Omit<RadioProps, \"id\"> & {\n  id?: string\n  labelText: string | React.ReactNode\n  selectedStatus?: boolean\n  disabled?: boolean\n  reversed?: boolean\n  \"data-testid\"?: string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}\n */\nexport const RadioField = ({\n  id: propsId,\n  labelText,\n  selectedStatus = false,\n  disabled = false,\n  reversed = false,\n  classNameOverride,\n  \"data-testid\": dataTestId,\n  ...restProps\n}: RadioFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  // @todo: Move restProps to the wrapping div?\n  return (\n    <div\n      data-testid={dataTestId}\n      className={classnames(\n        styles.container,\n        classNameOverride,\n        selectedStatus && styles.selected,\n        reversed && styles.reversed\n      )}\n    >\n      <Label\n        data-testid={`${id}-field-label`}\n        id={`${id}-field-label`}\n        htmlFor={id}\n        labelText={labelText}\n        labelType=\"radio\"\n        disabled={disabled}\n        reversed={reversed}\n      >\n        <Radio\n          data-testid={`${id}-radio-input`}\n          id={id}\n          disabled={disabled}\n          reversed={reversed}\n          selectedStatus={selectedStatus}\n          {...restProps}\n        />\n      </Label>\n    </div>\n  )\n}\n\nRadioField.displayName = \"RadioField\"\n"],"names":["RadioField","_a","propsId","id","labelText","_b","selectedStatus","_c","disabled","_d","reversed","classNameOverride","dataTestId","restProps","__rest","useId","React","createElement","className","classnames","styles","container","selected","Label","concat","htmlFor","labelType","Radio","__assign","displayName"],"mappings":";;;;;;;AAeA;;;AAGG;AAHH,MAIaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAST,EAAA;IARhB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,EAAsB,GAAAJ,EAAA,CAAAK,cAAA;MAAtBA,cAAc,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,gBAAgB;MAAhBC,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;MAChBE,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACFC,UAAU,GAAAX,EAAA,CAAA,aAAA,CAAA;MACtBY,SAAS,GAAAC,MAAA,CAAAb,EAAA,EARa,iGAS1B,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIa,KAAK,EAAE;;IAE7B,oBACEC,KACe,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAA,aAAA,EAAAL,UAAU;MACvBM,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,SAAS,EAChBV,iBAAiB,EACjBL,cAAc,IAAIc,MAAM,CAACE,QAAQ,EACjCZ,QAAQ,IAAIU,MAAM,CAACV,QAAQ;IAC5B,CAAA,eAEDM,KAAA,CAAAC,aAAA,CAACM,KAAK,EAAA;MAAA,aAAA,EACS,EAAG,CAAAC,MAAA,CAAArB,EAAE,EAAc,cAAA,CAAA;MAChCA,EAAE,EAAE,EAAG,CAAAqB,MAAA,CAAArB,EAAE,EAAc,cAAA,CAAA;MACvBsB,OAAO,EAAEtB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBsB,SAAS,EAAC,OAAO;MACjBlB,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA;IAAQ,CAAA,eAElBM,KAAC,CAAAC,aAAA,CAAAU,KAAK,EACSC,QAAA,CAAA;MAAA,aAAA,EAAA,EAAA,CAAAJ,MAAA,CAAGrB,EAAE,EAAA,cAAA,CAAc;MAChCA,EAAE,EAAEA,EAAE;MACNK,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBJ,cAAc,EAAEA;KACZ,EAAAO,SAAS,CACb,CAAA,CACI,CACJ;EAEV,CAAC;EAEDb,UAAU,CAAC6B,WAAW,GAAG,YAAY;EAAA,OA5CxB7B,UAAU;AAAA;"}

package/dist/esm/Radio/RadioField/RadioField.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "container": "RadioField-module_container__r6T25",
+  "selected": "RadioField-module_selected__kdlz8",
+  "reversed": "RadioField-module_reversed__EX79j"
+};
+export { styles as default };
+//# sourceMappingURL=RadioField.module.scss.mjs.map

package/dist/esm/Radio/RadioField/RadioField.module.scss.mjs.map

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

package/dist/esm/Radio/RadioGroup/RadioGroup.mjs

@@ -0,0 +1,38 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import styles from './RadioGroup.module.scss.mjs';
+const RadioGroup = /*#__PURE__*/function () {
+  const RadioGroup = function (_a) {
+    var children = _a.children,
+      propsLabelId = _a.labelId,
+      labelText = _a.labelText,
+      _b = _a.noBottomMargin,
+      noBottomMargin = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      dataTestId = _a["data-testId"],
+      restProps = __rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testId"]);
+    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : useId();
+    return /*#__PURE__*/React.createElement("div", __assign({
+      "data-testId": dataTestId,
+      className: classnames(styles.radioGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
+      role: "radiogroup",
+      "aria-labelledby": labelId
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: styles.radioGroupLabel
+    }, /*#__PURE__*/React.createElement(Label, {
+      id: labelId,
+      "data-testId": dataTestId && "".concat(dataTestId, "-field-label"),
+      labelText: labelText,
+      labelType: "text",
+      reversed: reversed
+    })), children);
+  };
+  RadioGroup.displayName = "RadioGroup";
+  return RadioGroup;
+}();
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.mjs.map

package/dist/esm/Radio/RadioGroup/RadioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.mjs","sources":["../../../../src/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./RadioGroup.module.scss\"\n\nexport type RadioGroupProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children?: React.ReactNode\n  labelText: string | React.ReactNode\n  labelId?: string\n  noBottomMargin?: boolean\n  reversed?: boolean\n  \"data-testId\"?: string\n}\n\nexport const RadioGroup = ({\n  children,\n  labelId: propsLabelId,\n  labelText,\n  noBottomMargin = false,\n  reversed = false,\n  classNameOverride,\n  \"data-testId\": dataTestId,\n  ...restProps\n}: RadioGroupProps): JSX.Element => {\n  const labelId = propsLabelId ?? useId()\n\n  return (\n    <div\n      data-testId={dataTestId}\n      className={classnames(\n        styles.radioGroupContainer,\n        classNameOverride,\n        noBottomMargin && styles.noBottomMargin,\n        reversed && styles.reversed\n      )}\n      role=\"radiogroup\"\n      aria-labelledby={labelId}\n      {...restProps}\n    >\n      <div className={styles.radioGroupLabel}>\n        <Label\n          id={labelId}\n          data-testId={dataTestId && `${dataTestId}-field-label`}\n          labelText={labelText}\n          labelType=\"text\"\n          reversed={reversed}\n        />\n      </div>\n      {children}\n    </div>\n  )\n}\n\nRadioGroup.displayName = \"RadioGroup\"\n"],"names":["RadioGroup","_a","children","propsLabelId","labelText","_b","noBottomMargin","_c","reversed","classNameOverride","dataTestId","restProps","__rest","labelId","useId","React","createElement","__assign","className","classnames","styles","radioGroupContainer","role","radioGroupLabel","Label","id","concat","labelType","displayName"],"mappings":";;;;;MAiBaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAST,EAAA;IARhB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACCC,YAAY,aAAA;MACrBC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,EAAsB,GAAAJ,EAAA,CAAAK,cAAA;MAAtBA,cAAc,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACFC,UAAU,GAAAT,EAAA,CAAA,aAAA,CAAA;MACtBU,SAAS,GAAAC,MAAA,CAAAX,EAAA,EARa,sGAS1B,CADa;IAEZ,IAAMY,OAAO,GAAGV,YAAY,KAAZ,IAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIW,KAAK,EAAE;IAEvC,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAA,aAAA,EACeP,UAAU;MACvBQ,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,mBAAmB,EAC1BZ,iBAAiB,EACjBH,cAAc,IAAIc,MAAM,CAACd,cAAc,EACvCE,QAAQ,IAAIY,MAAM,CAACZ,QAAQ,CAC5B;MACDc,IAAI,EAAC,YAAY;MACA,iBAAA,EAAAT;IAAO,GACpBF,SAAS,CAAA,eAEbI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACG;IAAe,CAAA,eACpCR,KAAC,CAAAC,aAAA,CAAAQ,KAAK,EACJ;MAAAC,EAAE,EAAEZ,OAAO;qBACEH,UAAU,IAAI,EAAG,CAAAgB,MAAA,CAAAhB,UAAU,EAAc,cAAA,CAAA;MACtDN,SAAS,EAAEA,SAAS;MACpBuB,SAAS,EAAC,MAAM;MAChBnB,QAAQ,EAAEA;IAAQ,CAAA,CAClB,CACE,EACLN,QAAQ,CACL;EAEV,CAAC;EAEDF,UAAU,CAAC4B,WAAW,GAAG,YAAY;EAAA,OAvCxB5B,UAAU;AAAA;"}

package/dist/esm/Radio/RadioGroup/RadioGroup.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "radioGroupLabel": "RadioGroup-module_radioGroupLabel__wIl4z",
+  "reversed": "RadioGroup-module_reversed__VeBun",
+  "radioGroupContainer": "RadioGroup-module_radioGroupContainer__NKWpt",
+  "noBottomMargin": "RadioGroup-module_noBottomMargin__VKF2T"
+};
+export { styles as default };
+//# sourceMappingURL=RadioGroup.module.scss.mjs.map

package/dist/esm/Radio/RadioGroup/RadioGroup.module.scss.mjs.map

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

package/dist/esm/SearchField/SearchField.mjs

@@ -0,0 +1,46 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import { v4 } from 'uuid';
+import { InputSearch } from '../Input/InputSearch/InputSearch.mjs';
+import { Label } from '../Label/Label.mjs';
+import styles from './SearchField.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
+ */
+const SearchField = /*#__PURE__*/function () {
+  const SearchField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      disabled = _a.disabled,
+      _b = _a.reversed,
+      reversed = _b === void 0 ? false : _b,
+      _c = _a.secondary,
+      secondary = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
+    var showVisibleLabel = !secondary;
+    var id = useState(propsId || v4())[0];
+    // @todo: Move restProps to container div?
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNameOverride
+    }, showVisibleLabel && /*#__PURE__*/React.createElement(Label, {
+      htmlFor: id,
+      labelText: labelText,
+      reversed: reversed,
+      disabled: disabled,
+      classNameOverride: styles.label
+    }), /*#__PURE__*/React.createElement(InputSearch, __assign({
+      "aria-label": !showVisibleLabel ? labelText : undefined,
+      id: id,
+      disabled: disabled,
+      reversed: reversed,
+      secondary: secondary
+    }, restProps)));
+  };
+  SearchField.displayName = "SearchField";
+  return SearchField;
+}();
+export { SearchField };
+//# sourceMappingURL=SearchField.mjs.map

package/dist/esm/SearchField/SearchField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.mjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { v4 } from \"uuid\"\n\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const [id] = useState<string>(propsId || v4())\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","useState","v4","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;;AAeA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IAC5B,IAAAN,EAAE,GAAIW,QAAQ,CAASZ,OAAO,IAAIa,EAAE,CAAE,CAAA,CAAC,CAAA,CAAA,CAArC;;IAET,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,iBACfG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,MAAM,CAACC;IAAK,CAAA,CAElC,eACDN,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAAC,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OAnC1B1B,WAAW;AAAA;"}

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

@@ -0,0 +1,5 @@
+var styles = {
+  "label": "SearchField-module_label__NxYfn"
+};
+export { styles as default };
+//# sourceMappingURL=SearchField.module.scss.mjs.map