@kaizen/components 1.27.0 → 1.29.0

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/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"checked\">\n> & {\n  /**\n   * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.\n   */\n  id: string\n  name: string\n  value: string\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;;;AAkBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,OACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,YAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,KAAA,CAAAA,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,YAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,EACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,YAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}
+{"version":3,"file":"Radio.cjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"id\" | \"name\" | \"value\" | \"checked\" | \"type\"\n  >\n> & {\n  /** Required to ensure the Radio always gets an ID to match a label when composed. */\n  id: string\n  /** Unique identifier for the group this Radio belongs to. Required for keyboard navigation of the group. See also [Defining a radio group](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group) on MDN. E.g. the question ID for which this is one possible answer to. */\n  name: string\n  /** The value for this form field when this radio button is selected. */\n  value?: string | readonly string[] | number\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;;;AAqBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,OACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,YAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,KAAA,CAAAA,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,YAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,EACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,YAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,YAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}

package/dist/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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"}

package/dist/cjs/Select/Select.module.scss.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+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"
+};
+module.exports = styles;
+//# sourceMappingURL=Select.module.scss.cjs.map

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

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

package/dist/cjs/Skirt/Skirt.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Container = require('../Container/Container.cjs');
+var Content = require('../Content/Content.cjs');
+var useResizeObserver = require('../utils/useResizeObserver.cjs');
+var Skirt_module = require('./Skirt.module.scss.cjs');
+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 = tslib.__rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
+    var _d = useResizeObserver.useResizeObserver(function (entry) {
+        if (entry.contentRect) {
+          return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
+        }
+        return undefined;
+      }),
+      ref = _d[0],
+      skirtHeight = _d[1];
+    return React.createElement(Container.Container, tslib.__assign({
+      ref: ref,
+      classNameOverride: classnames(Skirt_module.container, classNameOverride)
+    }, restProps), React.createElement("div", {
+      style: tslib.__assign({}, skirtHeight && {
+        height: "".concat(skirtHeight, "px")
+      }),
+      className: classnames(Skirt_module.underlay, Skirt_module["".concat(variant, "Variant")])
+    }), React.createElement(Content.Content, {
+      classNameOverride: Skirt_module.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);
+};
+exports.Skirt = Skirt;
+//# sourceMappingURL=Skirt.cjs.map

package/dist/cjs/Skirt/Skirt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skirt.cjs","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,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,yBAAA,EAAA,mBAAA,CAMrB,CADa;IAEN,IAAAS,EAAqB,GAAAC,mCAAiB,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,OACEC,KAAC,CAAAC,aAAA,CAAAC,SAAS,CAAAA,SAAA;MACRJ,GAAG,EAAEA,GAAG;MACRT,iBAAiB,EAAEc,UAAU,CAACC,YAAM,CAACC,SAAS,EAAEhB,iBAAiB;IAAC,GAC9DC,SAAS,CAAA,EAEbU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEK,KAAK,EAAAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAQR,WAAW,IAAI;QAAES,MAAM,EAAE,EAAG,CAAAC,MAAA,CAAAV,WAAW,EAAI,IAAA;MAAE,CAAA,CAAC;MAC3DW,SAAS,EAAEP,UAAU,CAACC,YAAM,CAACO,QAAQ,EAAEP,YAAM,CAAC,EAAG,CAAAK,MAAA,CAAAvB,OAAO,EAAS,SAAA,CAAA,CAAC;IAAC,CACnE,CAAA,EACFc,KAAA,CAAAC,aAAA,CAACW,OAAAA,CAAAA,OAAO,EAAA;MAACvB,iBAAiB,EAAEe,YAAM,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/cjs/Skirt/Skirt.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+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"
+};
+module.exports = styles;
+//# sourceMappingURL=Skirt.module.scss.cjs.map

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

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

package/dist/cjs/SplitButton/SplitButton.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Menu = require('../Menu/Menu.cjs');
+require('../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
+require('../Menu/subcomponents/MenuItem/MenuItem.cjs');
+require('../Menu/subcomponents/MenuList/MenuList.cjs');
+require('../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var ActionButton = require('./subcomponents/ActionButton/ActionButton.cjs');
+var DropdownButton = require('./subcomponents/DropdownButton/DropdownButton.cjs');
+var SplitButton_module = require('./SplitButton.module.scss.cjs');
+
+/**
+ * {@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 = tslib.__rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
+    return React.createElement("div", tslib.__assign({
+      dir: dir,
+      className: classnames(SplitButton_module.splitButton, classNameOverride)
+    }, restProps), React.createElement(ActionButton.ActionButton, tslib.__assign({
+      disabled: disabled,
+      isReversed: isReversed
+    }, actionButtonProps)), React.createElement(Menu.Menu, {
+      align: dir === "rtl" ? "left" : "right",
+      dropdownWidth: "contain",
+      button: React.createElement(DropdownButton.DropdownButton, tslib.__assign({
+        disabled: disabled,
+        isReversed: isReversed
+      }, dropdownButtonProps)),
+      menuVisible: isDropdownInitOpen
+    }, dropdownContent));
+  };
+  SplitButton.displayName = "SplitButton";
+  return SplitButton;
+}();
+exports.SplitButton = SplitButton;
+//# sourceMappingURL=SplitButton.cjs.map

package/dist/cjs/SplitButton/SplitButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.cjs","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,KAAAA,CAAAA,MAAA,CAAAV,EAAA,EAAA,CAAA,mBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,mBAAA,CAU3B,CADa;IACuB,OACnCW,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAN,GAAG,EAAEA,GAAG;MACRO,SAAS,EAAEC,UAAU,CAACC,kBAAM,CAACC,WAAW,EAAET,iBAAiB;IAAC,GACxDC,SAAS,CAAA,EAEbE,KAAC,CAAAC,aAAA,CAAAM,yBAAY,EACXL,KAAAA,CAAAA,QAAA,CAAA;MAAAR,QAAQ,EAAEA,QAAQ;MAClBC,UAAU,EAAEA;KACR,EAAAL,iBAAiB,CACrB,CAAA,EACFU,KAAC,CAAAC,aAAA,CAAAO,IAAAA,CAAAA,IAAI;MACHC,KAAK,EAAEb,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO;MACvCc,aAAa,EAAC,SAAS;MACvBC,MAAM,EACJX,oBAACY,cAAc,CAAAA,cAAA,EAAAV,KAAA,CAAAA,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/cjs/SplitButton/SplitButton.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "splitButton": "SplitButton-module_splitButton__oNIKE"
+};
+module.exports = styles;
+//# sourceMappingURL=SplitButton.module.scss.cjs.map

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

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

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var BaseButton = require('../BaseButton/BaseButton.cjs');
+var ActionButton_module = require('./ActionButton.module.scss.cjs');
+const ActionButton = /*#__PURE__*/function () {
+  const ActionButton = function (_a) {
+    var classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["classNameOverride"]);
+    return React.createElement(BaseButton.BaseButton, tslib.__assign({
+      classNameOverride: classnames(ActionButton_module.actionButton, classNameOverride)
+    }, restProps));
+  };
+  ActionButton.displayName = "ActionButton";
+  return ActionButton;
+}();
+exports.ActionButton = ActionButton;
+//# sourceMappingURL=ActionButton.cjs.map

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.cjs","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,KAAAA,CAAAA,MAAA,CAAAH,EAAA,EAFe,qBAG5B,CADa;IACwB,OACpCI,KAAC,CAAAC,aAAA,CAAAC,qBAAU;MACTL,iBAAiB,EAAEM,UAAU,CAACC,mBAAM,CAACC,YAAY,EAAER,iBAAiB;IAAC,GACjEC,SAAS,CAAA,CACb;GACH;EAEDH,YAAY,CAACW,WAAW,GAAG,cAAc;EAAA,OAV5BX,YAAY;AAAA;"}

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "actionButton": "ActionButton-module_actionButton__mJRl4"
+};
+module.exports = styles;
+//# sourceMappingURL=ActionButton.module.scss.cjs.map

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.module.scss.cjs.map

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

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var BaseButton_module = require('./BaseButton.module.scss.cjs');
+var isAnchor = function (attributes) {
+  return !attributes.disabled && attributes.href !== undefined;
+};
+const BaseButton = /*#__PURE__*/function () {
+  const BaseButton = function (_a) {
+    var label = _a.label,
+      icon = _a.icon,
+      isReversed = _a.isReversed,
+      classNameOverride = _a.classNameOverride,
+      attributes = tslib.__rest(_a, ["label", "icon", "isReversed", "classNameOverride"]);
+    var className = classnames(BaseButton_module.baseButton, classNameOverride, isReversed ? BaseButton_module.isReversed : BaseButton_module["default"]);
+    var contentProps = icon ? {
+      children: React.createElement(React.Fragment, null, icon),
+      "aria-label": label
+    } : {
+      children: label
+    };
+    var children = contentProps.children,
+      restContentProps = tslib.__rest(contentProps, ["children"]);
+    if (isAnchor(attributes)) {
+      return React.createElement("a", tslib.__assign({
+        className: className
+      }, restContentProps, attributes), children);
+    }
+    return React.createElement("button", tslib.__assign({
+      type: "button",
+      className: className
+    }, restContentProps, attributes), children);
+  };
+  BaseButton.displayName = "BaseButton";
+  return BaseButton;
+}();
+exports.BaseButton = BaseButton;
+//# sourceMappingURL=BaseButton.cjs.map

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/BaseButton/BaseButton.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./BaseButton.module.scss\"\n\ntype AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>\ntype ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>\ntype AnchorButtonAttributes = AnchorAttributes & ButtonAttributes\n\nconst isAnchor = (attributes: AnchorButtonAttributes): boolean =>\n  !attributes.disabled && attributes.href !== undefined\n\nexport type BaseButtonProps = {\n  label: string\n  icon?: React.SVGAttributes<SVGSymbolElement>\n  isReversed?: boolean\n} & OverrideClassName<AnchorButtonAttributes>\n\nexport const BaseButton = ({\n  label,\n  icon,\n  isReversed,\n  classNameOverride,\n  ...attributes\n}: BaseButtonProps): JSX.Element => {\n  const className = classnames(\n    styles.baseButton,\n    classNameOverride,\n    isReversed ? styles.isReversed : styles.default\n  )\n\n  const contentProps = icon\n    ? {\n        children: <>{icon}</>,\n        \"aria-label\": label,\n      }\n    : { children: label }\n\n  const { children, ...restContentProps } = contentProps\n\n  if (isAnchor(attributes)) {\n    return (\n      <a className={className} {...restContentProps} {...attributes}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      {...restContentProps}\n      {...attributes}\n    >\n      {children}\n    </button>\n  )\n}\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":["isAnchor","attributes","disabled","href","undefined","BaseButton","_a","label","icon","isReversed","classNameOverride","__rest","className","classnames","styles","baseButton","contentProps","children","React","createElement","Fragment","restContentProps","__assign","type","displayName"],"mappings":";;;;;;AASA,IAAMA,QAAQ,GAAG,SAAAA,CAACC,UAAkC,EAAA;EAClD,OAAA,CAACA,UAAU,CAACC,QAAQ,IAAID,UAAU,CAACE,IAAI,KAAKC,SAAS;AAArD,CAAqD;AAAA,MAQ1CC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,UAAA;MACJC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdT,UAAU,GAAAU,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EALY,oDAM1B,CADc;IAEb,IAAMM,SAAS,GAAGC,UAAU,CAC1BC,iBAAM,CAACC,UAAU,EACjBL,iBAAiB,EACjBD,UAAU,GAAGK,iBAAM,CAACL,UAAU,GAAGK,iBAAM,CAAC,SAAO,CAAA,CAChD;IAED,IAAME,YAAY,GAAGR,IAAI,GACrB;MACES,QAAQ,EAAEC,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAZ,IAAI,CAAI;MACrB,YAAY,EAAED;IACf,CAAA,GACD;MAAEU,QAAQ,EAAEV;KAAO;IAEf,IAAAU,QAAQ,GAA0BD,YAAY,CAAtCC,QAAA;MAAKI,gBAAgB,GAAAV,KAAAA,CAAAA,MAAA,CAAKK,YAAY,EAAhD,CAAiC,UAAA,CAAA,CAAF;IAErC,IAAIhB,QAAQ,CAACC,UAAU,CAAC,EAAE;MACxB,OACEiB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;QAAGV,SAAS,EAAEA;MAAS,CAAA,EAAMS,gBAAgB,EAAMpB,UAAU,CAAA,EAC1DgB,QAAQ,CACP;IAEP;IAED,OACEC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;MAAAC,IAAI,EAAC,QAAQ;MACbX,SAAS,EAAEA;IAAS,CAAA,EAChBS,gBAAgB,EAChBpB,UAAU,GAEbgB,QAAQ,CACF;EAEb,CAAC;EAEDZ,UAAU,CAACmB,WAAW,GAAG,YAAY;EAAA,OA1CxBnB,UAAU;AAAA;"}

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "baseButton": "BaseButton-module_baseButton__0XYh4",
+  "default": "BaseButton-module_default__6JNZx",
+  "isReversed": "BaseButton-module_isReversed__j8nyW"
+};
+module.exports = styles;
+//# sourceMappingURL=BaseButton.module.scss.cjs.map

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.module.scss.cjs.map

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