@kaizen/components 1.28.0 → 1.29.0

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

@@ -0,0 +1,34 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=Popover.module.scss.mjs.map

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

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

package/dist/esm/Popover/utils/classMappers.mjs

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

package/dist/esm/Popover/utils/classMappers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classMappers.mjs","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,MAAM,CAACC,cAAc;IAC9B,KAAK,UAAU;MACb,OAAOD,MAAM,CAACE,WAAW;IAC3B,KAAK,UAAU;MACb,OAAOF,MAAM,CAACG,WAAW;IAC3B,KAAK,YAAY;MACf,OAAOH,MAAM,CAACI,aAAa;IAC7B;MACE,OAAOJ,MAAM,CAACK,UAAU;EAC3B;AACH,CAAC;AAEM,IAAMC,qBAAqB,GAAG,SAAAA,CACnCP,OAAuB,EAAA;EAEvB,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,MAAM,CAACO,eAAe;IAC/B,KAAK,UAAU;MACb,OAAOP,MAAM,CAACQ,YAAY;IAC5B,KAAK,UAAU;MACb,OAAOR,MAAM,CAACS,YAAY;IAC5B,KAAK,YAAY;MACf,OAAOT,MAAM,CAACU,cAAc;IAC9B;MACE,OAAOC,SAAS;EACnB;AACH,CAAC;AAEM,IAAMC,gBAAgB,GAAG,SAAAA,CAACb,OAAuB,EAAA;EACtD,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,oBAAOc,oBAACC,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,UAAU;MACb,oBAAOF,oBAACG,WAAW,EAAA;QAACD,IAAI,EAAC;MAAc,EAAG;IAC5C,KAAK,UAAU;MACb,oBAAOF,oBAACI,eAAe,EAAA;QAACF,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,YAAY;MACf,oBAAOF,oBAACK,WAAW,EAAA;QAACH,IAAI,EAAC;MAAc,EAAG;IAC5C;MACE,oBAAOF,oBAACC,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,MAAM,CAACoB,gBAAgB;IAChC,KAAK,UAAU;MACb,OAAOpB,MAAM,CAACqB,aAAa;IAC7B,KAAK,UAAU;MACb,OAAOrB,MAAM,CAACsB,aAAa;IAC7B,KAAK,YAAY;MACf,OAAOtB,MAAM,CAACuB,eAAe;IAC/B;MACE,OAAOvB,MAAM,CAACwB,YAAY;EAC7B;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,IAAiB,EAAA;EAC9C,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAO1B,MAAM,CAAC2B,KAAK;IACrB;MACE,OAAO,EAAE;EACZ;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,UAAmB,EAAA;EAChD,OAAAA,UAAU,GAAG7B,MAAM,CAAC6B,UAAU,GAAG,EAAE;AAAnC,CAAA;"}

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

@@ -13,11 +13,11 @@ const RadioGroup = /*#__PURE__*/function () {
       _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"]);
+      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,
+      "data-testid": dataTestId,
       className: classnames(styles.radioGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
       role: "radiogroup",
       "aria-labelledby": labelId
@@ -25,7 +25,7 @@ const RadioGroup = /*#__PURE__*/function () {
       className: styles.radioGroupLabel
     }, /*#__PURE__*/React.createElement(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/esm/Radio/RadioGroup/RadioGroup.mjs.map

@@ -1 +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;"}
+{"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/Select/Select.mjs

@@ -0,0 +1,191 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId, useState } from 'react';
+import classnames from 'classnames';
+import ReactSelect, { components } from 'react-select';
+import Async from 'react-select/async';
+import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { ChevronDownIcon } from '../Icon/ChevronDownIcon.mjs';
+import { ChevronUpIcon } from '../Icon/ChevronUpIcon.mjs';
+import { ClearIcon } from '../Icon/ClearIcon.mjs';
+import { Label } from '../Label/Label.mjs';
+import { Tag } from '../Tag/Tag.mjs';
+import styles from './Select.module.scss.mjs';
+
+/**
+ * {@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 = /*#__PURE__*/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 = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled"]);
+    var reactId = 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, styles.specificityIncreaser, (!reversed || variant === "default") && styles["default"], reversed && styles.reversed, variant === "secondary" && styles.secondary, variant === "secondary-small" && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === "error" && styles.error);
+    var labelId = useState(label ? reactId : undefined)[0];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement(Label, {
+      reversed: reversed,
+      id: labelId
+    }, label) : null, /*#__PURE__*/React.createElement(ReactSelect, __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 ? /*#__PURE__*/React.createElement(FieldMessage, {
+      message: validationMessage,
+      status: status
+    }) : null, description ? /*#__PURE__*/React.createElement(FieldMessage, {
+      message: description
+    }) : null);
+  });
+  Select.displayName = "Select";
+  return Select;
+}();
+const AsyncSelect = /*#__PURE__*/function () {
+  const AsyncSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var propsClassName = _a.className,
+      props = __rest(_a, ["className"]);
+    return /*#__PURE__*/React.createElement(Async, __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(styles.specificityIncreaser, propsClassName)
+    }));
+  });
+  AsyncSelect.displayName = "AsyncSelect";
+  return AsyncSelect;
+}();
+var Control = function (props) {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-automation-id": "Select__Control"
+  }, /*#__PURE__*/React.createElement(components.Control, __assign({}, props, {
+    className: classnames(styles.control, props.isFocused && styles.focusedControl, props.isDisabled && styles.disabled)
+  })));
+};
+var Placeholder = function (props) {
+  return /*#__PURE__*/React.createElement(components.Placeholder, __assign({}, props, {
+    className: styles.placeholderOverrides
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.placeholder
+  }, props.children));
+};
+var DropdownIndicator = function (props) {
+  return /*#__PURE__*/React.createElement(components.DropdownIndicator, __assign({}, props, {
+    className: styles.dropdownIndicator
+  }), props.selectProps.menuIsOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+    role: "presentation"
+  }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    role: "presentation"
+  }));
+};
+var LoadingMessage = function (props) {
+  return /*#__PURE__*/React.createElement(components.LoadingMessage, __assign({}, props, {
+    className: styles.loadingMessage
+  }));
+};
+var Menu = function (props) {
+  return /*#__PURE__*/React.createElement(components.Menu, __assign({}, props, {
+    className: styles.menu
+  }));
+};
+var GroupHeading = function (props) {
+  return /*#__PURE__*/React.createElement(components.GroupHeading, __assign({}, props, {
+    className: styles.groupHeading
+  }));
+};
+var Option = function (props) {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-automation-id": "Select__Option"
+  }, /*#__PURE__*/React.createElement(components.Option, __assign({}, props, {
+    className: classnames(styles.option, props.isFocused && styles.focusedOption, props.isSelected && styles.selectedOption, props.isDisabled && styles.disabledOption)
+  })));
+};
+var NoOptionsMessage = function (props) {
+  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, __assign({}, props), /*#__PURE__*/React.createElement("span", {
+    className: styles.noOptionsMessage
+  }, props.children));
+};
+var SingleValue = function (props) {
+  return /*#__PURE__*/React.createElement(components.SingleValue, __assign({}, props, {
+    className: styles.singleValueOverrides
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.singleValue
+  }, props.children));
+};
+var MultiValue = function (props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.multiValue
+  }, /*#__PURE__*/React.createElement(Tag, {
+    variant: "default",
+    dismissible: true,
+    inline: true,
+    onDismiss: props.removeProps.onClick
+  }, props.children));
+};
+var IndicatorsContainer = function (props) {
+  return /*#__PURE__*/React.createElement(components.IndicatorsContainer, __assign({}, props, {
+    className: styles.indicatorsContainer
+  }));
+};
+var Input = function (props) {
+  return /*#__PURE__*/React.createElement(components.Input, __assign({
+    className: styles.input
+  }, props));
+};
+var ValueContainer = function (props) {
+  return /*#__PURE__*/React.createElement(components.ValueContainer, __assign({}, props, {
+    className: styles.valueContainer
+  }));
+};
+var ClearIndicator = function (props) {
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, __assign({}, props, {
+    className: styles.clearIndicator
+  }), /*#__PURE__*/React.createElement(ClearIcon, {
+    role: "presentation"
+  }));
+};
+export { AsyncSelect, Select };
+//# sourceMappingURL=Select.mjs.map

package/dist/esm/Select/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","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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"}

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

@@ -0,0 +1,31 @@
+var styles = {
+  "specificityIncreaser": "Select-module_specificityIncreaser__cZtQV",
+  "secondary": "Select-module_secondary__0RpOQ",
+  "default": "Select-module_default__hKuCo",
+  "control": "Select-module_control__ehUuP",
+  "focusedControl": "Select-module_focusedControl__3AwhP",
+  "secondarySmall": "Select-module_secondarySmall__6yNEL",
+  "multiValue": "Select-module_multiValue__9XkYX",
+  "dropdownIndicator": "Select-module_dropdownIndicator__NUopQ",
+  "disabled": "Select-module_disabled__-iG97",
+  "valueContainer": "Select-module_valueContainer__MGkpr",
+  "indicatorsContainer": "Select-module_indicatorsContainer__2xCsm",
+  "loadingMessage": "Select-module_loadingMessage__4Ej9T",
+  "placeholder": "Select-module_placeholder__OAeGA",
+  "menu": "Select-module_menu__axmUL",
+  "groupHeading": "Select-module_groupHeading__eNw6U",
+  "option": "Select-module_option__EdP-F",
+  "focusedOption": "Select-module_focusedOption__uwQwp",
+  "disabledOption": "Select-module_disabledOption__TWVun",
+  "selectedOption": "Select-module_selectedOption__xhYOz",
+  "noOptionsMessage": "Select-module_noOptionsMessage__DG5zw",
+  "singleValue": "Select-module_singleValue__-cc8w",
+  "reversed": "Select-module_reversed__-jCGs",
+  "singleValueOverrides": "Select-module_singleValueOverrides__44Gby",
+  "input": "Select-module_input__HAhy-",
+  "error": "Select-module_error__GpAw6",
+  "clearIndicator": "Select-module_clearIndicator__O6EuX",
+  "notFullWidth": "Select-module_notFullWidth__LO-xV"
+};
+export { styles as default };
+//# sourceMappingURL=Select.module.scss.mjs.map

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

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

package/dist/esm/Skirt/Skirt.mjs

@@ -0,0 +1,57 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Container } from '../Container/Container.mjs';
+import { Content } from '../Content/Content.mjs';
+import { useResizeObserver } from '../utils/useResizeObserver.mjs';
+import styles from './Skirt.module.scss.mjs';
+var spacing = 24;
+var maxHeight = 222;
+var fallbackPercentage = 0.8;
+const Skirt = /*#__PURE__*/function () {
+  const Skirt = function (_a) {
+    var children = _a.children,
+      _b = _a.variant,
+      variant = _b === void 0 ? "default" : _b,
+      _c = _a.titleBlockHasNavigation,
+      titleBlockHasNavigation = _c === void 0 ? true : _c,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
+    var _d = useResizeObserver(function (entry) {
+        if (entry.contentRect) {
+          return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
+        }
+        return undefined;
+      }),
+      ref = _d[0],
+      skirtHeight = _d[1];
+    return /*#__PURE__*/React.createElement(Container, __assign({
+      ref: ref,
+      classNameOverride: classnames(styles.container, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      style: __assign({}, skirtHeight && {
+        height: "".concat(skirtHeight, "px")
+      }),
+      className: classnames(styles.underlay, styles["".concat(variant, "Variant")])
+    }), /*#__PURE__*/React.createElement(Content, {
+      classNameOverride: styles.content
+    }, children));
+  };
+  Skirt.displayName = "Skirt";
+  return Skirt;
+}();
+var deriveSkirtHeight = function (rect, titleBlockHasNavigation) {
+  var height = rect.height,
+    width = rect.width;
+  var responsiveOffset = 0;
+  if (width > 768) {
+    responsiveOffset = 2.8125 * 16;
+  }
+  // This ensures the maximum height of the skirt is consistent between pages
+  // where the title block has/doesn’t have navigation
+  var derivedMaxHeight = titleBlockHasNavigation ? maxHeight : maxHeight + responsiveOffset;
+  var maxHeightWithSpacing = derivedMaxHeight + spacing;
+  return Math.max(spacing, height > maxHeightWithSpacing ? derivedMaxHeight : height * fallbackPercentage - spacing);
+};
+export { Skirt };
+//# sourceMappingURL=Skirt.mjs.map

package/dist/esm/Skirt/Skirt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skirt.mjs","sources":["../../../src/Skirt/Skirt.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Container } from \"~components/Container\"\nimport { Content, ContentProps } from \"~components/Content\"\nimport { useResizeObserver } from \"~utils/useResizeObserver\"\nimport styles from \"./Skirt.module.scss\"\n\nconst spacing = 24\nconst maxHeight = 222\nconst fallbackPercentage = 0.8\n\ntype Variant = \"default\" | \"education\"\n\nexport type SkirtProps = {\n  children: React.ReactNode\n  variant?: Variant\n  titleBlockHasNavigation?: boolean\n} & ContentProps\n\nexport const Skirt = ({\n  children,\n  variant = \"default\",\n  titleBlockHasNavigation = true,\n  classNameOverride,\n  ...restProps\n}: SkirtProps): JSX.Element => {\n  const [ref, skirtHeight] = useResizeObserver<number, HTMLDivElement>(\n    entry => {\n      if (entry.contentRect) {\n        return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation)\n      }\n      return undefined\n    }\n  )\n\n  return (\n    <Container\n      ref={ref}\n      classNameOverride={classnames(styles.container, classNameOverride)}\n      {...restProps}\n    >\n      <div\n        style={{ ...(skirtHeight && { height: `${skirtHeight}px` }) }}\n        className={classnames(styles.underlay, styles[`${variant}Variant`])}\n      />\n      <Content classNameOverride={styles.content}>{children}</Content>\n    </Container>\n  )\n}\n\nSkirt.displayName = \"Skirt\"\n\nconst deriveSkirtHeight = (\n  rect: DOMRectReadOnly,\n  titleBlockHasNavigation: boolean\n): number => {\n  const { height, width } = rect\n  let responsiveOffset: number = 0\n  if (width > 768) {\n    responsiveOffset = 2.8125 * 16\n  }\n\n  // This ensures the maximum height of the skirt is consistent between pages\n  // where the title block has/doesn’t have navigation\n  const derivedMaxHeight = titleBlockHasNavigation\n    ? maxHeight\n    : maxHeight + responsiveOffset\n  const maxHeightWithSpacing = derivedMaxHeight + spacing\n\n  return Math.max(\n    spacing,\n    height > maxHeightWithSpacing\n      ? derivedMaxHeight\n      : height * fallbackPercentage - spacing\n  )\n}\n"],"names":["spacing","maxHeight","fallbackPercentage","Skirt","_a","children","_b","variant","_c","titleBlockHasNavigation","classNameOverride","restProps","__rest","_d","useResizeObserver","entry","contentRect","deriveSkirtHeight","undefined","ref","skirtHeight","React","createElement","Container","classnames","styles","container","style","__assign","height","concat","className","underlay","Content","content","displayName","rect","width","responsiveOffset","derivedMaxHeight","maxHeightWithSpacing","Math","max"],"mappings":";;;;;;;AAOA,IAAMA,OAAO,GAAG,EAAE;AAClB,IAAMC,SAAS,GAAG,GAAG;AACrB,IAAMC,kBAAkB,GAAG,GAAG;AAAA,MAUjBC,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALX,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,OAAmB;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,EAAA,GAAAJ,EAAA,CAAAK,uBAA8B;MAA9BA,uBAAuB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;MAC9BE,iBAAiB,uBAAA;MACdC,SAAS,GALQC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,yBAAA,EAAA,mBAAA,CAMrB,CADa;IAEN,IAAAS,EAAqB,GAAAC,iBAAiB,CAC1C,UAAAC,KAAK,EAAA;QACH,IAAIA,KAAK,CAACC,WAAW,EAAE;UACrB,OAAOC,iBAAiB,CAACF,KAAK,CAACC,WAAW,EAAEP,uBAAuB,CAAC;QACrE;QACD,OAAOS,SAAS;MAClB,CAAC,CACF;MAPMC,GAAG,QAAA;MAAEC,WAAW,QAOtB;IAED,oBACEC,KAAC,CAAAC,aAAA,CAAAC,SAAS;MACRJ,GAAG,EAAEA,GAAG;MACRT,iBAAiB,EAAEc,UAAU,CAACC,MAAM,CAACC,SAAS,EAAEhB,iBAAiB;IAAC,GAC9DC,SAAS,CAAA,eAEbU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEK,KAAK,EAAAC,QAAA,CAAA,EAAA,EAAQR,WAAW,IAAI;QAAES,MAAM,EAAE,EAAG,CAAAC,MAAA,CAAAV,WAAW,EAAI,IAAA;MAAE,CAAA,CAAC;MAC3DW,SAAS,EAAEP,UAAU,CAACC,MAAM,CAACO,QAAQ,EAAEP,MAAM,CAAC,EAAG,CAAAK,MAAA,CAAAvB,OAAO,EAAS,SAAA,CAAA,CAAC;IAAC,CACnE,CAAA,eACFc,KAAA,CAAAC,aAAA,CAACW,OAAO,EAAA;MAACvB,iBAAiB,EAAEe,MAAM,CAACS;IAAO,CAAA,EAAG7B,QAAQ,CAAW,CACtD;EAEhB,CAAC;EAEDF,KAAK,CAACgC,WAAW,GAAG,OAAO;EAAA,OA/BdhC,KAAK;AAAA;AAiClB,IAAMc,iBAAiB,GAAG,SAAAA,CACxBmB,IAAqB,EACrB3B,uBAAgC,EAAA;EAExB,IAAAoB,MAAM,GAAYO,IAAI,CAAAP,MAAhB;IAAEQ,KAAK,GAAKD,IAAI,CAAAC,KAAT;EACrB,IAAIC,gBAAgB,GAAW,CAAC;EAChC,IAAID,KAAK,GAAG,GAAG,EAAE;IACfC,gBAAgB,GAAG,MAAM,GAAG,EAAE;EAC/B;;;EAID,IAAMC,gBAAgB,GAAG9B,uBAAuB,GAC5CR,SAAS,GACTA,SAAS,GAAGqC,gBAAgB;EAChC,IAAME,oBAAoB,GAAGD,gBAAgB,GAAGvC,OAAO;EAEvD,OAAOyC,IAAI,CAACC,GAAG,CACb1C,OAAO,EACP6B,MAAM,GAAGW,oBAAoB,GACzBD,gBAAgB,GAChBV,MAAM,GAAG3B,kBAAkB,GAAGF,OAAO,CAC1C;AACH,CAAC;"}

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

@@ -0,0 +1,9 @@
+var styles = {
+  "container": "Skirt-module_container__h4J-J",
+  "underlay": "Skirt-module_underlay__isMuP",
+  "defaultVariant": "Skirt-module_defaultVariant__VLaHK",
+  "educationVariant": "Skirt-module_educationVariant__12yxk",
+  "content": "Skirt-module_content__218H1"
+};
+export { styles as default };
+//# sourceMappingURL=Skirt.module.scss.mjs.map

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

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

package/dist/esm/SplitButton/SplitButton.mjs

@@ -0,0 +1,48 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Menu } from '../Menu/Menu.mjs';
+import '../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
+import '../Menu/subcomponents/MenuItem/MenuItem.mjs';
+import '../Menu/subcomponents/MenuList/MenuList.mjs';
+import '../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
+import { ActionButton } from './subcomponents/ActionButton/ActionButton.mjs';
+import { DropdownButton } from './subcomponents/DropdownButton/DropdownButton.mjs';
+import styles from './SplitButton.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
+ */
+const SplitButton = /*#__PURE__*/function () {
+  const SplitButton = function (_a) {
+    var actionButtonProps = _a.actionButtonProps,
+      dropdownButtonProps = _a.dropdownButtonProps,
+      dropdownContent = _a.dropdownContent,
+      isDropdownInitOpen = _a.isDropdownInitOpen,
+      disabled = _a.disabled,
+      isReversed = _a.isReversed,
+      dir = _a.dir,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      dir: dir,
+      className: classnames(styles.splitButton, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement(ActionButton, __assign({
+      disabled: disabled,
+      isReversed: isReversed
+    }, actionButtonProps)), /*#__PURE__*/React.createElement(Menu, {
+      align: dir === "rtl" ? "left" : "right",
+      dropdownWidth: "contain",
+      button: /*#__PURE__*/React.createElement(DropdownButton, __assign({
+        disabled: disabled,
+        isReversed: isReversed
+      }, dropdownButtonProps)),
+      menuVisible: isDropdownInitOpen
+    }, dropdownContent));
+  };
+  SplitButton.displayName = "SplitButton";
+  return SplitButton;
+}();
+export { SplitButton };
+//# sourceMappingURL=SplitButton.mjs.map

package/dist/esm/SplitButton/SplitButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.mjs","sources":["../../../src/SplitButton/SplitButton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Menu } from \"~components/Menu\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ActionButton, ActionButtonProps } from \"./subcomponents/ActionButton\"\nimport {\n  DropdownButton,\n  DropdownButtonProps,\n} from \"./subcomponents/DropdownButton\"\nimport styles from \"./SplitButton.module.scss\"\n\nexport type SplitButtonProps = {\n  /**\n   * Props for primary action button (left).\n   * Allows all native button/anchor attributes.\n   */\n  actionButtonProps: ActionButtonProps & DataAttributes\n  /**\n   * Props for dropdown menu button (right).\n   * Allows all native button/anchor attributes.\n   */\n  dropdownButtonProps?: DropdownButtonProps & DataAttributes\n  /**\n   * Suggested components - MenuList > MenuItem\n   */\n  dropdownContent: React.ReactNode\n  /**\n   * Sets the dropdown menu to be open on initial render.\n   */\n  isDropdownInitOpen?: boolean\n  /**\n   * Disables both the primary action button and dropdown button.\n   */\n  disabled?: boolean\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Text direction.\n   */\n  dir?: \"ltr\" | \"rtl\"\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}\n */\nexport const SplitButton = ({\n  actionButtonProps,\n  dropdownButtonProps,\n  dropdownContent,\n  isDropdownInitOpen,\n  disabled,\n  isReversed,\n  dir,\n  classNameOverride,\n  ...restProps\n}: SplitButtonProps): JSX.Element => (\n  <div\n    dir={dir}\n    className={classnames(styles.splitButton, classNameOverride)}\n    {...restProps}\n  >\n    <ActionButton\n      disabled={disabled}\n      isReversed={isReversed}\n      {...actionButtonProps}\n    />\n    <Menu\n      align={dir === \"rtl\" ? \"left\" : \"right\"}\n      dropdownWidth=\"contain\"\n      button={\n        <DropdownButton\n          disabled={disabled}\n          isReversed={isReversed}\n          {...dropdownButtonProps}\n        />\n      }\n      menuVisible={isDropdownInitOpen}\n    >\n      {dropdownContent}\n    </Menu>\n  </div>\n)\n\nSplitButton.displayName = \"SplitButton\"\n"],"names":["SplitButton","_a","actionButtonProps","dropdownButtonProps","dropdownContent","isDropdownInitOpen","disabled","isReversed","dir","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","splitButton","ActionButton","Menu","align","dropdownWidth","button","DropdownButton","menuVisible","displayName"],"mappings":";;;;;;;;;;;;AA6CA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,mBAAmB,GAAAF,EAAA,CAAAE,mBAAA;MACnBC,eAAe,GAAAH,EAAA,CAAAG,eAAA;MACfC,kBAAkB,GAAAJ,EAAA,CAAAI,kBAAA;MAClBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,UAAU,GAAAN,EAAA,CAAAM,UAAA;MACVC,GAAG,GAAAP,EAAA,CAAAO,GAAA;MACHC,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GATcC,MAAA,CAAAV,EAAA,EAAA,CAAA,mBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,mBAAA,CAU3B,CADa;IACuB,oBACnCW,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAN,GAAG,EAAEA,GAAG;MACRO,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,WAAW,EAAET,iBAAiB;IAAC,GACxDC,SAAS,CAAA,eAEbE,KAAC,CAAAC,aAAA,CAAAM,YAAY,EACXL,QAAA,CAAA;MAAAR,QAAQ,EAAEA,QAAQ;MAClBC,UAAU,EAAEA;KACR,EAAAL,iBAAiB,CACrB,CAAA,eACFU,KAAC,CAAAC,aAAA,CAAAO,IAAI;MACHC,KAAK,EAAEb,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO;MACvCc,aAAa,EAAC,SAAS;MACvBC,MAAM,eACJX,oBAACY,cAAc,EAAAV,QAAA,CAAA;QACbR,QAAQ,EAAEA,QAAQ;QAClBC,UAAU,EAAEA;MAAU,CAClB,EAAAJ,mBAAmB,EACvB;MAEJsB,WAAW,EAAEpB;IAAkB,CAAA,EAE9BD,eAAe,CACX,CACH;GACP;EAEDJ,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OAtC1B1B,WAAW;AAAA;"}

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

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

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

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

package/dist/esm/SplitButton/subcomponents/ActionButton/ActionButton.mjs

@@ -0,0 +1,18 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { BaseButton } from '../BaseButton/BaseButton.mjs';
+import styles from './ActionButton.module.scss.mjs';
+const ActionButton = /*#__PURE__*/function () {
+  const ActionButton = function (_a) {
+    var classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["classNameOverride"]);
+    return /*#__PURE__*/React.createElement(BaseButton, __assign({
+      classNameOverride: classnames(styles.actionButton, classNameOverride)
+    }, restProps));
+  };
+  ActionButton.displayName = "ActionButton";
+  return ActionButton;
+}();
+export { ActionButton };
+//# sourceMappingURL=ActionButton.mjs.map

package/dist/esm/SplitButton/subcomponents/ActionButton/ActionButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/ActionButton/ActionButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./ActionButton.module.scss\"\n\nexport type ActionButtonProps = Omit<BaseButtonProps, \"icon\">\n\nexport const ActionButton = ({\n  classNameOverride,\n  ...restProps\n}: ActionButtonProps): JSX.Element => (\n  <BaseButton\n    classNameOverride={classnames(styles.actionButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nActionButton.displayName = \"ActionButton\"\n"],"names":["ActionButton","_a","classNameOverride","restProps","__rest","React","createElement","BaseButton","classnames","styles","actionButton","displayName"],"mappings":";;;;;MAOaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFlB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAH,EAAA,EAFe,qBAG5B,CADa;IACwB,oBACpCI,KAAC,CAAAC,aAAA,CAAAC,UAAU;MACTL,iBAAiB,EAAEM,UAAU,CAACC,MAAM,CAACC,YAAY,EAAER,iBAAiB;IAAC,GACjEC,SAAS,CAAA,CACb;GACH;EAEDH,YAAY,CAACW,WAAW,GAAG,cAAc;EAAA,OAV5BX,YAAY;AAAA;"}