@kaizen/components 1.25.0 → 1.27.0

package/dist/cjs/Radio/RadioField/RadioField.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "container": "RadioField-module_container__r6T25",
+  "selected": "RadioField-module_selected__kdlz8",
+  "reversed": "RadioField-module_reversed__EX79j"
+};
+module.exports = styles;
+//# sourceMappingURL=RadioField.module.scss.cjs.map

package/dist/cjs/Radio/RadioField/RadioField.module.scss.cjs.map

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

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.cjs');
+var RadioGroup_module = require('./RadioGroup.module.scss.cjs');
+const RadioGroup = /*#__PURE__*/function () {
+  const RadioGroup = function (_a) {
+    var children = _a.children,
+      propsLabelId = _a.labelId,
+      labelText = _a.labelText,
+      _b = _a.noBottomMargin,
+      noBottomMargin = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      dataTestId = _a["data-testId"],
+      restProps = 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,
+      className: classnames(RadioGroup_module.radioGroupContainer, classNameOverride, noBottomMargin && RadioGroup_module.noBottomMargin, reversed && RadioGroup_module.reversed),
+      role: "radiogroup",
+      "aria-labelledby": labelId
+    }, restProps), React.createElement("div", {
+      className: RadioGroup_module.radioGroupLabel
+    }, React.createElement(Label.Label, {
+      id: labelId,
+      "data-testId": dataTestId && "".concat(dataTestId, "-field-label"),
+      labelText: labelText,
+      labelType: "text",
+      reversed: reversed
+    })), children);
+  };
+  RadioGroup.displayName = "RadioGroup";
+  return RadioGroup;
+}();
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=RadioGroup.cjs.map

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

@@ -0,0 +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;"}

package/dist/cjs/Radio/RadioGroup/RadioGroup.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "radioGroupLabel": "RadioGroup-module_radioGroupLabel__wIl4z",
+  "reversed": "RadioGroup-module_reversed__VeBun",
+  "radioGroupContainer": "RadioGroup-module_radioGroupContainer__NKWpt",
+  "noBottomMargin": "RadioGroup-module_noBottomMargin__VKF2T"
+};
+module.exports = styles;
+//# sourceMappingURL=RadioGroup.module.scss.cjs.map

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

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

package/dist/cjs/SearchField/SearchField.cjs

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

package/dist/cjs/SearchField/SearchField.cjs.map

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

package/dist/cjs/SearchField/SearchField.module.scss.cjs

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

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

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

package/dist/cjs/Slider/Slider.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../FieldGroup/FieldGroup.cjs');
+var InputRange = require('../Input/InputRange/InputRange.cjs');
+var Label = require('../Label/Label.cjs');
+var Text = require('../Text/Text.cjs');
+var Slider_module = require('./Slider.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
+ */
+const Slider = /*#__PURE__*/function () {
+  const Slider = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      description = _a.description,
+      _b = _a.labelPosition,
+      labelPosition = _b === void 0 ? "inline" : _b,
+      _c = _a.variant,
+      variant = _c === void 0 ? "default" : _c,
+      disabled = _a.disabled,
+      readOnlyMessage = _a.readOnlyMessage,
+      restProps = tslib.__rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    var descriptionId = "".concat(id, "-description");
+    return React.createElement(FieldGroup.FieldGroup, {
+      inline: true
+    }, React.createElement("div", {
+      className: classnames(Slider_module.wrapper, labelPosition === "inline" && Slider_module.labelInline)
+    }, React.createElement("div", {
+      className: Slider_module.labelWrapper
+    }, React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement(Label.Label, {
+      htmlFor: id,
+      labelText: labelText,
+      variant: variant,
+      disabled: disabled
+    })), description && React.createElement(Text.Text, {
+      variant: "small",
+      id: descriptionId,
+      classNameOverride: disabled ? Slider_module.descriptionDisabled : undefined
+    }, description)), React.createElement("div", {
+      className: Slider_module.inputWrapper
+    }, React.createElement(InputRange.InputRange, tslib.__assign({
+      id: id,
+      "aria-describedby": descriptionId,
+      disabled: disabled
+    }, restProps)), readOnlyMessage && React.createElement("div", {
+      className: Slider_module.readOnlyMessage
+    }, readOnlyMessage))));
+  };
+  Slider.displayName = "Slider";
+  return Slider;
+}();
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.cjs.map

package/dist/cjs/Slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../src/Slider/Slider.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { InputRange, InputRangeProps } from \"~components/Input/InputRange\"\nimport { Label } from \"~components/Label\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./Slider.module.scss\"\n\nexport type SliderFieldProps = {\n  id?: string\n  labelText: ReactNode\n  description?: ReactNode\n  labelPosition?: \"inline\" | \"block\"\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n  readOnlyMessage?: ReactNode\n} & Omit<InputRangeProps, \"id\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}\n */\nexport const Slider = ({\n  id: propsId,\n  labelText,\n  description,\n  labelPosition = \"inline\",\n  variant = \"default\",\n  disabled,\n  readOnlyMessage,\n  ...restProps\n}: SliderFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n\n  return (\n    <FieldGroup inline>\n      <div\n        className={classnames(\n          styles.wrapper,\n          labelPosition === \"inline\" && styles.labelInline\n        )}\n      >\n        <div className={styles.labelWrapper}>\n          <div className=\"mb-4\">\n            <Label\n              htmlFor={id}\n              labelText={labelText}\n              variant={variant}\n              disabled={disabled}\n            />\n          </div>\n          {description && (\n            <Text\n              variant=\"small\"\n              id={descriptionId}\n              classNameOverride={\n                disabled ? styles.descriptionDisabled : undefined\n              }\n            >\n              {description}\n            </Text>\n          )}\n        </div>\n        <div className={styles.inputWrapper}>\n          <InputRange\n            id={id}\n            aria-describedby={descriptionId}\n            disabled={disabled}\n            {...restProps}\n          />\n          {readOnlyMessage && (\n            <div className={styles.readOnlyMessage}>{readOnlyMessage}</div>\n          )}\n        </div>\n      </div>\n    </FieldGroup>\n  )\n}\n\nSlider.displayName = \"Slider\"\n"],"names":["Slider","_a","propsId","id","labelText","description","_b","labelPosition","_c","variant","disabled","readOnlyMessage","restProps","__rest","useId","descriptionId","concat","React","createElement","FieldGroup","inline","className","classnames","styles","wrapper","labelInline","labelWrapper","Label","htmlFor","Text","classNameOverride","descriptionDisabled","undefined","inputWrapper","InputRange","__assign","displayName"],"mappings":";;;;;;;;;;;AAkBA;;;AAGG;AAHH,MAIaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EASJ,EAAA;IARjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,eAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,EAAwB,GAAAL,EAAA,CAAAM,aAAA;MAAxBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;MACxBE,EAAmB,GAAAP,EAAA,CAAAQ,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,QAAQ,GAAAT,EAAA,CAAAS,QAAA;MACRC,eAAe,GAAAV,EAAA,CAAAU,eAAA;MACZC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAZ,EAAA,EARS,6FAStB,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIY,KAAAA,CAAAA,KAAK,EAAE;IAC7B,IAAMC,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAb,EAAE,iBAAc;IAEzC,OACEc,KAAA,CAAAC,aAAA,CAACC,UAAU,CAAAA,UAAA,EAAA;MAACC,MAAM,EAAA;IAAA,CAAA,EAChBH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEC,UAAU,CACnBC,aAAM,CAACC,OAAO,EACdjB,aAAa,KAAK,QAAQ,IAAIgB,aAAM,CAACE,WAAW;IACjD,CAAA,EAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,aAAM,CAACG;IAAY,CAAA,EACjCT,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAG,SAAS,EAAC;IAAM,CAAA,EACnBJ,KAAA,CAAAC,aAAA,CAACS,KAAAA,CAAAA,KAAK,EACJ;MAAAC,OAAO,EAAEzB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBK,OAAO,EAAEA,OAAO;MAChBC,QAAQ,EAAEA;MACV,CACE,EACLL,WAAW,IACVY,KAAC,CAAAC,aAAA,CAAAW,IAAI,CAAAA,IAAA,EACH;MAAApB,OAAO,EAAC,OAAO;MACfN,EAAE,EAAEY,aAAa;MACjBe,iBAAiB,EACfpB,QAAQ,GAAGa,aAAM,CAACQ,mBAAmB,GAAGC;IAAS,CAAA,EAGlD3B,WAAW,CAEf,CACG,EACNY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,aAAM,CAACU;IAAY,CAAA,EACjChB,KAAA,CAAAC,aAAA,CAACgB,UAAAA,CAAAA,UAAU,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACThC,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYY,aAAa;MAC/BL,QAAQ,EAAEA;IAAQ,CAAA,EACdE,SAAS,CACb,CAAA,EACDD,eAAe,IACdM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,aAAM,CAACZ;KAAkB,EAAAA,eAAe,CACzD,CACG,CACF,CACK;EAEjB,CAAC;EAEDX,MAAM,CAACoC,WAAW,GAAG,QAAQ;EAAA,OA1DhBpC,MAAM;AAAA;"}

package/dist/cjs/Slider/Slider.module.scss.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = {
+  "wrapper": "Slider-module_wrapper__zVX6g",
+  "labelWrapper": "Slider-module_labelWrapper__WuUIw",
+  "labelInline": "Slider-module_labelInline__zjINd",
+  "inputWrapper": "Slider-module_inputWrapper__n16yj",
+  "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",
+  "readOnlyMessage": "Slider-module_readOnlyMessage__Zscoa"
+};
+module.exports = styles;
+//# sourceMappingURL=Slider.module.scss.cjs.map

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

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

package/dist/cjs/Text/Text.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Text_module = require('./Text.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
+ * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
+ */
+const Text = /*#__PURE__*/function () {
+  const Text = function (_a) {
+    var children = _a.children,
+      tag = _a.tag,
+      variant = _a.variant,
+      _b = _a.color,
+      color = _b === void 0 ? "dark" : _b,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+    var className = classnames(Text_module.text, Text_module[variant], Text_module[color], classNameOverride);
+    return React.createElement(tag === undefined ? "p" : tag, tslib.__assign(tslib.__assign({}, restProps), {
+      className: className
+    }), children);
+  };
+  Text.displayName = "Text";
+  return Text;
+}();
+exports.Text = Text;
+//# sourceMappingURL=Text.cjs.map

package/dist/cjs/Text/Text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sources":["../../../src/Text/Text.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Text.module.scss\"\n\nexport type TextVariants = \"intro-lede\" | \"body\" | \"small\" | \"extra-small\"\n\nexport type AllowedTextTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedTextColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport interface TextProps\n  extends OverrideClassName<HTMLAttributes<HTMLElement>> {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Text\n   * @default \"p\"\n   */\n  tag?: AllowedTextTags\n  /**\n   * Allowed text variants\n   */\n  variant: TextVariants\n  color?: AllowedTextColors\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}\n */\nexport const Text = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: TextProps): JSX.Element => {\n  const className = classnames(\n    styles.text,\n    styles[variant],\n    styles[color],\n    classNameOverride\n  )\n\n  return createElement(\n    tag === undefined ? \"p\" : tag,\n    { ...restProps, className },\n    children\n  )\n}\n\nText.displayName = \"Text\"\n"],"names":["Text","_a","children","tag","variant","_b","color","classNameOverride","restProps","__rest","className","classnames","styles","text","createElement","undefined","displayName"],"mappings":";;;;;;;AA2CA;;;AAGG;AAHH,MAIaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,EAOT,EAAA;IANV,IAAAC,QAAQ,cAAA;MACRC,GAAG,SAAA;MACHC,OAAO,GAAAH,EAAA,CAAAG,OAAA;MACPC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;MAAdA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;MACdE,iBAAiB,uBAAA;MACdC,SAAS,GANOC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOpB,CADa;IAEZ,IAAMS,SAAS,GAAGC,UAAU,CAC1BC,WAAM,CAACC,IAAI,EACXD,WAAM,CAACR,OAAO,CAAC,EACfQ,WAAM,CAACN,KAAK,CAAC,EACbC,iBAAiB,CAClB;IAED,OAAOO,KAAAA,CAAAA,aAAa,CAClBX,GAAG,KAAKY,SAAS,GAAG,GAAG,GAAGZ,GAAG,oCACxBK,SAAS,CAAA,EAAA;MAAEE,SAAS,EAAAA;IAAA,CAAA,CAAA,EACzBR,QAAQ,CACT;EACH,CAAC;EAEDF,IAAI,CAACgB,WAAW,GAAG,MAAM;EAAA,OAtBZhB,IAAI;AAAA;"}

package/dist/cjs/Text/Text.module.scss.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var styles = {
+  "text": "Text-module_text__Byo7R",
+  "intro-lede": "Text-module_intro-lede__ENE72",
+  "body": "Text-module_body__cO-XH",
+  "small": "Text-module_small__uZNGn",
+  "extra-small": "Text-module_extra-small__3g9eN",
+  "dark": "Text-module_dark__-jDSk",
+  "dark-reduced-opacity": "Text-module_dark-reduced-opacity__18nLo",
+  "white": "Text-module_white__-yVD0",
+  "white-reduced-opacity": "Text-module_white-reduced-opacity__i0veZ",
+  "positive": "Text-module_positive__e-IKh",
+  "negative": "Text-module_negative__agbge"
+};
+module.exports = styles;
+//# sourceMappingURL=Text.module.scss.cjs.map

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

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

package/dist/cjs/TextArea/TextArea.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var TextArea_module = require('./TextArea.module.scss.cjs');
+const TextArea = /*#__PURE__*/function () {
+  const TextArea = function (_a) {
+    var propsTextAreaRef = _a.textAreaRef,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      _c = _a.autogrow,
+      autogrow = _c === void 0 ? false : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      _e = _a.rows,
+      rows = _e === void 0 ? 3 : _e,
+      defaultValue = _a.defaultValue,
+      value = _a.value,
+      disabled = _a.disabled,
+      propsOnChange = _a.onChange,
+      restProps = tslib.__rest(_a, ["textAreaRef", "status", "autogrow", "reversed", "rows", "defaultValue", "value", "disabled", "onChange"]);
+    var _f = React.useState("auto"),
+      textAreaHeight = _f[0],
+      setTextAreaHeight = _f[1];
+    var _g = React.useState("auto"),
+      parentHeight = _g[0],
+      setParentHeight = _g[1];
+    var _h = React.useState(autogrow ? defaultValue : undefined),
+      internalValue = _h[0],
+      setInternalValue = _h[1];
+    // ^ holds an internal state of the value so that autogrow can still work with uncontrolled textareas
+    // essentially forces the textarea into an (interally) controlled mode if autogrow is true
+    var textAreaRef = propsTextAreaRef || React.useRef(null);
+    React.useEffect(function () {
+      if (!autogrow) return;
+      var scrollHeight = textAreaRef.current.scrollHeight;
+      if (scrollHeight < 1) return;
+      var borderWidth = textAreaRef.current ? parseInt(getComputedStyle(textAreaRef.current).borderTopWidth, 10) : 0;
+      var newHeight = scrollHeight + borderWidth * 2;
+      setParentHeight("".concat(newHeight, "px"));
+      setTextAreaHeight("".concat(newHeight, "px"));
+    }, [internalValue]);
+    var onChange = !autogrow ? undefined : function (event) {
+      setTextAreaHeight("auto");
+      // ^ this is required to avoid the textarea height from building up indefinitely
+      // see https://medium.com/@lucasalgus/creating-a-custom-auto-resize-textarea-component-for-your-react-web-application-6959c0ad68bc#2dee
+      setInternalValue(event.target.value);
+      if (propsOnChange) {
+        propsOnChange(event);
+      }
+    };
+    var getWrapperStyle = function () {
+      return autogrow ? {
+        minHeight: parentHeight
+      } : undefined;
+    };
+    var getTextAreaStyle = function () {
+      return autogrow ? {
+        height: textAreaHeight
+      } : undefined;
+    };
+    var controlledValue = value || internalValue;
+    return React.createElement("div", {
+      className: TextArea_module.wrapper,
+      style: getWrapperStyle()
+    }, React.createElement("textarea", tslib.__assign({
+      className: classnames(TextArea_module.textarea, TextArea_module[status], reversed ? TextArea_module.reversed : TextArea_module["default"], disabled && TextArea_module.disabled),
+      rows: rows,
+      onChange: onChange || propsOnChange,
+      value: controlledValue,
+      defaultValue: controlledValue ? undefined : defaultValue,
+      // ^ React throws a warning if you specify both a value and a defaultValue
+      ref: textAreaRef,
+      style: getTextAreaStyle(),
+      disabled: disabled
+    }, restProps)), React.createElement("div", {
+      className: TextArea_module.focusRing
+    }));
+  };
+  TextArea.displayName = "TextArea";
+  return TextArea;
+}();
+exports.TextArea = TextArea;
+//# sourceMappingURL=TextArea.cjs.map

package/dist/cjs/TextArea/TextArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.cjs","sources":["../../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React, {\n  TextareaHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TextArea.module.scss\"\n\nexport type TextAreaProps = {\n  textAreaRef?: React.RefObject<HTMLTextAreaElement>\n  status?: \"default\" | \"error\" | \"caution\"\n  autogrow?: boolean\n  reversed?: boolean\n} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>\n\nexport const TextArea = ({\n  textAreaRef: propsTextAreaRef,\n  status = \"default\",\n  autogrow = false,\n  reversed = false,\n  rows = 3,\n  defaultValue,\n  value,\n  disabled,\n  onChange: propsOnChange,\n  ...restProps\n}: TextAreaProps): JSX.Element => {\n  const [textAreaHeight, setTextAreaHeight] = useState<string>(\"auto\")\n  const [parentHeight, setParentHeight] = useState<string>(\"auto\")\n  const [internalValue, setInternalValue] = useState<\n    string | number | readonly string[] | undefined\n  >(autogrow ? defaultValue : undefined)\n  // ^ holds an internal state of the value so that autogrow can still work with uncontrolled textareas\n  // essentially forces the textarea into an (interally) controlled mode if autogrow is true\n  const textAreaRef = propsTextAreaRef || useRef(null)\n\n  useEffect(() => {\n    if (!autogrow) return\n\n    const scrollHeight = textAreaRef.current!.scrollHeight\n    if (scrollHeight < 1) return\n\n    const borderWidth = textAreaRef.current\n      ? parseInt(getComputedStyle(textAreaRef.current).borderTopWidth, 10)\n      : 0\n    const newHeight = scrollHeight + borderWidth * 2\n    setParentHeight(`${newHeight}px`)\n    setTextAreaHeight(`${newHeight}px`)\n  }, [internalValue])\n\n  const onChange = !autogrow\n    ? undefined\n    : (event: React.ChangeEvent<HTMLTextAreaElement>): void => {\n        setTextAreaHeight(\"auto\")\n        // ^ this is required to avoid the textarea height from building up indefinitely\n        // see https://medium.com/@lucasalgus/creating-a-custom-auto-resize-textarea-component-for-your-react-web-application-6959c0ad68bc#2dee\n\n        setInternalValue(event.target.value)\n        if (propsOnChange) {\n          propsOnChange(event)\n        }\n      }\n\n  const getWrapperStyle = (): { minHeight: string } | undefined =>\n    autogrow ? { minHeight: parentHeight } : undefined\n\n  const getTextAreaStyle = (): { height: string } | undefined =>\n    autogrow ? { height: textAreaHeight } : undefined\n\n  const controlledValue = value || internalValue\n\n  return (\n    <div className={styles.wrapper} style={getWrapperStyle()}>\n      <textarea\n        className={classnames(\n          styles.textarea,\n          styles[status],\n          reversed ? styles.reversed : styles.default,\n          disabled && styles.disabled\n        )}\n        rows={rows}\n        onChange={onChange || propsOnChange}\n        value={controlledValue}\n        defaultValue={controlledValue ? undefined : defaultValue}\n        // ^ React throws a warning if you specify both a value and a defaultValue\n        ref={textAreaRef}\n        style={getTextAreaStyle()}\n        disabled={disabled}\n        {...restProps}\n      />\n\n      {/* Textareas aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n    </div>\n  )\n}\n\nTextArea.displayName = \"TextArea\"\n"],"names":["TextArea","_a","propsTextAreaRef","_b","status","_c","autogrow","_d","reversed","_e","rows","defaultValue","value","disabled","propsOnChange","restProps","__rest","_f","useState","textAreaHeight","setTextAreaHeight","_g","parentHeight","setParentHeight","_h","undefined","internalValue","setInternalValue","textAreaRef","useRef","useEffect","scrollHeight","current","borderWidth","parseInt","getComputedStyle","borderTopWidth","newHeight","concat","onChange","event","target","getWrapperStyle","minHeight","getTextAreaStyle","height","controlledValue","React","createElement","className","styles","wrapper","style","__assign","classnames","textarea","ref","focusRing","displayName"],"mappings":"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"}

package/dist/cjs/TextArea/TextArea.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "wrapper": "TextArea-module_wrapper__ytS6M",
+  "textarea": "TextArea-module_textarea__GeHn4",
+  "focusRing": "TextArea-module_focusRing__kECqH",
+  "default": "TextArea-module_default__Z8jvR",
+  "error": "TextArea-module_error__XOQRm",
+  "caution": "TextArea-module_caution__9BGd0",
+  "disabled": "TextArea-module_disabled__N09tP",
+  "reversed": "TextArea-module_reversed__-SoNq"
+};
+module.exports = styles;
+//# sourceMappingURL=TextArea.module.scss.cjs.map

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

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

package/dist/cjs/TextAreaField/TextAreaField.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../FieldGroup/FieldGroup.cjs');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+var Label = require('../Label/Label.cjs');
+var TextArea = require('../TextArea/TextArea.cjs');
+var TextAreaField_module = require('./TextAreaField.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
+ */
+const TextAreaField = /*#__PURE__*/function () {
+  const TextAreaField = function (_a) {
+    var labelText = _a.labelText,
+      _b = _a.inline,
+      inline = _b === void 0 ? false : _b,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      _c = _a.variant,
+      variant = _c === void 0 ? "default" : _c,
+      propsId = _a.id,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      _e = _a.status,
+      status = _e === void 0 ? "default" : _e,
+      disabled = _a.disabled,
+      restProps = tslib.__rest(_a, ["labelText", "inline", "validationMessage", "description", "variant", "id", "reversed", "status", "disabled"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : "";
+    var descriptionAria = description ? "".concat(id, "-field-message") : "";
+    var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
+      return curr ? [curr, prev].join(" ") : prev;
+    }, "");
+    var renderDescriptionOnTop = variant === "prominent";
+    var renderDescription = function (position) {
+      if (!description) return null;
+      return React.createElement("div", {
+        className: classnames(TextAreaField_module.message, disabled && TextAreaField_module.disabled)
+      }, React.createElement(FieldMessage.FieldMessage, {
+        id: descriptionAria,
+        "data-testid": "".concat(id, "-field-description"),
+        message: description,
+        reversed: reversed,
+        position: position
+      }));
+    };
+    return React.createElement(FieldGroup.FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      inline: inline,
+      "data-testid": "".concat(id, "-field-group"),
+      classNameOverride: disabled ? TextAreaField_module.disabled : undefined
+    }, React.createElement("div", {
+      className: classnames(TextAreaField_module.textareaLabel, variant === "prominent" && TextAreaField_module.textareaLabelProminent)
+    }, React.createElement(Label.Label, {
+      id: "".concat(id, "-field-label"),
+      "data-testid": "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-textarea"),
+      labelText: labelText,
+      reversed: reversed,
+      variant: variant,
+      disabled: disabled
+    })), renderDescriptionOnTop && renderDescription("top"), React.createElement(TextArea.TextArea, tslib.__assign({
+      id: "".concat(id, "-field-textarea"),
+      "data-testid": "".concat(id, "-field-textarea"),
+      reversed: reversed,
+      status: status,
+      disabled: disabled,
+      "aria-describedby": ariaDescribedBy
+    }, restProps)), !disabled && validationMessage && React.createElement(FieldMessage.FieldMessage, {
+      id: validationMessageAria,
+      "data-testid": validationMessageAria,
+      message: validationMessage,
+      status: status,
+      reversed: reversed
+    }), !renderDescriptionOnTop && renderDescription("bottom"));
+  };
+  TextAreaField.displayName = "TextAreaField";
+  return TextAreaField;
+}();
+exports.TextAreaField = TextAreaField;
+//# sourceMappingURL=TextAreaField.cjs.map

package/dist/cjs/TextAreaField/TextAreaField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.cjs","sources":["../../../src/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { TextArea, TextAreaProps } from \"~components/TextArea\"\nimport styles from \"./TextAreaField.module.scss\"\n\nexport type TextAreaFieldProps = {\n  labelText: string | React.ReactNode\n  inline?: boolean\n  validationMessage?: string | React.ReactNode\n  description?: string | React.ReactNode\n  variant?: \"default\" | \"prominent\"\n} & TextAreaProps\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}\n */\nexport const TextAreaField = ({\n  labelText,\n  inline = false,\n  validationMessage,\n  description,\n  variant = \"default\",\n  id: propsId,\n  reversed = false,\n  status = \"default\",\n  disabled,\n  ...restProps\n}: TextAreaFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-message` : \"\"\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  const renderDescriptionOnTop = variant === \"prominent\"\n  const renderDescription = (\n    position: \"top\" | \"bottom\"\n  ): JSX.Element | null => {\n    if (!description) return null\n    return (\n      <div className={classnames(styles.message, disabled && styles.disabled)}>\n        <FieldMessage\n          id={descriptionAria}\n          data-testid={`${id}-field-description`}\n          message={description}\n          reversed={reversed}\n          position={position}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      inline={inline}\n      data-testid={`${id}-field-group`}\n      classNameOverride={disabled ? styles.disabled : undefined}\n    >\n      <div\n        className={classnames(\n          styles.textareaLabel,\n          variant === \"prominent\" && styles.textareaLabelProminent\n        )}\n      >\n        <Label\n          id={`${id}-field-label`}\n          data-testid={`${id}-field-label`}\n          htmlFor={`${id}-field-textarea`}\n          labelText={labelText}\n          reversed={reversed}\n          variant={variant}\n          disabled={disabled}\n        />\n      </div>\n      {renderDescriptionOnTop && renderDescription(\"top\")}\n      <TextArea\n        id={`${id}-field-textarea`}\n        data-testid={`${id}-field-textarea`}\n        reversed={reversed}\n        status={status}\n        disabled={disabled}\n        aria-describedby={ariaDescribedBy}\n        {...restProps}\n      />\n      {!disabled && validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          data-testid={validationMessageAria}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n      {!renderDescriptionOnTop && renderDescription(\"bottom\")}\n    </FieldGroup>\n  )\n}\n\nTextAreaField.displayName = \"TextAreaField\"\n"],"names":["TextAreaField","_a","labelText","_b","inline","validationMessage","description","_c","variant","propsId","id","_d","reversed","_e","status","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","renderDescriptionOnTop","renderDescription","position","React","createElement","className","classnames","styles","message","FieldMessage","FieldGroup","classNameOverride","undefined","textareaLabel","textareaLabelProminent","Label","htmlFor","TextArea","__assign","displayName"],"mappings":"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"}

package/dist/cjs/TextAreaField/TextAreaField.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "message": "TextAreaField-module_message__hlao7",
+  "disabled": "TextAreaField-module_disabled__twCef",
+  "textareaLabel": "TextAreaField-module_textareaLabel__sOTRj",
+  "textareaLabelProminent": "TextAreaField-module_textareaLabelProminent__xqcY4"
+};
+module.exports = styles;
+//# sourceMappingURL=TextAreaField.module.scss.cjs.map

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

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

package/dist/cjs/TextField/TextField.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../FieldGroup/FieldGroup.cjs');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+var Input = require('../Input/Input/Input.cjs');
+require('../Input/InputRange/InputRange.cjs');
+require('../Input/InputSearch/InputSearch.cjs');
+var Label = require('../Label/Label.cjs');
+var TextField_module = require('./TextField.module.scss.cjs');
+var SuccessIcon = require('../Icon/SuccessIcon.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
+ */
+const TextField = /*#__PURE__*/function () {
+  const TextField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.inline,
+      inline = _b === void 0 ? false : _b,
+      icon = _a.icon,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      status = _a.status,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      disabled = _a.disabled,
+      restProps = tslib.__rest(_a, ["id", "labelText", "inline", "icon", "validationMessage", "description", "status", "reversed", "disabled"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : "";
+    var descriptionAria = description ? "".concat(id, "-field-description") : "";
+    var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
+      return curr ? [curr, prev].join(" ") : prev;
+    }, "");
+    return React.createElement(FieldGroup.FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      "data-testid": "".concat(id, "-field-group"),
+      inline: inline,
+      classNameOverride: classnames(TextField_module.withLabel, disabled && TextField_module.withDisabled)
+    }, React.createElement(Label.Label, {
+      id: "".concat(id, "-field-label"),
+      "data-testid": "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-input"),
+      labelText: labelText,
+      reversed: reversed,
+      disabled: disabled
+    }), React.createElement(Input.Input, tslib.__assign({
+      id: "".concat(id, "-field-input"),
+      "data-testid": "".concat(id, "-field-input"),
+      "aria-describedby": ariaDescribedBy,
+      classNameOverride: TextField_module.input,
+      disabled: disabled,
+      reversed: reversed,
+      status: status,
+      startIconAdornment: icon,
+      endIconAdornment: status === "success" && React.createElement("div", {
+        className: classnames(TextField_module.success, disabled && TextField_module.disabled)
+      }, React.createElement(SuccessIcon.SuccessIcon, {
+        role: "presentation"
+      }))
+    }, restProps)), validationMessage && React.createElement("div", {
+      className: classnames(TextField_module.message, disabled && TextField_module.disabled)
+    }, React.createElement(FieldMessage.FieldMessage, {
+      id: validationMessageAria,
+      message: validationMessage,
+      status: status,
+      reversed: reversed
+    })), description && React.createElement("div", {
+      className: classnames(TextField_module.message, disabled && TextField_module.disabled)
+    }, React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionAria,
+      message: description,
+      reversed: reversed
+    })));
+  };
+  TextField.displayName = "TextField";
+  return TextField;
+}();
+exports.TextField = TextField;
+//# sourceMappingURL=TextField.cjs.map