@kaizen/components 1.32.0 → 1.34.0

package/dist/cjs/Tabs/subcomponents/TabList.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var tabs = require('@reach/tabs');
+var classnames = require('classnames');
+var TabList_module = require('./TabList.module.scss.cjs');
+
+/**
+ * Wrapper for the tabs themselves
+ */
+var TabList = function (props) {
+  var ariaLabel = props["aria-label"],
+    _a = props.noPadding,
+    noPadding = _a === void 0 ? false : _a,
+    children = props.children,
+    restProps = tslib.__rest(props, ["aria-label", "noPadding", "children"]);
+  return React.createElement(tabs.TabList, tslib.__assign({
+    "aria-label": ariaLabel,
+    className: classnames(TabList_module.tabList, noPadding && TabList_module.noPadding)
+  }, restProps), children);
+};
+exports.TabList = TabList;
+//# sourceMappingURL=TabList.cjs.map

package/dist/cjs/Tabs/subcomponents/TabList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.cjs","sources":["../../../../src/Tabs/subcomponents/TabList.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabList as ReachTabList } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TabList.module.scss\"\n\nexport type TabListProps = {\n  /**\n   * Accessible name for the set of tabs\n   */\n  \"aria-label\": string\n  /**\n   * Removes the built in padding\n   */\n  noPadding?: boolean\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the tabs themselves\n */\nexport const TabList = (props: TabListProps): JSX.Element => {\n  const {\n    \"aria-label\": ariaLabel,\n    noPadding = false,\n    children,\n    ...restProps\n  } = props\n  return (\n    <ReachTabList\n      aria-label={ariaLabel}\n      className={classnames(styles.tabList, noPadding && styles.noPadding)}\n      {...restProps}\n    >\n      {children}\n    </ReachTabList>\n  )\n}\n"],"names":["TabList","props","ariaLabel","_a","noPadding","children","restProps","__rest","React","createElement","ReachTabList","__assign","className","classnames","styles","tabList"],"mappings":";;;;;;;;AAkBA;;AAEG;AACI,IAAMA,OAAO,GAAG,SAAAA,CAACC,KAAmB,EAAA;EAEvC,IAAcC,SAAS,GAIrBD,KAAK,CAJgB,YAAA,CAAA;IACvBE,KAGEF,KAAK,CAAAG,SAHU;IAAjBA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACjBE,QAAQ,GAENJ,KAAK,CAFCI,QAAA;IACLC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CACVN,KAAK,EALH,CAKL,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,CADa;EAEd,OACEO,KAAC,CAAAC,aAAA,CAAAC,IAAY,CAAAV,OAAA,EACCW,KAAA,CAAAA,QAAA,CAAA;IAAA,YAAA,EAAAT,SAAS;IACrBU,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEX,SAAS,IAAIU,cAAM,CAACV,SAAS;EAAC,CAChE,EAAAE,SAAS,CAEZ,EAAAD,QAAQ,CACI;AAEnB,CAAA;"}

package/dist/cjs/Tabs/subcomponents/TabList.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "tabList": "TabList-module_tabList__A8Y9H",
+  "noPadding": "TabList-module_noPadding__v073J"
+};
+module.exports = styles;
+//# sourceMappingURL=TabList.module.scss.cjs.map

package/dist/cjs/Tabs/subcomponents/TabList.module.scss.cjs.map

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

package/dist/cjs/Tabs/subcomponents/TabPanel.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var tabs = require('@reach/tabs');
+
+/**
+ * Wrapper for the content that shows when tab is active
+ */
+var TabPanel = function (props) {
+  var classNameOverride = props.classNameOverride,
+    children = props.children,
+    restProps = tslib.__rest(props, ["classNameOverride", "children"]);
+  return React.createElement(tabs.TabPanel, tslib.__assign({
+    className: classNameOverride
+  }, restProps), children);
+};
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=TabPanel.cjs.map

package/dist/cjs/Tabs/subcomponents/TabPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.cjs","sources":["../../../../src/Tabs/subcomponents/TabPanel.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabPanel as ReachTabPanel } from \"@reach/tabs\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TabPanel.module.scss\"\n\nexport type TabPanelProps = {\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the content that shows when tab is active\n */\nexport const TabPanel = (props: TabPanelProps): JSX.Element => {\n  const { classNameOverride, children, ...restProps } = props\n  return (\n    <ReachTabPanel\n      className={(styles.tabPanel, classNameOverride)}\n      {...restProps}\n    >\n      {children}\n    </ReachTabPanel>\n  )\n}\n"],"names":["TabPanel","props","classNameOverride","children","restProps","__rest","React","createElement","ReachTabPanel","className"],"mappings":";;;;;;AASA;;AAEG;AACI,IAAMA,QAAQ,GAAG,SAAAA,CAACC,KAAoB,EAAA;EACnC,IAAAC,iBAAiB,GAA6BD,KAAK,CAAlCC,iBAAA;IAAEC,QAAQ,GAAmBF,KAAK,CAAxBE,QAAA;IAAKC,SAAS,GAAKC,KAAA,CAAAA,MAAA,CAAAJ,KAAK,EAArD,CAAA,mBAAA,EAAA,UAAA,CAA6C,CAAF;EACjD,OACEK,KAAC,CAAAC,aAAA,CAAAC,IAAa,CAAAR,QAAA;IACZS,SAAS,EAAoBP;EACzB,CAAA,EAAAE,SAAS,GAEZD,QAAQ,CACK;AAEpB,CAAA;"}

package/dist/cjs/Tabs/subcomponents/TabPanels.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var tabs = require('@reach/tabs');
+
+/**
+ * Wrapper for the content panels
+ */
+var TabPanels = function (props) {
+  var children = props.children,
+    restProps = tslib.__rest(props, ["children"]);
+  return React.createElement(tabs.TabPanels, tslib.__assign({}, restProps), children);
+};
+exports.TabPanels = TabPanels;
+//# sourceMappingURL=TabPanels.cjs.map

package/dist/cjs/Tabs/subcomponents/TabPanels.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.cjs","sources":["../../../../src/Tabs/subcomponents/TabPanels.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabPanels as ReachTabPanels } from \"@reach/tabs\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\n\nexport type TabPanelsProps = {\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the content panels\n */\nexport const TabPanels = (props: TabPanelsProps): JSX.Element => {\n  const { children, ...restProps } = props\n  return <ReachTabPanels {...restProps}>{children}</ReachTabPanels>\n}\n"],"names":["TabPanels","props","children","restProps","__rest","React","ReachTabPanels","__assign"],"mappings":";;;;;;AAQA;;AAEG;AACI,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAqB,EAAA;EACrC,IAAAC,QAAQ,GAAmBD,KAAK,CAAxBC,QAAA;IAAKC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAKH,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;EAC9B,OAAOI,oBAACC,cAAc,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKJ,SAAS,CAAG,EAAAD,QAAQ,CAAkB;AACnE,CAAA;"}

package/dist/cjs/TextField/TextField.cjs

@@ -5,12 +5,14 @@ var React = require('react');
 var classnames = require('classnames');
 var FieldGroup = require('../FieldGroup/FieldGroup.cjs');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var SuccessIcon = require('../Icon/SuccessIcon.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} |

package/dist/cjs/TextField/TextField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.cjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport { SuccessIcon } from \"..\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}
+{"version":3,"file":"TextField.cjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { SuccessIcon } from \"~components/Icon\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport type TextFieldProps = {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n} & Omit<InputProps, OmittedInputProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}

package/dist/cjs/ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var CheckIcon = require('../../Icon/CheckIcon.cjs');
+var ToggleSwitch_module = require('./ToggleSwitch.module.scss.cjs');
+const ToggleSwitch = /*#__PURE__*/function () {
+  const ToggleSwitch = function (_a) {
+    var toggledStatus = _a.toggledStatus,
+      onToggle = _a.onToggle,
+      reversed = _a.reversed,
+      restProps = tslib.__rest(_a, ["toggledStatus", "onToggle", "reversed"]);
+    var isOn = toggledStatus === "on";
+    return React.createElement("span", {
+      className: classnames(isOn ? ToggleSwitch_module.on : ToggleSwitch_module.off, reversed && ToggleSwitch_module.reversed)
+    }, React.createElement("input", tslib.__assign({
+      type: "checkbox",
+      className: ToggleSwitch_module.checkbox,
+      checked: isOn ? true : false,
+      onChange: onToggle
+    }, restProps)), React.createElement("span", {
+      className: ToggleSwitch_module.track
+    }, React.createElement("span", {
+      className: ToggleSwitch_module.thumb
+    }, React.createElement(CheckIcon.CheckIcon, {
+      role: "presentation"
+    }))));
+  };
+  ToggleSwitch.displayName = "ToggleSwitch";
+  return ToggleSwitch;
+}();
+exports.ToggleSwitch = ToggleSwitch;
+//# sourceMappingURL=ToggleSwitch.cjs.map

package/dist/cjs/ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.cjs","sources":["../../../../src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ToggleSwitch.module.scss\"\n\nexport type ToggledStatus = \"on\" | \"off\"\n\nexport type ToggleSwitchProps = {\n  toggledStatus?: ToggledStatus\n  /**\n   * Alias for `onChange`\n   */\n  onToggle?: React.ChangeEventHandler<HTMLInputElement>\n  reversed?: boolean\n} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\">>\n\nexport const ToggleSwitch = ({\n  toggledStatus,\n  onToggle,\n  reversed,\n  ...restProps\n}: ToggleSwitchProps): JSX.Element => {\n  const isOn = toggledStatus === \"on\"\n\n  return (\n    <span\n      className={classnames(\n        isOn ? styles.on : styles.off,\n        reversed && styles.reversed\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        className={styles.checkbox}\n        checked={isOn ? true : false}\n        onChange={onToggle}\n        {...restProps}\n      />\n      <span className={styles.track}>\n        <span className={styles.thumb}>\n          <CheckIcon role=\"presentation\" />\n        </span>\n      </span>\n    </span>\n  )\n}\n\nToggleSwitch.displayName = \"ToggleSwitch\"\n"],"names":["ToggleSwitch","_a","toggledStatus","onToggle","reversed","restProps","__rest","isOn","React","createElement","className","classnames","styles","on","off","__assign","type","checkbox","checked","onChange","track","thumb","CheckIcon","role","displayName"],"mappings":";;;;;;;;;MAiBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJlB,IAAAC,aAAa,GAAAD,EAAA,CAAAC,aAAA;MACbC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;MACLC,SAAS,GAJeC,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,UAAA,CAK5B,CADa;IAEZ,IAAMM,IAAI,GAAGL,aAAa,KAAK,IAAI;IAEnC,OACEM,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBJ,IAAI,GAAGK,mBAAM,CAACC,EAAE,GAAGD,mBAAM,CAACE,GAAG,EAC7BV,QAAQ,IAAIQ,mBAAM,CAACR,QAAQ;IAC5B,CAAA,EAEDI,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAM,KAAAA,CAAAA,QAAA,CAAA;MAAAC,IAAI,EAAC,UAAU;MACfN,SAAS,EAAEE,mBAAM,CAACK,QAAQ;MAC1BC,OAAO,EAAEX,IAAI,GAAG,IAAI,GAAG,KAAK;MAC5BY,QAAQ,EAAEhB;IAAQ,CACd,EAAAE,SAAS,CACb,CAAA,EACFG,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEE,mBAAM,CAACQ;IAAK,CAAA,EAC3BZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEE,mBAAM,CAACS;IAAK,CAAA,EAC3Bb,KAAC,CAAAC,aAAA,CAAAa,mBAAS,EAAC;MAAAC,IAAI,EAAC;MAAiB,CAC5B,CACF,CACF;EAEX,CAAC;EAEDvB,YAAY,CAACwB,WAAW,GAAG,cAAc;EAAA,OA/B5BxB,YAAY;AAAA;"}

package/dist/cjs/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var styles = {
+  "checkbox": "ToggleSwitch-module_checkbox__ezWz3",
+  "track": "ToggleSwitch-module_track__fcDMP",
+  "thumb": "ToggleSwitch-module_thumb__8PULV",
+  "checkIcon": "ToggleSwitch-module_checkIcon__8iitB",
+  "on": "ToggleSwitch-module_on__CQpkh",
+  "off": "ToggleSwitch-module_off__OhSEP",
+  "reversed": "ToggleSwitch-module_reversed__Q3-iM"
+};
+module.exports = styles;
+//# sourceMappingURL=ToggleSwitch.module.scss.cjs.map

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

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

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../../FieldGroup/FieldGroup.cjs');
+var Label = require('../../Label/Label.cjs');
+var ToggleSwitch = require('../ToggleSwitch/ToggleSwitch.cjs');
+var ToggleSwitchField_module = require('./ToggleSwitchField.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}
+ */
+const ToggleSwitchField = /*#__PURE__*/function () {
+  const ToggleSwitchField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.labelPosition,
+      labelPosition = _b === void 0 ? "start" : _b,
+      toggledStatus = _a.toggledStatus,
+      disabled = _a.disabled,
+      reversed = _a.reversed,
+      inline = _a.inline,
+      fullWidth = _a.fullWidth,
+      restProps = tslib.__rest(_a, ["id", "labelText", "labelPosition", "toggledStatus", "disabled", "reversed", "inline", "fullWidth"]);
+    var reactId = React.useId();
+    var id = propsId || reactId;
+    return React.createElement(FieldGroup.FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      inline: inline,
+      classNameOverride: classnames(ToggleSwitchField_module.container, fullWidth && ToggleSwitchField_module.fullWidth, toggledStatus === "on" && ToggleSwitchField_module.on)
+    }, React.createElement("div", {
+      className: ToggleSwitchField_module.inner
+    }, React.createElement(Label.Label, {
+      id: "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-toggle"),
+      labelText: labelText,
+      labelType: "toggle",
+      labelPosition: labelPosition,
+      disabled: disabled,
+      reversed: reversed
+    }, React.createElement(ToggleSwitch.ToggleSwitch, tslib.__assign({
+      id: "".concat(id, "-field-toggle"),
+      disabled: disabled,
+      reversed: reversed,
+      toggledStatus: toggledStatus
+    }, restProps)))));
+  };
+  ToggleSwitchField.displayName = "ToggleSwitchField";
+  return ToggleSwitchField;
+}();
+exports.ToggleSwitchField = ToggleSwitchField;
+//# sourceMappingURL=ToggleSwitchField.cjs.map

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchField.cjs","sources":["../../../../src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { Label } from \"~components/Label\"\nimport {\n  ToggledStatus,\n  ToggleSwitch,\n  ToggleSwitchProps,\n} from \"../ToggleSwitch/ToggleSwitch\"\nimport styles from \"./ToggleSwitchField.module.scss\"\n\nexport type ToggleSwitchFieldProps = {\n  labelText: React.ReactNode\n  labelPosition?: \"start\" | \"end\"\n  toggledStatus?: ToggledStatus\n  disabled?: boolean\n  reversed?: boolean\n  inline?: boolean\n  fullWidth?: boolean\n} & ToggleSwitchProps\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}\n */\nexport const ToggleSwitchField = ({\n  id: propsId,\n  labelText,\n  labelPosition = \"start\",\n  toggledStatus,\n  disabled,\n  reversed,\n  inline,\n  fullWidth,\n  ...restProps\n}: ToggleSwitchFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId || reactId\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.container,\n        fullWidth && styles.fullWidth,\n        toggledStatus === \"on\" && styles.on\n      )}\n    >\n      <div className={styles.inner}>\n        <Label\n          id={`${id}-field-label`}\n          htmlFor={`${id}-field-toggle`}\n          labelText={labelText}\n          labelType=\"toggle\"\n          labelPosition={labelPosition}\n          disabled={disabled}\n          reversed={reversed}\n        >\n          <ToggleSwitch\n            id={`${id}-field-toggle`}\n            disabled={disabled}\n            reversed={reversed}\n            toggledStatus={toggledStatus}\n            {...restProps}\n          />\n        </Label>\n      </div>\n    </FieldGroup>\n  )\n}\n\nToggleSwitchField.displayName = \"ToggleSwitchField\"\n"],"names":["ToggleSwitchField","_a","propsId","id","labelText","_b","labelPosition","toggledStatus","disabled","reversed","inline","fullWidth","restProps","__rest","reactId","useId","React","createElement","FieldGroup","concat","classNameOverride","classnames","styles","container","on","className","inner","Label","htmlFor","labelType","ToggleSwitch","__assign","displayName"],"mappings":";;;;;;;;;;AAqBA;;;AAGG;AAHH,MAIaA,iBAAiB;EAAA,MAAjBA,iBAAiB,GAAG,SAAAA,CAACC,EAUT,EAAA;IATvB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,EAAuB,GAAAJ,EAAA,CAAAK,aAAA;MAAvBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACvBE,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACRC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,SAAS,GAAAV,EAAA,CAAAU,SAAA;MACNC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAZ,EAAA,EAToB,oGAUjC,CADa;IAEZ,IAAMa,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,IAAIY,OAAO;IAE7B,OACEE,KAAA,CAAAC,aAAA,CAACC,UAAU,CAAAA,UAAA,EAAA;MACTf,EAAE,EAAE,EAAA,CAAAgB,MAAA,CAAGhB,EAAE,EAAA,cAAA,CAAc;MACvBO,MAAM,EAAEA,MAAM;MACdU,iBAAiB,EAAEC,UAAU,CAC3BC,wBAAM,CAACC,SAAS,EAChBZ,SAAS,IAAIW,wBAAM,CAACX,SAAS,EAC7BJ,aAAa,KAAK,IAAI,IAAIe,wBAAM,CAACE,EAAE;IACpC,CAAA,EAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKQ,SAAS,EAAEH,wBAAM,CAACI;IAAK,CAAA,EAC1BV,KAAA,CAAAC,aAAA,CAACU,WAAK,EAAA;MACJxB,EAAE,EAAE,UAAGA,EAAE,EAAA,cAAA,CAAc;MACvByB,OAAO,EAAE,EAAA,CAAAT,MAAA,CAAGhB,EAAE,EAAA,eAAA,CAAe;MAC7BC,SAAS,EAAEA,SAAS;MACpByB,SAAS,EAAC,QAAQ;MAClBvB,aAAa,EAAEA,aAAa;MAC5BE,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA;IAAQ,CAAA,EAElBO,KAAC,CAAAC,aAAA,CAAAa,YAAAA,CAAAA,YAAY,EACXC,KAAA,CAAAA,QAAA,CAAA;MAAA5B,EAAE,EAAE,EAAA,CAAAgB,MAAA,CAAGhB,EAAE,EAAA,eAAA,CAAe;MACxBK,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA,QAAQ;MAClBF,aAAa,EAAEA;IAAa,CAAA,EACxBK,SAAS,CAAA,CACb,CACI,CACJ,CACK;EAEjB,CAAC;EAEDZ,iBAAiB,CAACgC,WAAW,GAAG,mBAAmB;EAAA,OA/CtChC,iBAAiB;AAAA;"}

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "container": "ToggleSwitchField-module_container__e7TXD",
+  "fullWidth": "ToggleSwitchField-module_fullWidth__ybDf-",
+  "inner": "ToggleSwitchField-module_inner__9-O0m",
+  "on": "ToggleSwitchField-module_on__HQOkN"
+};
+module.exports = styles;
+//# sourceMappingURL=ToggleSwitchField.module.scss.cjs.map

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.cjs.map

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

package/dist/cjs/dts/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const MinimalBasic: () => JSX.Element;
 export declare const MinimalCustomerFocused: () => JSX.Element;
 export declare const FakeNavBar: () => JSX.Element;

package/dist/cjs/dts/Button/IconButton/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GenericProps, ButtonFormAttributes, WorkingProps, WorkingUndefinedProps, ButtonBadgeProps } from "../GenericButton";
 export type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;

package/dist/cjs/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerRangeProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarRangeElement = HTMLDivElement;

package/dist/cjs/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerSingleProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarSingleElement = HTMLDivElement;

package/dist/cjs/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
 import { DayOfWeek } from "../enums";
 export type LegacyCalendarRangeElement = HTMLDivElement;

package/dist/cjs/dts/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CollapsibleProps } from "../Collapsible";
 export type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
 /**

package/dist/cjs/dts/DateInput/DateInputDescription/DateInputDescription.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DateInputDescriptionProps = {
     description?: string | JSX.Element;
     locale: Locale;

package/dist/cjs/dts/Filter/_docs/controls/renderTriggerControls.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterButtonProps } from "../../../FilterButton";
 export declare const renderTriggerControls: {
     description: string;

package/dist/cjs/dts/FilterBar/FilterBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OverrideClassName } from "../types/OverrideClassName";
 import { FilterBarProviderProps } from "./context/FilterBarContext";
 import { FiltersValues } from "./types";

package/dist/cjs/dts/FilterBar/context/FilterBarContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterAttributes, FilterState, Filters, FiltersValues } from "../types";
 import { ActiveFiltersArray } from "./types";
 export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {

package/dist/cjs/dts/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AddFiltersMenu: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterBar/subcomponents/ClearAllButton/ClearAllButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClearAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterDatePickerProps } from "../../../FilterDatePicker";
 export type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
     id?: string;

package/dist/cjs/dts/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterDateRangePickerProps } from "../../../FilterDateRangePicker";
 export type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
     id?: string;

package/dist/cjs/dts/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterSelectProps, SelectOption } from "../../../FilterSelect";
 export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
     id?: string;

package/dist/cjs/dts/FilterDatePicker/FilterDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDatePickerFieldProps } from "./subcomponents/FilterDatePickerField";

package/dist/cjs/dts/FilterDateRangePicker/FilterDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDateRangePickerFieldProps } from "./subcomponents/FilterDateRangePickerField";

package/dist/cjs/dts/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DateRangeDisplayLabelProps = {
     dateRange: {
         from: Date;

package/dist/cjs/dts/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangeFieldValidationMessage } from "../FilterDateRangePickerField/types";
 export type DateRangeValidationMessageProps = {
     validationMessage?: DateRangeFieldValidationMessage;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from "../../../Button";
 export type LoadMoreButtonProps = ButtonProps;
 export declare const LoadMoreButton: {

package/dist/cjs/dts/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type MenuLoadingSkeletonProps = {
     isAnimated?: boolean;
 };

package/dist/cjs/dts/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MultiSelectItem } from "../../types";
 export interface MultiSelectOptionProps {
     classNameOverride?: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SearchInput/SearchInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type SearchInputProps = {
     label?: string;
     id?: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SectionDivider: () => JSX.Element;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClearButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SelectAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FilterTriggerButtonProps = {
     label: string;
     selectedOptionLabels: string[];

package/dist/cjs/dts/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterTriggerButtonProps } from "../FilterTriggerButton";
 export type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
     onRemove: () => void;

package/dist/cjs/dts/FilterSelect/FilterSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps as AriaSelectProps } from "@react-stately/select";
 import { FilterButtonProps } from "../FilterButton";
 import { SelectPopoverContentsProps } from "../__future__/Select/subcomponents";

package/dist/cjs/dts/Icon/AcademyIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AcademyIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOffIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOffWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOnIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddLinkIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddLinkIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AiIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AiIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArchivedIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArchivedWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowBackwardIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowDownIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowDownIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowForwardIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowLeftIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowRightIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowRightIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowUpIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowUpIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BlankIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BlankIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BoldIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BoldIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BookmarkOffIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BookmarkOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BookmarkOnIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BookmarkOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BranchingIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BranchingIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BullettedListIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BullettedListIcon: (props: IconProps) => JSX.Element;