@kaizen/components 1.28.0 → 1.29.0

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.scss.cjs.map

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

package/dist/cjs/Pagination/utils/createRange.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var createRange = function (start, end) {
+  var range = [];
+  for (var i = start; i <= end; i++) {
+    range.push(i);
+  }
+  return range;
+};
+exports.createRange = createRange;
+//# sourceMappingURL=createRange.cjs.map

package/dist/cjs/Pagination/utils/createRange.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRange.cjs","sources":["../../../../src/Pagination/utils/createRange.ts"],"sourcesContent":["export const createRange = (start: number, end: number): number[] => {\n  const range: number[] = []\n\n  for (let i = start; i <= end; i++) {\n    range.push(i)\n  }\n\n  return range\n}\n"],"names":["createRange","start","end","range","i","push"],"mappings":";;AAAa,IAAAA,WAAW,GAAG,SAAAA,CAACC,KAAa,EAAEC,GAAW,EAAA;EACpD,IAAMC,KAAK,GAAa,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAGH,KAAK,EAAEG,CAAC,IAAIF,GAAG,EAAEE,CAAC,EAAE,EAAE;IACjCD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;EACd;EAED,OAAOD,KAAK;AACd,CAAA;"}

package/dist/cjs/Popover/Popover.cjs

@@ -0,0 +1,158 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactPopper = require('react-popper');
+var Heading = require('../Heading/Heading.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var CloseIcon = require('../Icon/CloseIcon.cjs');
+var Text = require('../Text/Text.cjs');
+var classMappers = require('./utils/classMappers.cjs');
+var Popover_module = require('./Popover.module.scss.cjs');
+
+// Sync with styles.scss
+var arrowWidth = 14;
+var arrowHeight = 7;
+/**
+ * {@link https://cultureamp.design/components/popover/ Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}
+ */
+const Popover = /*#__PURE__*/function () {
+  const Popover = function (_a) {
+    var children = _a.children,
+      _b = _a.variant,
+      variant = _b === void 0 ? "default" : _b,
+      _c = _a.placement,
+      placement = _c === void 0 ? "top" : _c,
+      _d = _a.size,
+      size = _d === void 0 ? "small" : _d,
+      heading = _a.heading,
+      _e = _a.dismissible,
+      dismissible = _e === void 0 ? false : _e,
+      onClose = _a.onClose,
+      _f = _a.singleLine,
+      singleLine = _f === void 0 ? false : _f,
+      customIcon = _a.customIcon,
+      referenceElement = _a.referenceElement,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "variant", "placement", "size", "heading", "dismissible", "onClose", "singleLine", "customIcon", "referenceElement", "classNameOverride"]);
+    var _g = React.useState(null),
+      popperElement = _g[0],
+      setPopperElement = _g[1];
+    var _h = React.useState(null),
+      arrowElement = _h[0],
+      setArrowElement = _h[1];
+    var _j = reactPopper.usePopper(referenceElement, popperElement, {
+        modifiers: [{
+          name: "arrow",
+          options: {
+            element: arrowElement,
+            // Ensures that the arrow doesn't go too far to the left or right
+            // of the tooltip.
+            padding: arrowWidth / 2 + 10
+          }
+        }, {
+          name: "offset",
+          options: {
+            offset: [0, arrowHeight + 6]
+          }
+        }, {
+          name: "preventOverflow",
+          options: {
+            // Makes sure that the popover isn't flush up against the end of the
+            // viewport
+            padding: 8,
+            altAxis: true,
+            altBoundary: true,
+            tetherOffset: 50
+          }
+        }, {
+          name: "flip",
+          options: {
+            padding: 8,
+            altBoundary: true,
+            fallbackPlacements: ["left", "top", "bottom", "right"]
+          }
+        }],
+        placement: placement
+      }),
+      popperStyles = _j.styles,
+      attributes = _j.attributes;
+    return React.createElement("div", tslib.__assign({
+      ref: setPopperElement,
+      style: popperStyles.popper
+    }, attributes.popper, {
+      className: classnames(Popover_module.root, classMappers.mapSizeToClass(size), classNameOverride)
+    }, restProps), React.createElement("div", {
+      className: classMappers.mapVariantToBoxClass(variant)
+    }, heading && React.createElement("div", {
+      className: Popover_module.header
+    }, variant !== "default" && React.createElement("span", {
+      className: classnames(Popover_module.icon, classMappers.mapVariantToIconClass(variant))
+    }, customIcon !== null && customIcon !== void 0 ? customIcon : classMappers.mapVariantToIcon(variant)), React.createElement(Heading.Heading, {
+      variant: "heading-6",
+      classNameOverride: Popover_module.singleLine
+    }, heading), dismissible && React.createElement("button", {
+      className: Popover_module.close,
+      onClick: onClose,
+      type: "button",
+      "aria-label": "close"
+    }, React.createElement(CloseIcon.CloseIcon, {
+      role: "presentation"
+    }))), React.createElement(Text.Text, {
+      variant: "small",
+      classNameOverride: classnames(Popover_module.container, classMappers.mapLineVariant(singleLine))
+    }, children)), React.createElement("div", {
+      ref: setArrowElement,
+      style: popperStyles.arrow,
+      className: Popover_module.arrowWrapper
+    }, React.createElement("div", {
+      className: classnames(Popover_module.arrow, classMappers.mapArrowVariantToClass(variant))
+    })));
+  };
+  Popover.displayName = "Popover";
+  /**
+   * How to use:
+   *
+   * const [referenceElementRef, Popover] = usePopover()
+   *
+   * return (<>
+   *   <button ref={referenceElementRef}>
+   *     Hello world
+   *   </button>
+   *   <Popover>Hello world</Popover>
+   * </>)
+   *
+   * The purpose of this hook is to abstract away some of the awkwardness with the
+   * requirement of passing in refs with popper. We need to use `useState` instead
+   * of `useRef`, which may not be immediately intuitive.
+   *
+   * The popper documentation to help provide more context:
+   *   https://popper.js.org/react-popper/v2/hook/
+   */
+  return Popover;
+}();
+var usePopover = function () {
+  var _a = React.useState(null),
+    referenceElement = _a[0],
+    setReferenceElement = _a[1];
+  // I guess the problem with this pattern, is that every time referenceElement
+  // changes, a brand new component is generated, which would be bad for memoization.
+  // In this situation however, the value is rarely going to change, and
+  // popovers aren't going to include content with expensive render times.
+  var PopoverWithRef = React.useMemo(
+  // eslint-disable-next-line react/display-name
+  function () {
+    return function (props) {
+      return referenceElement ? React.createElement(Popover, tslib.__assign({}, props, {
+        referenceElement: referenceElement
+      })) : null;
+    };
+  }, [referenceElement]);
+  return [setReferenceElement, PopoverWithRef];
+};
+exports.Popover = Popover;
+exports.usePopover = usePopover;
+//# sourceMappingURL=Popover.cjs.map

package/dist/cjs/Popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}

package/dist/cjs/Popover/Popover.module.scss.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var styles = {
+  "root": "Popover-module_root__OrmwT",
+  "cautionaryBox": "Popover-module_cautionaryBox__n7c9G",
+  "negativeBox": "Popover-module_negativeBox__dS4tj",
+  "positiveBox": "Popover-module_positiveBox__fUR-4",
+  "informativeBox": "Popover-module_informativeBox__c0Pen",
+  "defaultBox": "Popover-module_defaultBox__X9FWm",
+  "defaultArrow": "Popover-module_defaultArrow__6rN-3",
+  "informativeArrow": "Popover-module_informativeArrow__ZWiUz",
+  "positiveArrow": "Popover-module_positiveArrow__ApDyE",
+  "negativeArrow": "Popover-module_negativeArrow__BpNUL",
+  "cautionaryArrow": "Popover-module_cautionaryArrow__YRo-K",
+  "header": "Popover-module_header__b3DtD",
+  "container": "Popover-module_container__JwR7Q",
+  "icon": "Popover-module_icon__6S-3a",
+  "informativeIcon": "Popover-module_informativeIcon__WqmCv",
+  "positiveIcon": "Popover-module_positiveIcon__wyqmw",
+  "negativeIcon": "Popover-module_negativeIcon__Bb7-e",
+  "cautionaryIcon": "Popover-module_cautionaryIcon__rptji",
+  "close": "Popover-module_close__8h4Rt",
+  "arrowWrapper": "Popover-module_arrowWrapper__DiE3-",
+  "arrow": "Popover-module_arrow__PS4V6",
+  "arrowSideTop": "Popover-module_arrowSideTop__JoORK",
+  "arrowSideLeft": "Popover-module_arrowSideLeft__2Zhqb",
+  "arrowSideRight": "Popover-module_arrowSideRight__fHKWI",
+  "arrowSideBottom": "Popover-module_arrowSideBottom__mBr5k",
+  "arrowPositionCenter": "Popover-module_arrowPositionCenter__l8V0-",
+  "arrowPositionStart": "Popover-module_arrowPositionStart__eXyu0",
+  "arrowPositionEnd": "Popover-module_arrowPositionEnd__UY4MU",
+  "large": "Popover-module_large__-LH0l",
+  "singleLine": "Popover-module_singleLine__7il24"
+};
+module.exports = styles;
+//# sourceMappingURL=Popover.module.scss.cjs.map

package/dist/cjs/Popover/Popover.module.scss.cjs.map

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

package/dist/cjs/Popover/utils/classMappers.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var React = require('react');
+require('tslib');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var CautionIcon = require('../../Icon/CautionIcon.cjs');
+var ExclamationIcon = require('../../Icon/ExclamationIcon.cjs');
+var InformationIcon = require('../../Icon/InformationIcon.cjs');
+var SuccessIcon = require('../../Icon/SuccessIcon.cjs');
+var Popover_module = require('../Popover.module.scss.cjs');
+var mapVariantToBoxClass = function (variant) {
+  switch (variant) {
+    case "informative":
+      return Popover_module.informativeBox;
+    case "positive":
+      return Popover_module.positiveBox;
+    case "negative":
+      return Popover_module.negativeBox;
+    case "cautionary":
+      return Popover_module.cautionaryBox;
+    default:
+      return Popover_module.defaultBox;
+  }
+};
+var mapVariantToIconClass = function (variant) {
+  switch (variant) {
+    case "informative":
+      return Popover_module.informativeIcon;
+    case "positive":
+      return Popover_module.positiveIcon;
+    case "negative":
+      return Popover_module.negativeIcon;
+    case "cautionary":
+      return Popover_module.cautionaryIcon;
+    default:
+      return undefined;
+  }
+};
+var mapVariantToIcon = function (variant) {
+  switch (variant) {
+    case "informative":
+      return React.createElement(InformationIcon.InformationIcon, {
+        role: "presentation"
+      });
+    case "positive":
+      return React.createElement(SuccessIcon.SuccessIcon, {
+        role: "presentation"
+      });
+    case "negative":
+      return React.createElement(ExclamationIcon.ExclamationIcon, {
+        role: "presentation"
+      });
+    case "cautionary":
+      return React.createElement(CautionIcon.CautionIcon, {
+        role: "presentation"
+      });
+    default:
+      return React.createElement(InformationIcon.InformationIcon, {
+        role: "presentation"
+      });
+  }
+};
+var mapArrowVariantToClass = function (variant) {
+  switch (variant) {
+    case "informative":
+      return Popover_module.informativeArrow;
+    case "positive":
+      return Popover_module.positiveArrow;
+    case "negative":
+      return Popover_module.negativeArrow;
+    case "cautionary":
+      return Popover_module.cautionaryArrow;
+    default:
+      return Popover_module.defaultArrow;
+  }
+};
+var mapSizeToClass = function (size) {
+  switch (size) {
+    case "large":
+      return Popover_module.large;
+    default:
+      return "";
+  }
+};
+var mapLineVariant = function (singleLine) {
+  return singleLine ? Popover_module.singleLine : "";
+};
+exports.mapArrowVariantToClass = mapArrowVariantToClass;
+exports.mapLineVariant = mapLineVariant;
+exports.mapSizeToClass = mapSizeToClass;
+exports.mapVariantToBoxClass = mapVariantToBoxClass;
+exports.mapVariantToIcon = mapVariantToIcon;
+exports.mapVariantToIconClass = mapVariantToIconClass;
+//# sourceMappingURL=classMappers.cjs.map

package/dist/cjs/Popover/utils/classMappers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classMappers.cjs","sources":["../../../../src/Popover/utils/classMappers.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  CautionIcon,\n  ExclamationIcon,\n  InformationIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"../Popover.module.scss\"\nimport { PopoverVariant, PopoverSize } from \"../types\"\n\nexport const mapVariantToBoxClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeBox\n    case \"positive\":\n      return styles.positiveBox\n    case \"negative\":\n      return styles.negativeBox\n    case \"cautionary\":\n      return styles.cautionaryBox\n    default:\n      return styles.defaultBox\n  }\n}\n\nexport const mapVariantToIconClass = (\n  variant: PopoverVariant\n): string | undefined => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeIcon\n    case \"positive\":\n      return styles.positiveIcon\n    case \"negative\":\n      return styles.negativeIcon\n    case \"cautionary\":\n      return styles.cautionaryIcon\n    default:\n      return undefined\n  }\n}\n\nexport const mapVariantToIcon = (variant: PopoverVariant): JSX.Element => {\n  switch (variant) {\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" />\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" />\n    default:\n      return <InformationIcon role=\"presentation\" />\n  }\n}\n\nexport const mapArrowVariantToClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeArrow\n    case \"positive\":\n      return styles.positiveArrow\n    case \"negative\":\n      return styles.negativeArrow\n    case \"cautionary\":\n      return styles.cautionaryArrow\n    default:\n      return styles.defaultArrow\n  }\n}\n\nexport const mapSizeToClass = (size: PopoverSize): string => {\n  switch (size) {\n    case \"large\":\n      return styles.large\n    default:\n      return \"\"\n  }\n}\n\nexport const mapLineVariant = (singleLine: boolean): string =>\n  singleLine ? styles.singleLine : \"\"\n"],"names":["mapVariantToBoxClass","variant","styles","informativeBox","positiveBox","negativeBox","cautionaryBox","defaultBox","mapVariantToIconClass","informativeIcon","positiveIcon","negativeIcon","cautionaryIcon","undefined","mapVariantToIcon","React","InformationIcon","role","SuccessIcon","ExclamationIcon","CautionIcon","mapArrowVariantToClass","informativeArrow","positiveArrow","negativeArrow","cautionaryArrow","defaultArrow","mapSizeToClass","size","large","mapLineVariant","singleLine"],"mappings":";;;;;;;;;;;AAUO,IAAMA,oBAAoB,GAAG,SAAAA,CAACC,OAAuB,EAAA;EAC1D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACC,cAAc;IAC9B,KAAK,UAAU;MACb,OAAOD,cAAM,CAACE,WAAW;IAC3B,KAAK,UAAU;MACb,OAAOF,cAAM,CAACG,WAAW;IAC3B,KAAK,YAAY;MACf,OAAOH,cAAM,CAACI,aAAa;IAC7B;MACE,OAAOJ,cAAM,CAACK,UAAU;EAC3B;AACH,CAAC;AAEM,IAAMC,qBAAqB,GAAG,SAAAA,CACnCP,OAAuB,EAAA;EAEvB,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACO,eAAe;IAC/B,KAAK,UAAU;MACb,OAAOP,cAAM,CAACQ,YAAY;IAC5B,KAAK,UAAU;MACb,OAAOR,cAAM,CAACS,YAAY;IAC5B,KAAK,YAAY;MACf,OAAOT,cAAM,CAACU,cAAc;IAC9B;MACE,OAAOC,SAAS;EACnB;AACH,CAAC;AAEM,IAAMC,gBAAgB,GAAG,SAAAA,CAACb,OAAuB,EAAA;EACtD,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOc,oBAACC,eAAAA,CAAAA,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,UAAU;MACb,OAAOF,oBAACG,WAAAA,CAAAA,WAAW,EAAA;QAACD,IAAI,EAAC;MAAc,EAAG;IAC5C,KAAK,UAAU;MACb,OAAOF,oBAACI,eAAAA,CAAAA,eAAe,EAAA;QAACF,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,YAAY;MACf,OAAOF,oBAACK,WAAAA,CAAAA,WAAW,EAAA;QAACH,IAAI,EAAC;MAAc,EAAG;IAC5C;MACE,OAAOF,oBAACC,eAAAA,CAAAA,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;EACjD;AACH,CAAC;AAEM,IAAMI,sBAAsB,GAAG,SAAAA,CAACpB,OAAuB,EAAA;EAC5D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACoB,gBAAgB;IAChC,KAAK,UAAU;MACb,OAAOpB,cAAM,CAACqB,aAAa;IAC7B,KAAK,UAAU;MACb,OAAOrB,cAAM,CAACsB,aAAa;IAC7B,KAAK,YAAY;MACf,OAAOtB,cAAM,CAACuB,eAAe;IAC/B;MACE,OAAOvB,cAAM,CAACwB,YAAY;EAC7B;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,IAAiB,EAAA;EAC9C,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAO1B,cAAM,CAAC2B,KAAK;IACrB;MACE,OAAO,EAAE;EACZ;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,UAAmB,EAAA;EAChD,OAAAA,UAAU,GAAG7B,cAAM,CAAC6B,UAAU,GAAG,EAAE;AAAnC,CAAA;;;;;;"}

package/dist/cjs/Radio/RadioGroup/RadioGroup.cjs

@@ -15,11 +15,11 @@ const RadioGroup = /*#__PURE__*/function () {
       _c = _a.reversed,
       reversed = _c === void 0 ? false : _c,
       classNameOverride = _a.classNameOverride,
-      dataTestId = _a["data-testId"],
-      restProps = tslib.__rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testId"]);
+      dataTestId = _a["data-testid"],
+      restProps = tslib.__rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testid"]);
     var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
     return React.createElement("div", tslib.__assign({
-      "data-testId": dataTestId,
+      "data-testid": dataTestId,
       className: classnames(RadioGroup_module.radioGroupContainer, classNameOverride, noBottomMargin && RadioGroup_module.noBottomMargin, reversed && RadioGroup_module.reversed),
       role: "radiogroup",
       "aria-labelledby": labelId
@@ -27,7 +27,7 @@ const RadioGroup = /*#__PURE__*/function () {
       className: RadioGroup_module.radioGroupLabel
     }, React.createElement(Label.Label, {
       id: labelId,
-      "data-testId": dataTestId && "".concat(dataTestId, "-field-label"),
+      "data-testid": dataTestId && "".concat(dataTestId, "-field-label"),
       labelText: labelText,
       labelType: "text",
       reversed: reversed

package/dist/cjs/Radio/RadioGroup/RadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.cjs","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,KAAAA,CAAAA,MAAA,CAAAX,EAAA,EARa,sGAS1B,CADa;IAEZ,IAAMY,OAAO,GAAGV,YAAY,KAAZ,IAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIW,KAAAA,CAAAA,KAAK,EAAE;IAEvC,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA;MAAA,aAAA,EACeP,UAAU;MACvBQ,SAAS,EAAEC,UAAU,CACnBC,iBAAM,CAACC,mBAAmB,EAC1BZ,iBAAiB,EACjBH,cAAc,IAAIc,iBAAM,CAACd,cAAc,EACvCE,QAAQ,IAAIY,iBAAM,CAACZ,QAAQ,CAC5B;MACDc,IAAI,EAAC,YAAY;MACA,iBAAA,EAAAT;IAAO,GACpBF,SAAS,CAAA,EAEbI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,iBAAM,CAACG;IAAe,CAAA,EACpCR,KAAC,CAAAC,aAAA,CAAAQ,KAAAA,CAAAA,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;"}
+{"version":3,"file":"RadioGroup.cjs","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,KAAAA,CAAAA,MAAA,CAAAX,EAAA,EARa,sGAS1B,CADa;IAEZ,IAAMY,OAAO,GAAGV,YAAY,KAAZ,IAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIW,KAAAA,CAAAA,KAAK,EAAE;IAEvC,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA;MAAA,aAAA,EACeP,UAAU;MACvBQ,SAAS,EAAEC,UAAU,CACnBC,iBAAM,CAACC,mBAAmB,EAC1BZ,iBAAiB,EACjBH,cAAc,IAAIc,iBAAM,CAACd,cAAc,EACvCE,QAAQ,IAAIY,iBAAM,CAACZ,QAAQ,CAC5B;MACDc,IAAI,EAAC,YAAY;MACA,iBAAA,EAAAT;IAAO,GACpBF,SAAS,CAAA,EAEbI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,iBAAM,CAACG;IAAe,CAAA,EACpCR,KAAC,CAAAC,aAAA,CAAAQ,KAAAA,CAAAA,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/cjs/Select/Select.cjs

@@ -0,0 +1,194 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var ReactSelect = require('react-select');
+var Async = require('react-select/async');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../Icon/ChevronDownIcon.cjs');
+var ChevronUpIcon = require('../Icon/ChevronUpIcon.cjs');
+var ClearIcon = require('../Icon/ClearIcon.cjs');
+var Label = require('../Label/Label.cjs');
+var Tag = require('../Tag/Tag.cjs');
+var Select_module = require('./Select.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
+ */
+const Select = /*#__PURE__*/function () {
+  const Select = React.forwardRef(function (_a, ref) {
+    var _b = _a.variant,
+      variant = _b === void 0 ? "default" : _b,
+      _c = _a.status,
+      status = _c === void 0 ? "default" : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      label = _a.label,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      propsFullWidth = _a.fullWidth,
+      propsClassName = _a.className,
+      isDisabled = _a.isDisabled,
+      props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled"]);
+    var reactId = React.useId();
+    // the default for fullWidth depends on the variant
+    var fullWidth = propsFullWidth != null ? propsFullWidth : variant === "secondary" || variant === "secondary-small" ? false : true;
+    var classes = classnames(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === "default") && Select_module["default"], reversed && Select_module.reversed, variant === "secondary" && Select_module.secondary, variant === "secondary-small" && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === "error" && Select_module.error);
+    var labelId = React.useState(label ? reactId : undefined)[0];
+    return React.createElement(React.Fragment, null, label ? React.createElement(Label.Label, {
+      reversed: reversed,
+      id: labelId
+    }, label) : null, React.createElement(ReactSelect, tslib.__assign({}, props, {
+      ref: ref,
+      "aria-labelledby": labelId,
+      components: {
+        Control: Control,
+        Placeholder: Placeholder,
+        DropdownIndicator: DropdownIndicator,
+        Menu: Menu,
+        GroupHeading: GroupHeading,
+        Option: Option,
+        NoOptionsMessage: NoOptionsMessage,
+        Input: Input,
+        SingleValue: SingleValue,
+        MultiValue: MultiValue,
+        IndicatorsContainer: IndicatorsContainer,
+        ValueContainer: ValueContainer,
+        ClearIndicator: ClearIndicator,
+        IndicatorSeparator: null
+      },
+      className: classes
+    })), validationMessage ? React.createElement(FieldMessage.FieldMessage, {
+      message: validationMessage,
+      status: status
+    }) : null, description ? React.createElement(FieldMessage.FieldMessage, {
+      message: description
+    }) : null);
+  });
+  Select.displayName = "Select";
+  return Select;
+}();
+const AsyncSelect = /*#__PURE__*/function () {
+  const AsyncSelect = React.forwardRef(function (_a, ref) {
+    var propsClassName = _a.className,
+      props = tslib.__rest(_a, ["className"]);
+    return React.createElement(Async, tslib.__assign({}, props, {
+      ref: ref,
+      components: {
+        Control: Control,
+        Placeholder: Placeholder,
+        DropdownIndicator: DropdownIndicator,
+        Menu: Menu,
+        Option: Option,
+        NoOptionsMessage: NoOptionsMessage,
+        Input: Input,
+        SingleValue: SingleValue,
+        MultiValue: MultiValue,
+        IndicatorsContainer: IndicatorsContainer,
+        ValueContainer: ValueContainer,
+        ClearIndicator: undefined,
+        IndicatorSeparator: null,
+        LoadingMessage: LoadingMessage
+      },
+      className: classnames(Select_module.specificityIncreaser, propsClassName)
+    }));
+  });
+  AsyncSelect.displayName = "AsyncSelect";
+  return AsyncSelect;
+}();
+var Control = function (props) {
+  return React.createElement("div", {
+    "data-automation-id": "Select__Control"
+  }, React.createElement(ReactSelect.components.Control, tslib.__assign({}, props, {
+    className: classnames(Select_module.control, props.isFocused && Select_module.focusedControl, props.isDisabled && Select_module.disabled)
+  })));
+};
+var Placeholder = function (props) {
+  return React.createElement(ReactSelect.components.Placeholder, tslib.__assign({}, props, {
+    className: Select_module.placeholderOverrides
+  }), React.createElement("span", {
+    className: Select_module.placeholder
+  }, props.children));
+};
+var DropdownIndicator = function (props) {
+  return React.createElement(ReactSelect.components.DropdownIndicator, tslib.__assign({}, props, {
+    className: Select_module.dropdownIndicator
+  }), props.selectProps.menuIsOpen ? React.createElement(ChevronUpIcon.ChevronUpIcon, {
+    role: "presentation"
+  }) : React.createElement(ChevronDownIcon.ChevronDownIcon, {
+    role: "presentation"
+  }));
+};
+var LoadingMessage = function (props) {
+  return React.createElement(ReactSelect.components.LoadingMessage, tslib.__assign({}, props, {
+    className: Select_module.loadingMessage
+  }));
+};
+var Menu = function (props) {
+  return React.createElement(ReactSelect.components.Menu, tslib.__assign({}, props, {
+    className: Select_module.menu
+  }));
+};
+var GroupHeading = function (props) {
+  return React.createElement(ReactSelect.components.GroupHeading, tslib.__assign({}, props, {
+    className: Select_module.groupHeading
+  }));
+};
+var Option = function (props) {
+  return React.createElement("div", {
+    "data-automation-id": "Select__Option"
+  }, React.createElement(ReactSelect.components.Option, tslib.__assign({}, props, {
+    className: classnames(Select_module.option, props.isFocused && Select_module.focusedOption, props.isSelected && Select_module.selectedOption, props.isDisabled && Select_module.disabledOption)
+  })));
+};
+var NoOptionsMessage = function (props) {
+  return React.createElement(ReactSelect.components.NoOptionsMessage, tslib.__assign({}, props), React.createElement("span", {
+    className: Select_module.noOptionsMessage
+  }, props.children));
+};
+var SingleValue = function (props) {
+  return React.createElement(ReactSelect.components.SingleValue, tslib.__assign({}, props, {
+    className: Select_module.singleValueOverrides
+  }), React.createElement("span", {
+    className: Select_module.singleValue
+  }, props.children));
+};
+var MultiValue = function (props) {
+  return React.createElement("div", {
+    className: Select_module.multiValue
+  }, React.createElement(Tag.Tag, {
+    variant: "default",
+    dismissible: true,
+    inline: true,
+    onDismiss: props.removeProps.onClick
+  }, props.children));
+};
+var IndicatorsContainer = function (props) {
+  return React.createElement(ReactSelect.components.IndicatorsContainer, tslib.__assign({}, props, {
+    className: Select_module.indicatorsContainer
+  }));
+};
+var Input = function (props) {
+  return React.createElement(ReactSelect.components.Input, tslib.__assign({
+    className: Select_module.input
+  }, props));
+};
+var ValueContainer = function (props) {
+  return React.createElement(ReactSelect.components.ValueContainer, tslib.__assign({}, props, {
+    className: Select_module.valueContainer
+  }));
+};
+var ClearIndicator = function (props) {
+  return React.createElement(ReactSelect.components.ClearIndicator, tslib.__assign({}, props, {
+    className: Select_module.clearIndicator
+  }), React.createElement(ClearIcon.ClearIcon, {
+    role: "presentation"
+  }));
+};
+exports.AsyncSelect = AsyncSelect;
+exports.Select = Select;
+//# sourceMappingURL=Select.cjs.map

package/dist/cjs/Select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n        ? false\n        : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}