@drivy/cobalt 0.16.1 → 0.16.2

package/components/Form/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Form/Stepper.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport { Button } from \"../Button\"\n\nconst enforceInRange = (\n  value: number,\n  min: number | undefined,\n  max: number | undefined\n) => {\n  let enforcedValue = value\n  if (typeof max !== \"undefined\") {\n    enforcedValue = Math.min(enforcedValue, max)\n  }\n  if (typeof min !== \"undefined\") {\n    enforcedValue = Math.max(enforcedValue, min)\n  }\n  return enforcedValue\n}\n\ntype Props = {\n  value: number\n  name?: string\n  disabled?: boolean\n  min?: number\n  max?: number\n  step: number\n  onChange?: (value: number) => void\n  children?: (value: number) => React.ReactNode\n} & FormElement\n\ntype State = {\n  value: number\n}\n\nclass Stepper extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n\n    if (props.step < 0)\n      throw new Error(\"Incorrect step value. Can't be below zero\")\n\n    this.onDecrement = this.onDecrement.bind(this)\n    this.onIncrement = this.onIncrement.bind(this)\n    this.changeValue = this.changeValue.bind(this)\n\n    this.state = {\n      value: enforceInRange(props.value, props.min, props.max),\n    }\n  }\n\n  componentDidUpdate(_prevProps: Props, prevState: State) {\n    if (prevState.value !== this.state.value) {\n      this.changeValue(this.state.value)\n    } else if (this.props.value !== this.state.value) {\n      this.changeValue(this.props.value)\n    }\n  }\n\n  onDecrement = () => {\n    ;(this.props.min !== null || this.state.value > this.props.min) &&\n      this.changeValue(\n        parseFloat((this.state.value - this.props.step).toFixed(10))\n      )\n  }\n\n  onIncrement = () => {\n    ;(this.props.max !== null || this.state.value < this.props.max) &&\n      this.changeValue(\n        parseFloat((this.state.value + this.props.step).toFixed(10))\n      )\n  }\n\n  changeValue = (value: number) => {\n    this.setState(\n      {\n        value: enforceInRange(value, this.props.min, this.props.max),\n      },\n      () => {\n        this.props.onChange && this.props.onChange(this.state.value)\n      }\n    )\n  }\n\n  render() {\n    const { name, status, disabled, min, max, children } = this.props\n\n    return (\n      <div\n        className={classNames(\"cobalt-Stepper\", {\n          \"cobalt-Stepper--disabled\": disabled,\n          \"cobalt-Stepper--success\": status === \"success\",\n          \"cobalt-Stepper--error\": status === \"error\",\n        })}\n      >\n        <div className=\"cobalt-Stepper__Wrapper\">\n          <Button\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === min}\n            onClick={this.onDecrement}\n            type={\"button\"}\n          >\n            -\n          </Button>\n          <div className=\"cobalt-Stepper__ContentWrapper\">\n            {children ? children(this.state.value) : this.state.value}\n            <input type=\"hidden\" name={name} value={this.state.value} />\n          </div>\n          <Button\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === max}\n            onClick={this.onIncrement}\n            type={\"button\"}\n          >\n            +\n          </Button>\n        </div>\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(Stepper)\nwrappedComponent.displayName = \"Stepper\"\n\nexport { wrappedComponent as Stepper }\n\ntype StepperMetaProps = {\n  children: React.ReactNode\n}\nconst StepperMeta = ({ children }: StepperMetaProps) => {\n  return <div className=\"cobalt-Stepper__Meta\">{children}</div>\n}\n\nexport { StepperMeta }\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Form/Stepper.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport { Button } from \"../Button\"\n\nconst enforceInRange = (\n  value: number,\n  min: number | undefined,\n  max: number | undefined\n) => {\n  let enforcedValue = value\n  if (typeof max !== \"undefined\") {\n    enforcedValue = Math.min(enforcedValue, max)\n  }\n  if (typeof min !== \"undefined\") {\n    enforcedValue = Math.max(enforcedValue, min)\n  }\n  return enforcedValue\n}\n\ntype Props = {\n  value: number\n  name?: string\n  disabled?: boolean\n  min?: number\n  max?: number\n  step: number\n  onChange?: (value: number) => void\n  children?: (value: number) => React.ReactNode\n} & FormElement\n\ntype State = {\n  value: number\n}\n\nclass Stepper extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n\n    if (props.step < 0)\n      throw new Error(\"Incorrect step value. Can't be below zero\")\n\n    this.onDecrement = this.onDecrement.bind(this)\n    this.onIncrement = this.onIncrement.bind(this)\n    this.changeValue = this.changeValue.bind(this)\n\n    this.state = {\n      value: enforceInRange(props.value, props.min, props.max),\n    }\n  }\n\n  componentDidUpdate(_prevProps: Props, prevState: State) {\n    if (prevState.value !== this.state.value) {\n      this.changeValue(this.state.value)\n    } else if (this.props.value !== this.state.value) {\n      this.changeValue(this.props.value)\n    }\n  }\n\n  onDecrement = () => {\n    ;(this.props.min !== null || this.state.value > this.props.min) &&\n      this.changeValue(\n        parseFloat((this.state.value - this.props.step).toFixed(10))\n      )\n  }\n\n  onIncrement = () => {\n    ;(this.props.max !== null || this.state.value < this.props.max) &&\n      this.changeValue(\n        parseFloat((this.state.value + this.props.step).toFixed(10))\n      )\n  }\n\n  changeValue = (value: number) => {\n    this.setState(\n      {\n        value: enforceInRange(value, this.props.min, this.props.max),\n      },\n      () => {\n        this.props.onChange && this.props.onChange(this.state.value)\n      }\n    )\n  }\n\n  render() {\n    const { name, status, disabled, min, max, children } = this.props\n\n    return (\n      <div\n        className={classNames(\"cobalt-Stepper\", {\n          \"cobalt-Stepper--disabled\": disabled,\n          \"cobalt-Stepper--success\": status === \"success\",\n          \"cobalt-Stepper--error\": status === \"error\",\n        })}\n      >\n        <div className=\"cobalt-Stepper__Wrapper\">\n          <Button\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === min}\n            onClick={this.onDecrement}\n            type={\"button\"}\n          >\n            -\n          </Button>\n          <div className=\"cobalt-Stepper__ContentWrapper\">\n            {children ? children(this.state.value) : this.state.value}\n            <input type=\"hidden\" name={name} value={this.state.value} />\n          </div>\n          <Button\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === max}\n            onClick={this.onIncrement}\n            type={\"button\"}\n          >\n            +\n          </Button>\n        </div>\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(Stepper)\nwrappedComponent.displayName = \"Stepper\"\n\nexport { wrappedComponent as Stepper }\n\ntype StepperMetaProps = {\n  children: React.ReactNode\n}\nconst StepperMeta = ({ children }: StepperMetaProps) => {\n  return <div className=\"cobalt-Stepper__Meta\">{children}</div>\n}\n\nexport { StepperMeta }\n"],"names":["classNames"],"mappings":"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"}

package/components/Form/TextArea.js

@@ -1,20 +1,17 @@
-import { __extends, __rest, __assign } from '../../_virtual/_tslib.js';
 import React, { PureComponent } from 'react';
 import cx from 'classnames';
 import { withFieldLabelAndHint } from './field.js';
 
-var TextArea = /** @class */ (function (_super) {
-    __extends(TextArea, _super);
-    function TextArea(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleChange = _this.handleChange.bind(_this);
-        _this.state = {
+class TextArea extends PureComponent {
+    constructor(props) {
+        super(props);
+        this.handleChange = this.handleChange.bind(this);
+        this.state = {
             length: 0,
             height: 0,
         };
-        return _this;
     }
-    TextArea.prototype.handleChange = function (event) {
+    handleChange(event) {
         if (this.props.autosize || this.props.maxLength) {
             this.setState({
                 length: event.target.value.length,
@@ -22,26 +19,25 @@ var TextArea = /** @class */ (function (_super) {
             });
         }
         this.props.onChange && this.props.onChange(event);
-    };
-    TextArea.prototype.render = function () {
-        var _a = this.props, autosize = _a.autosize, className = _a.className, inputClassName = _a.inputClassName, status = _a.status, maxLength = _a.maxLength, nativeProps = __rest(_a, ["autosize", "className", "inputClassName", "status", "maxLength"]);
+    }
+    render() {
+        const { autosize, className, inputClassName, status, maxLength, ...nativeProps } = this.props;
         return (React.createElement("div", { className: cx("cobalt-TextAreaField", className, {
                 "cobalt-TextAreaField--withLimit": maxLength && maxLength > 0,
                 "cobalt-TextAreaField--success": status === "success",
                 "cobalt-TextAreaField--error": status === "error",
             }) },
-            React.createElement("textarea", __assign({}, nativeProps, { maxLength: maxLength, style: autosize
+            React.createElement("textarea", { ...nativeProps, maxLength: maxLength, style: autosize
                     ? {
                         height: this.state.height + "px",
                     }
-                    : {}, onChange: this.handleChange, className: cx("cobalt-TextAreaField__Input", inputClassName) })),
+                    : {}, onChange: this.handleChange, className: cx("cobalt-TextAreaField__Input", inputClassName) }),
             this.state.length > 0 && maxLength && maxLength > 0 && (React.createElement("div", { className: "cobalt-TextAreaField__RemainingChars" },
                 maxLength - this.state.length,
                 " remaining characters"))));
-    };
-    return TextArea;
-}(PureComponent));
-var wrappedComponent = withFieldLabelAndHint(TextArea);
+    }
+}
+const wrappedComponent = withFieldLabelAndHint(TextArea);
 wrappedComponent.displayName = "TextArea";
 
 export { wrappedComponent as TextArea };

package/components/Form/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/Form/TextArea.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport cx from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\ntype Props = {\n  maxLength?: number\n  className?: string\n  inputClassName?: string\n  autosize?: boolean\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n} & FormElement &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n\ntype State = {\n  length: number\n  height: number\n}\n\nclass TextArea extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n    this.handleChange = this.handleChange.bind(this)\n\n    this.state = {\n      length: 0,\n      height: 0,\n    }\n  }\n\n  handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    if (this.props.autosize || this.props.maxLength) {\n      this.setState({\n        length: event.target.value.length,\n        height: event.target.scrollHeight + 2,\n      })\n    }\n    this.props.onChange && this.props.onChange(event)\n  }\n\n  render() {\n    const {\n      autosize,\n      className,\n      inputClassName,\n      status,\n      maxLength,\n      ...nativeProps\n    } = this.props\n\n    return (\n      <div\n        className={cx(\"cobalt-TextAreaField\", className, {\n          \"cobalt-TextAreaField--withLimit\": maxLength && maxLength > 0,\n          \"cobalt-TextAreaField--success\": status === \"success\",\n          \"cobalt-TextAreaField--error\": status === \"error\",\n        })}\n      >\n        <textarea\n          {...nativeProps}\n          maxLength={maxLength}\n          style={\n            autosize\n              ? {\n                  height: this.state.height + \"px\",\n                }\n              : {}\n          }\n          onChange={this.handleChange}\n          className={cx(\"cobalt-TextAreaField__Input\", inputClassName)}\n        />\n        {this.state.length > 0 && maxLength && maxLength > 0 && (\n          <div className=\"cobalt-TextAreaField__RemainingChars\">\n            {maxLength - this.state.length} remaining characters\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(TextArea)\nwrappedComponent.displayName = \"TextArea\"\n\nexport { wrappedComponent as TextArea }\n"],"names":[],"mappings":";;;;;AAmBA,IAAA,QAAA,kBAAA,UAAA,MAAA,EAAA;IAAuB,SAA2B,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAChD,IAAA,SAAA,QAAA,CAAY,KAAY,EAAA;QAAxB,IACE,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAM,KAAK,CAAC,IAOb,IAAA,CAAA;QANC,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAI,CAAC,CAAA;QAEhD,KAAI,CAAC,KAAK,GAAG;AACX,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;SACV,CAAA;;KACF;IAED,QAAY,CAAA,SAAA,CAAA,YAAA,GAAZ,UAAa,KAA6C,EAAA;QACxD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC;AACZ,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AACjC,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC;AACtC,aAAA,CAAC,CAAA;AACH,SAAA;AACD,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;KAClD,CAAA;AAED,IAAA,QAAA,CAAA,SAAA,CAAA,MAAM,GAAN,YAAA;QACE,IAAM,EAAA,GAOF,IAAI,CAAC,KAAK,EANZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,oBAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,WAAW,GAAA,MAAA,CAAA,EAAA,EANV,CAOL,UAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,WAAA,CAAA,CAAa,CAAA;QAEd,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE;AAC/C,gBAAA,iCAAiC,EAAE,SAAS,IAAI,SAAS,GAAG,CAAC;gBAC7D,+BAA+B,EAAE,MAAM,KAAK,SAAS;gBACrD,6BAA6B,EAAE,MAAM,KAAK,OAAO;aAClD,CAAC,EAAA;YAEF,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,WAAW,IACf,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,QAAQ;AACN,sBAAE;AACE,wBAAA,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI;AACjC,qBAAA;AACH,sBAAE,EAAE,EAER,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,EAC5D,CAAA,CAAA;AACD,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,KAClD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sCAAsC,EAAA;AAClD,gBAAA,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;wCAC1B,CACP,CACG,EACP;KACF,CAAA;IACH,OAAC,QAAA,CAAA;AAAD,CA5DA,CAAuB,aAAa,CA4DnC,CAAA,CAAA;AAED,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,EAAC;AACxD,gBAAgB,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/Form/TextArea.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport cx from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\ntype Props = {\n  maxLength?: number\n  className?: string\n  inputClassName?: string\n  autosize?: boolean\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n} & FormElement &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n\ntype State = {\n  length: number\n  height: number\n}\n\nclass TextArea extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n    this.handleChange = this.handleChange.bind(this)\n\n    this.state = {\n      length: 0,\n      height: 0,\n    }\n  }\n\n  handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    if (this.props.autosize || this.props.maxLength) {\n      this.setState({\n        length: event.target.value.length,\n        height: event.target.scrollHeight + 2,\n      })\n    }\n    this.props.onChange && this.props.onChange(event)\n  }\n\n  render() {\n    const {\n      autosize,\n      className,\n      inputClassName,\n      status,\n      maxLength,\n      ...nativeProps\n    } = this.props\n\n    return (\n      <div\n        className={cx(\"cobalt-TextAreaField\", className, {\n          \"cobalt-TextAreaField--withLimit\": maxLength && maxLength > 0,\n          \"cobalt-TextAreaField--success\": status === \"success\",\n          \"cobalt-TextAreaField--error\": status === \"error\",\n        })}\n      >\n        <textarea\n          {...nativeProps}\n          maxLength={maxLength}\n          style={\n            autosize\n              ? {\n                  height: this.state.height + \"px\",\n                }\n              : {}\n          }\n          onChange={this.handleChange}\n          className={cx(\"cobalt-TextAreaField__Input\", inputClassName)}\n        />\n        {this.state.length > 0 && maxLength && maxLength > 0 && (\n          <div className=\"cobalt-TextAreaField__RemainingChars\">\n            {maxLength - this.state.length} remaining characters\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(TextArea)\nwrappedComponent.displayName = \"TextArea\"\n\nexport { wrappedComponent as TextArea }\n"],"names":[],"mappings":";;;;AAmBA,MAAM,QAAS,SAAQ,aAA2B,CAAA;AAChD,IAAA,WAAA,CAAY,KAAY,EAAA;QACtB,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEhD,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;SACV,CAAA;KACF;AAED,IAAA,YAAY,CAAC,KAA6C,EAAA;QACxD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC;AACZ,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AACjC,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC;AACtC,aAAA,CAAC,CAAA;AACH,SAAA;AACD,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;KAClD;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,GAAG,WAAW,EACf,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE;AAC/C,gBAAA,iCAAiC,EAAE,SAAS,IAAI,SAAS,GAAG,CAAC;gBAC7D,+BAA+B,EAAE,MAAM,KAAK,SAAS;gBACrD,6BAA6B,EAAE,MAAM,KAAK,OAAO;aAClD,CAAC,EAAA;YAEF,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,WAAW,EACf,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,QAAQ;AACN,sBAAE;AACE,wBAAA,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI;AACjC,qBAAA;AACH,sBAAE,EAAE,EAER,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,EAC5D,CAAA;AACD,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,KAClD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sCAAsC,EAAA;AAClD,gBAAA,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;wCAC1B,CACP,CACG,EACP;KACF;AACF,CAAA;AAED,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,EAAC;AACxD,gBAAgB,CAAC,WAAW,GAAG,UAAU;;;;"}

package/components/Form/TextInput.js

@@ -1,11 +1,9 @@
-import { __rest, __assign } from '../../_virtual/_tslib.js';
 import React from 'react';
 import cx from 'classnames';
 import { Icon } from '../Icon/index.js';
 import { withFieldLabelAndHint } from './field.js';
 
-var TextInputWrapper = function (_a) {
-    var icon = _a.icon, status = _a.status, render = _a.render;
+const TextInputWrapper = ({ icon, status, render, }) => {
     return (React.createElement("div", { className: cx("cobalt-TextField", {
             "cobalt-TextField--withIcon": icon,
             "cobalt-TextField--success": status === "success",
@@ -14,14 +12,11 @@ var TextInputWrapper = function (_a) {
         render("cobalt-TextField__Input"),
         icon && React.createElement(Icon, { source: icon, className: "cobalt-TextField__Icon" })));
 };
-var TextInput = function (_a) {
-    var icon = _a.icon, status = _a.status, _b = _a.type, type = _b === void 0 ? "text" : _b, forwardedRef = _a.forwardedRef, inputProps = __rest(_a, ["icon", "status", "type", "forwardedRef"]);
-    return (React.createElement(TextInputWrapper, { icon: icon, status: status, render: function (className) {
-            return (React.createElement("input", __assign({ type: type }, inputProps, { className: className, ref: forwardedRef })));
-        } }));
-};
+const TextInput = ({ icon, status, type = "text", forwardedRef, ...inputProps }) => (React.createElement(TextInputWrapper, { icon: icon, status: status, render: (className) => {
+        return (React.createElement("input", { type: type, ...inputProps, className: className, ref: forwardedRef }));
+    } }));
 TextInput.displayName = "TextInputRaw";
-var wrappedComponent = withFieldLabelAndHint(TextInput);
+const wrappedComponent = withFieldLabelAndHint(TextInput);
 wrappedComponent.displayName = "TextInput";
 
 export { wrappedComponent as TextInput, TextInputWrapper };

package/components/Form/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../src/components/Form/TextInput.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon, IconSources } from \"../Icon\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\nexport type TextInputType =\n  | \"text\"\n  | \"email\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"date\"\n  | \"datetime-local\"\n  | \"month\"\n  | \"time\"\n  | \"week\"\n  | \"currency\"\n\ntype Props = {\n  type?: TextInputType\n  icon?: IconSources\n  forwardedRef?: React.Ref<HTMLInputElement>\n} & FormElement &\n  React.InputHTMLAttributes<HTMLInputElement>\n\nexport const TextInputWrapper = ({\n  icon,\n  status,\n  render,\n}: {\n  icon?: IconSources\n  status?: FormElement[\"status\"]\n  render: (className: string) => React.ReactNode\n}) => {\n  return (\n    <div\n      className={classNames(\"cobalt-TextField\", {\n        \"cobalt-TextField--withIcon\": icon,\n        \"cobalt-TextField--success\": status === \"success\",\n        \"cobalt-TextField--error\": status === \"error\",\n      })}\n    >\n      {render(\"cobalt-TextField__Input\")}\n      {icon && <Icon source={icon} className=\"cobalt-TextField__Icon\" />}\n    </div>\n  )\n}\n\nconst TextInput = ({\n  icon,\n  status,\n  type = \"text\",\n  forwardedRef,\n  ...inputProps\n}: Props) => (\n  <TextInputWrapper\n    icon={icon}\n    status={status}\n    render={(className) => {\n      return (\n        <input\n          type={type}\n          {...inputProps}\n          className={className}\n          ref={forwardedRef}\n        />\n      )\n    }}\n  />\n)\n\nTextInput.displayName = \"TextInputRaw\"\n\nconst wrappedComponent = withFieldLabelAndHint(TextInput)\nwrappedComponent.displayName = \"TextInput\"\n\nexport { wrappedComponent as TextInput }\n"],"names":["classNames"],"mappings":";;;;;;AA4BO,IAAM,gBAAgB,GAAG,UAAC,EAQhC,EAAA;AAPC,IAAA,IAAA,IAAI,UAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;AAMN,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE;AACxC,YAAA,4BAA4B,EAAE,IAAI;YAClC,2BAA2B,EAAE,MAAM,KAAK,SAAS;YACjD,yBAAyB,EAAE,MAAM,KAAK,OAAO;SAC9C,CAAC,EAAA;QAED,MAAM,CAAC,yBAAyB,CAAC;AACjC,QAAA,IAAI,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,EAAG,CAAA,CAC9D,EACP;AACH,EAAC;AAED,IAAM,SAAS,GAAG,UAAC,EAMX,EAAA;AALN,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAa,EAAb,IAAI,mBAAG,MAAM,GAAA,EAAA,EACb,YAAY,GAAA,EAAA,CAAA,YAAA,EACT,UAAU,GAAA,MAAA,CAAA,EAAA,EALI,0CAMlB,CADc,CAAA;AACF,IAAA,QACX,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAC,SAAS,EAAA;AAChB,YAAA,QACE,KACE,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,IAAI,EAAE,IAAI,IACN,UAAU,EAAA,EACd,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,YAAY,EAAA,CAAA,CACjB,EACH;SACF,EAAA,CACD,EACH;CAAA,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,cAAc,CAAA;AAEtC,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,SAAS,EAAC;AACzD,gBAAgB,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/Form/TextInput.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon, IconSources } from \"../Icon\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\nexport type TextInputType =\n  | \"text\"\n  | \"email\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"date\"\n  | \"datetime-local\"\n  | \"month\"\n  | \"time\"\n  | \"week\"\n  | \"currency\"\n\ntype Props = {\n  type?: TextInputType\n  icon?: IconSources\n  forwardedRef?: React.Ref<HTMLInputElement>\n} & FormElement &\n  React.InputHTMLAttributes<HTMLInputElement>\n\nexport const TextInputWrapper = ({\n  icon,\n  status,\n  render,\n}: {\n  icon?: IconSources\n  status?: FormElement[\"status\"]\n  render: (className: string) => React.ReactNode\n}) => {\n  return (\n    <div\n      className={classNames(\"cobalt-TextField\", {\n        \"cobalt-TextField--withIcon\": icon,\n        \"cobalt-TextField--success\": status === \"success\",\n        \"cobalt-TextField--error\": status === \"error\",\n      })}\n    >\n      {render(\"cobalt-TextField__Input\")}\n      {icon && <Icon source={icon} className=\"cobalt-TextField__Icon\" />}\n    </div>\n  )\n}\n\nconst TextInput = ({\n  icon,\n  status,\n  type = \"text\",\n  forwardedRef,\n  ...inputProps\n}: Props) => (\n  <TextInputWrapper\n    icon={icon}\n    status={status}\n    render={(className) => {\n      return (\n        <input\n          type={type}\n          {...inputProps}\n          className={className}\n          ref={forwardedRef}\n        />\n      )\n    }}\n  />\n)\n\nTextInput.displayName = \"TextInputRaw\"\n\nconst wrappedComponent = withFieldLabelAndHint(TextInput)\nwrappedComponent.displayName = \"TextInput\"\n\nexport { wrappedComponent as TextInput }\n"],"names":["classNames"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,MAAM,GAKP,KAAI;AACH,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE;AACxC,YAAA,4BAA4B,EAAE,IAAI;YAClC,2BAA2B,EAAE,MAAM,KAAK,SAAS;YACjD,yBAAyB,EAAE,MAAM,KAAK,OAAO;SAC9C,CAAC,EAAA;QAED,MAAM,CAAC,yBAAyB,CAAC;AACjC,QAAA,IAAI,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,EAAG,CAAA,CAC9D,EACP;AACH,EAAC;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,MAAM,EACb,YAAY,EACZ,GAAG,UAAU,EACP,MACN,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,SAAS,KAAI;AACpB,QAAA,QACE,KACE,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAE,IAAI,KACN,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,YAAY,EAAA,CACjB,EACH;KACF,EAAA,CACD,CACH,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,cAAc,CAAA;AAEtC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,SAAS,EAAC;AACzD,gBAAgB,CAAC,WAAW,GAAG,WAAW;;;;"}

package/components/Form/ToggleSwitch.js

@@ -1,10 +1,8 @@
-import { __rest, __assign } from '../../_virtual/_tslib.js';
 import React from 'react';
 import cx from 'classnames';
 import { Hint } from './Hint.js';
 
-var ToggleSwitch = function (_a) {
-    var large = _a.large, status = _a.status, label = _a.label, position = _a.position, hint = _a.hint, inputProps = __rest(_a, ["large", "status", "label", "position", "hint"]);
+const ToggleSwitch = ({ large, status, label, position, hint, ...inputProps }) => {
     return (React.createElement("div", { className: cx("cobalt-ToggleSwitchField", {
             "cobalt-ToggleSwitchField--large": large,
             "cobalt-ToggleSwitchField--position-left": position === "left",
@@ -12,7 +10,7 @@ var ToggleSwitch = function (_a) {
             "cobalt-ToggleSwitchField--standalone": !label,
         }) },
         React.createElement("label", { className: "cobalt-ToggleSwitchField__LabelWrapper" },
-            React.createElement("input", __assign({}, inputProps, { type: "checkbox", className: "cobalt-ToggleSwitchField__Input" })),
+            React.createElement("input", { ...inputProps, type: "checkbox", className: "cobalt-ToggleSwitchField__Input" }),
             React.createElement("span", { className: "cobalt-ToggleSwitchField__ToggleSwitch" },
                 React.createElement("span", { className: "cobalt-ToggleSwitchField__ToggleSwitchSlider" })),
             label && (React.createElement("span", { className: "cobalt-ToggleSwitchField__Label" }, label))),

package/components/Form/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","sources":["../../../src/components/Form/ToggleSwitch.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\n\ntype Position = \"left\" | \"right\"\n\ntype Props = {\n  large?: boolean | undefined\n  label?: string\n  position?: Position\n  hint?: string\n} & FormElement &\n  React.InputHTMLAttributes<HTMLInputElement>\n\nconst ToggleSwitch = ({\n  large,\n  status,\n  label,\n  position,\n  hint,\n  ...inputProps\n}: Props) => {\n  return (\n    <div\n      className={classNames(\"cobalt-ToggleSwitchField\", {\n        \"cobalt-ToggleSwitchField--large\": large,\n        \"cobalt-ToggleSwitchField--position-left\": position === \"left\",\n        \"cobalt-ToggleSwitchField--error\": status === \"error\",\n        \"cobalt-ToggleSwitchField--standalone\": !label,\n      })}\n    >\n      <label className=\"cobalt-ToggleSwitchField__LabelWrapper\">\n        <input\n          {...inputProps}\n          type=\"checkbox\"\n          className=\"cobalt-ToggleSwitchField__Input\"\n        />\n        <span className=\"cobalt-ToggleSwitchField__ToggleSwitch\">\n          <span className=\"cobalt-ToggleSwitchField__ToggleSwitchSlider\" />\n        </span>\n\n        {label && (\n          <span className=\"cobalt-ToggleSwitchField__Label\">{label}</span>\n        )}\n      </label>\n      {hint && (\n        <Hint status={status}>\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  )\n}\n\nexport { ToggleSwitch }\n"],"names":["classNames"],"mappings":";;;;;AAeM,IAAA,YAAY,GAAG,UAAC,EAOd,EAAA;AANN,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,UAAU,GAAA,MAAA,CAAA,EAAA,EANO,gDAOrB,CADc,CAAA;AAEb,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,0BAA0B,EAAE;AAChD,YAAA,iCAAiC,EAAE,KAAK;YACxC,yCAAyC,EAAE,QAAQ,KAAK,MAAM;YAC9D,iCAAiC,EAAE,MAAM,KAAK,OAAO;YACrD,sCAAsC,EAAE,CAAC,KAAK;SAC/C,CAAC,EAAA;QAEF,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAC,wCAAwC,EAAA;YACvD,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,iCAAiC,EAC3C,CAAA,CAAA;YACF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,wCAAwC,EAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8CAA8C,EAAA,CAAG,CAC5D;YAEN,KAAK,KACJ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,iCAAiC,EAAE,EAAA,KAAK,CAAQ,CACjE,CACK;AACP,QAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;AAClB,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAA,CAAI,CAC9C,CACR,CACG,EACP;AACH;;;;"}
+{"version":3,"file":"ToggleSwitch.js","sources":["../../../src/components/Form/ToggleSwitch.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\n\ntype Position = \"left\" | \"right\"\n\ntype Props = {\n  large?: boolean | undefined\n  label?: string\n  position?: Position\n  hint?: string\n} & FormElement &\n  React.InputHTMLAttributes<HTMLInputElement>\n\nconst ToggleSwitch = ({\n  large,\n  status,\n  label,\n  position,\n  hint,\n  ...inputProps\n}: Props) => {\n  return (\n    <div\n      className={classNames(\"cobalt-ToggleSwitchField\", {\n        \"cobalt-ToggleSwitchField--large\": large,\n        \"cobalt-ToggleSwitchField--position-left\": position === \"left\",\n        \"cobalt-ToggleSwitchField--error\": status === \"error\",\n        \"cobalt-ToggleSwitchField--standalone\": !label,\n      })}\n    >\n      <label className=\"cobalt-ToggleSwitchField__LabelWrapper\">\n        <input\n          {...inputProps}\n          type=\"checkbox\"\n          className=\"cobalt-ToggleSwitchField__Input\"\n        />\n        <span className=\"cobalt-ToggleSwitchField__ToggleSwitch\">\n          <span className=\"cobalt-ToggleSwitchField__ToggleSwitchSlider\" />\n        </span>\n\n        {label && (\n          <span className=\"cobalt-ToggleSwitchField__Label\">{label}</span>\n        )}\n      </label>\n      {hint && (\n        <Hint status={status}>\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  )\n}\n\nexport { ToggleSwitch }\n"],"names":["classNames"],"mappings":";;;;AAeA,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,UAAU,EACP,KAAI;AACV,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,0BAA0B,EAAE;AAChD,YAAA,iCAAiC,EAAE,KAAK;YACxC,yCAAyC,EAAE,QAAQ,KAAK,MAAM;YAC9D,iCAAiC,EAAE,MAAM,KAAK,OAAO;YACrD,sCAAsC,EAAE,CAAC,KAAK;SAC/C,CAAC,EAAA;QAEF,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAC,wCAAwC,EAAA;YACvD,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,UAAU,EACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,iCAAiC,EAC3C,CAAA;YACF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,wCAAwC,EAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8CAA8C,EAAA,CAAG,CAC5D;YAEN,KAAK,KACJ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,iCAAiC,EAAE,EAAA,KAAK,CAAQ,CACjE,CACK;AACP,QAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;AAClB,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAA,CAAI,CAC9C,CACR,CACG,EACP;AACH;;;;"}

package/components/Form/field.js

@@ -1,33 +1,27 @@
-import { __extends, __rest, __assign } from '../../_virtual/_tslib.js';
 import React, { Component } from 'react';
 import { Hint } from './Hint.js';
 import cx from 'classnames';
 
-var singletonIdCounter = 0;
-var generateUniqueId = function () {
+let singletonIdCounter = 0;
+const generateUniqueId = () => {
     singletonIdCounter = singletonIdCounter + 1;
-    return "cobaltFormField".concat(singletonIdCounter);
+    return `cobaltFormField${singletonIdCounter}`;
 };
-var withFieldLabelAndHint = function (WrappedComponent) {
-    var Wrapper = /** @class */ (function (_super) {
-        __extends(Wrapper, _super);
-        function Wrapper() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Wrapper.prototype.render = function () {
-            var _a = this.props, id = _a.id, label = _a.label, hint = _a.hint, status = _a.status, fieldClassName = _a.fieldClassName, originalProps = __rest(_a, ["id", "label", "hint", "status", "fieldClassName"]);
-            var consolidatedId = id ? id : generateUniqueId();
+const withFieldLabelAndHint = (WrappedComponent) => {
+    class Wrapper extends Component {
+        render() {
+            const { id, label, hint, status, fieldClassName, ...originalProps } = this.props;
+            const consolidatedId = id ? id : generateUniqueId();
             return (React.createElement("div", { className: cx("cobalt-FormField", fieldClassName, {
                     "cobalt-FormField--withHint": !!hint,
                 }) },
                 label && (React.createElement("label", { className: "cobalt-FormField__Label", htmlFor: consolidatedId }, label)),
-                React.createElement(WrappedComponent, __assign({}, originalProps, { id: consolidatedId, status: status })),
+                React.createElement(WrappedComponent, { ...originalProps, id: consolidatedId, status: status }),
                 hint && (React.createElement(Hint, { status: status },
                     React.createElement("span", { dangerouslySetInnerHTML: { __html: hint } })))));
-        };
-        Wrapper.Raw = WrappedComponent;
-        return Wrapper;
-    }(Component));
+        }
+    }
+    Wrapper.Raw = WrappedComponent;
     return Wrapper;
 };
 

package/components/Form/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../src/components/Form/field.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\nimport classNames from \"classnames\"\n\ntype InjectedProps = {\n  id?: string\n  label?: string\n  hint?: string\n  fieldClassName?: string\n} & FormElement\n\nlet singletonIdCounter = 0\nconst generateUniqueId = () => {\n  singletonIdCounter = singletonIdCounter + 1\n  return `cobaltFormField${singletonIdCounter}`\n}\n\nexport const withFieldLabelAndHint = <OriginalProps,>(\n  WrappedComponent: React.ComponentType<OriginalProps>\n): React.ComponentClass<OriginalProps & InjectedProps> & {\n  Raw: React.ComponentType<OriginalProps>\n} => {\n  class Wrapper extends Component<OriginalProps & InjectedProps> {\n    static Raw = WrappedComponent\n    render() {\n      const {\n        id,\n        label,\n        hint,\n        status,\n        fieldClassName,\n        ...originalProps\n      }: OriginalProps & InjectedProps = this.props\n\n      const consolidatedId = id ? id : generateUniqueId()\n\n      return (\n        <div\n          className={classNames(\"cobalt-FormField\", fieldClassName, {\n            \"cobalt-FormField--withHint\": !!hint,\n          })}\n        >\n          {label && (\n            <label className=\"cobalt-FormField__Label\" htmlFor={consolidatedId}>\n              {label}\n            </label>\n          )}\n\n          <WrappedComponent\n            {...(originalProps as OriginalProps)}\n            id={consolidatedId}\n            status={status}\n          />\n\n          {hint && (\n            <Hint status={status}>\n              <span dangerouslySetInnerHTML={{ __html: hint }} />\n            </Hint>\n          )}\n        </div>\n      )\n    }\n  }\n\n  return Wrapper\n}\n"],"names":["classNames"],"mappings":";;;;;AAYA,IAAI,kBAAkB,GAAG,CAAC,CAAA;AAC1B,IAAM,gBAAgB,GAAG,YAAA;AACvB,IAAA,kBAAkB,GAAG,kBAAkB,GAAG,CAAC,CAAA;IAC3C,OAAO,iBAAA,CAAA,MAAA,CAAkB,kBAAkB,CAAE,CAAA;AAC/C,CAAC,CAAA;AAEM,IAAM,qBAAqB,GAAG,UACnC,gBAAoD,EAAA;AAIpD,IAAA,IAAA,OAAA,kBAAA,UAAA,MAAA,EAAA;QAAsB,SAAwC,CAAA,OAAA,EAAA,MAAA,CAAA,CAAA;AAA9D,QAAA,SAAA,OAAA,GAAA;;SAwCC;AAtCC,QAAA,OAAA,CAAA,SAAA,CAAA,MAAM,GAAN,YAAA;YACE,IAAM,EAAA,GAO6B,IAAI,CAAC,KAAK,EAN3C,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,cAAc,GAAA,EAAA,CAAA,cAAA,EACX,aAAa,GAAA,MAAA,CAAA,EAAA,EANZ,CAOL,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,gBAAA,CAAA,CAA4C,CAAA;AAE7C,YAAA,IAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAA;YAEnD,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE,cAAc,EAAE;oBACxD,4BAA4B,EAAE,CAAC,CAAC,IAAI;iBACrC,CAAC,EAAA;AAED,gBAAA,KAAK,KACJ,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc,EAC/D,EAAA,KAAK,CACA,CACT;gBAED,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACV,QAAA,CAAA,EAAA,EAAA,aAA+B,EACpC,EAAA,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,MAAM,EACd,CAAA,CAAA;AAED,gBAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;AAClB,oBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAA,CAAI,CAC9C,CACR,CACG,EACP;SACF,CAAA;QAtCM,OAAG,CAAA,GAAA,GAAG,gBAAgB,CAAA;QAuC/B,OAAC,OAAA,CAAA;KAAA,CAxCqB,SAAS,CAwC9B,CAAA,CAAA;AAED,IAAA,OAAO,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"field.js","sources":["../../../src/components/Form/field.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\nimport classNames from \"classnames\"\n\ntype InjectedProps = {\n  id?: string\n  label?: string\n  hint?: string\n  fieldClassName?: string\n} & FormElement\n\nlet singletonIdCounter = 0\nconst generateUniqueId = () => {\n  singletonIdCounter = singletonIdCounter + 1\n  return `cobaltFormField${singletonIdCounter}`\n}\n\nexport const withFieldLabelAndHint = <OriginalProps,>(\n  WrappedComponent: React.ComponentType<OriginalProps>\n): React.ComponentClass<OriginalProps & InjectedProps> & {\n  Raw: React.ComponentType<OriginalProps>\n} => {\n  class Wrapper extends Component<OriginalProps & InjectedProps> {\n    static Raw = WrappedComponent\n    render() {\n      const {\n        id,\n        label,\n        hint,\n        status,\n        fieldClassName,\n        ...originalProps\n      }: OriginalProps & InjectedProps = this.props\n\n      const consolidatedId = id ? id : generateUniqueId()\n\n      return (\n        <div\n          className={classNames(\"cobalt-FormField\", fieldClassName, {\n            \"cobalt-FormField--withHint\": !!hint,\n          })}\n        >\n          {label && (\n            <label className=\"cobalt-FormField__Label\" htmlFor={consolidatedId}>\n              {label}\n            </label>\n          )}\n\n          <WrappedComponent\n            {...(originalProps as OriginalProps)}\n            id={consolidatedId}\n            status={status}\n          />\n\n          {hint && (\n            <Hint status={status}>\n              <span dangerouslySetInnerHTML={{ __html: hint }} />\n            </Hint>\n          )}\n        </div>\n      )\n    }\n  }\n\n  return Wrapper\n}\n"],"names":["classNames"],"mappings":";;;;AAYA,IAAI,kBAAkB,GAAG,CAAC,CAAA;AAC1B,MAAM,gBAAgB,GAAG,MAAK;AAC5B,IAAA,kBAAkB,GAAG,kBAAkB,GAAG,CAAC,CAAA;IAC3C,OAAO,CAAA,eAAA,EAAkB,kBAAkB,CAAA,CAAE,CAAA;AAC/C,CAAC,CAAA;AAEY,MAAA,qBAAqB,GAAG,CACnC,gBAAoD,KAGlD;IACF,MAAM,OAAQ,SAAQ,SAAwC,CAAA;QAE5D,MAAM,GAAA;AACJ,YAAA,MAAM,EACJ,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,cAAc,EACd,GAAG,aAAa,EACjB,GAAkC,IAAI,CAAC,KAAK,CAAA;AAE7C,YAAA,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAA;YAEnD,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE,cAAc,EAAE;oBACxD,4BAA4B,EAAE,CAAC,CAAC,IAAI;iBACrC,CAAC,EAAA;AAED,gBAAA,KAAK,KACJ,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc,EAC/D,EAAA,KAAK,CACA,CACT;gBAED,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACV,EAAA,GAAA,aAA+B,EACpC,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,MAAM,EACd,CAAA;AAED,gBAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;AAClB,oBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAA,CAAI,CAC9C,CACR,CACG,EACP;SACF;;IAtCM,OAAG,CAAA,GAAA,GAAG,gBAAgB,CAAA;AAyC/B,IAAA,OAAO,OAAO,CAAA;AAChB;;;;"}

package/components/Helper/index.js

@@ -1,13 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 
-var Helper = function (_a) {
-    var className = _a.className, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, title = _a.title, children = _a.children, cta = _a.cta;
-    return (React.createElement("div", { className: cx("cobalt-helper", className) },
-        React.createElement("strong", { className: cx("cobalt-helper__title", titleClassName) }, title),
-        React.createElement("div", { className: cx("cobalt-helper__content", contentClassName) }, children),
-        cta));
-};
+const Helper = ({ className, titleClassName, contentClassName, title, children, cta, }) => (React.createElement("div", { className: cx("cobalt-helper", className) },
+    React.createElement("strong", { className: cx("cobalt-helper__title", titleClassName) }, title),
+    React.createElement("div", { className: cx("cobalt-helper__content", contentClassName) }, children),
+    cta));
 
 export { Helper as default };
 //# sourceMappingURL=index.js.map

package/components/Helper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Helper/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport DefaultButton from \"../Buttons/DefaultButton\"\n\ntype HelperPropsType = PropsWithChildren<{\n  className?: string\n  title: string\n  titleClassName?: string\n  contentClassName?: string\n  cta?: ReturnType<typeof DefaultButton | typeof DefaultButton.Link>\n}>\n\nconst Helper = ({\n  className,\n  titleClassName,\n  contentClassName,\n  title,\n  children,\n  cta,\n}: HelperPropsType) => (\n  <div className={cx(\"cobalt-helper\", className)}>\n    <strong className={cx(\"cobalt-helper__title\", titleClassName)}>\n      {title}\n    </strong>\n    <div className={cx(\"cobalt-helper__content\", contentClassName)}>\n      {children}\n    </div>\n    {cta}\n  </div>\n)\n\nexport default Helper\n"],"names":[],"mappings":";;;AAaM,IAAA,MAAM,GAAG,UAAC,EAOE,EAAA;AANhB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,WAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,GAAG,GAAA,EAAA,CAAA,GAAA,CAAA;IACkB,QACrB,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA;QAC5C,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,CAAC,EAC1D,EAAA,KAAK,CACC;QACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,EAC3D,EAAA,QAAQ,CACL;AACL,QAAA,GAAG,CACA,EACP;AAVsB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Helper/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport DefaultButton from \"../Buttons/DefaultButton\"\n\ntype HelperPropsType = PropsWithChildren<{\n  className?: string\n  title: string\n  titleClassName?: string\n  contentClassName?: string\n  cta?: ReturnType<typeof DefaultButton | typeof DefaultButton.Link>\n}>\n\nconst Helper = ({\n  className,\n  titleClassName,\n  contentClassName,\n  title,\n  children,\n  cta,\n}: HelperPropsType) => (\n  <div className={cx(\"cobalt-helper\", className)}>\n    <strong className={cx(\"cobalt-helper__title\", titleClassName)}>\n      {title}\n    </strong>\n    <div className={cx(\"cobalt-helper__content\", contentClassName)}>\n      {children}\n    </div>\n    {cta}\n  </div>\n)\n\nexport default Helper\n"],"names":[],"mappings":";;;AAaA,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,GACa,MAChB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA;IAC5C,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,CAAC,EAC1D,EAAA,KAAK,CACC;IACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,EAC3D,EAAA,QAAQ,CACL;IACL,GAAG,CACA;;;;"}

package/components/HorizontalList/index.js

@@ -1,18 +1,16 @@
 import React from 'react';
 import cx from 'classnames';
 
-function HorizontalList(_a) {
-    var className = _a.className, fitFrom = _a.fitFrom, children = _a.children;
-    return (React.createElement("div", { className: cx("cobalt-horizontal-list", className, {
+function HorizontalList({ className, fitFrom, children, }) {
+    return (React.createElement("div", { className: cx(`cobalt-horizontal-list`, className, {
             "xs:cobalt-horizontal-list--fit": fitFrom === "xs",
             "sm:cobalt-horizontal-list--fit": fitFrom === "sm",
             "md:cobalt-horizontal-list--fit": fitFrom === "md",
             "lg:cobalt-horizontal-list--fit": fitFrom === "lg",
         }) }, children));
 }
-function HorizontalListPaddingBlock(_a) {
-    var className = _a.className;
-    return (React.createElement("div", { className: cx("cobalt-horizontal-list__padding-block", className) }));
+function HorizontalListPaddingBlock({ className, }) {
+    return (React.createElement("div", { className: cx(`cobalt-horizontal-list__padding-block`, className) }));
 }
 
 export { HorizontalListPaddingBlock, HorizontalList as default };

package/components/HorizontalList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HorizontalList/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\nimport { CobaltBreakpointType } from \"../../hooks/useBreakpoint\"\n\nexport type HorizontalListPropsType = PropsWithChildren<{\n  className?: string\n  fitFrom?: Exclude<CobaltBreakpointType, \"over\">\n}>\n\nexport default function HorizontalList({\n  className,\n  fitFrom,\n  children,\n}: HorizontalListPropsType) {\n  return (\n    <div\n      className={cx(`cobalt-horizontal-list`, className, {\n        \"xs:cobalt-horizontal-list--fit\": fitFrom === \"xs\",\n        \"sm:cobalt-horizontal-list--fit\": fitFrom === \"sm\",\n        \"md:cobalt-horizontal-list--fit\": fitFrom === \"md\",\n        \"lg:cobalt-horizontal-list--fit\": fitFrom === \"lg\",\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n\ntype HorizontalScrollerPaddingBlockProps = {\n  className?: string\n}\n\nexport function HorizontalListPaddingBlock({\n  className,\n}: HorizontalScrollerPaddingBlockProps) {\n  return (\n    <div\n      className={cx(`cobalt-horizontal-list__padding-block`, className)}\n    ></div>\n  )\n}\n"],"names":[],"mappings":";;;AASwB,SAAA,cAAc,CAAC,EAIb,EAAA;AAHxB,IAAA,IAAA,SAAS,eAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;IAER,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACjD,gCAAgC,EAAE,OAAO,KAAK,IAAI;YAClD,gCAAgC,EAAE,OAAO,KAAK,IAAI;YAClD,gCAAgC,EAAE,OAAO,KAAK,IAAI;YAClD,gCAAgC,EAAE,OAAO,KAAK,IAAI;AACnD,SAAA,CAAC,EAED,EAAA,QAAQ,CACL,EACP;AACH,CAAC;AAMK,SAAU,0BAA0B,CAAC,EAEL,EAAA;AADpC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AAET,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,EAC5D,CAAA,EACR;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/HorizontalList/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\nimport { CobaltBreakpointType } from \"../../hooks/useBreakpoint\"\n\nexport type HorizontalListPropsType = PropsWithChildren<{\n  className?: string\n  fitFrom?: Exclude<CobaltBreakpointType, \"over\">\n}>\n\nexport default function HorizontalList({\n  className,\n  fitFrom,\n  children,\n}: HorizontalListPropsType) {\n  return (\n    <div\n      className={cx(`cobalt-horizontal-list`, className, {\n        \"xs:cobalt-horizontal-list--fit\": fitFrom === \"xs\",\n        \"sm:cobalt-horizontal-list--fit\": fitFrom === \"sm\",\n        \"md:cobalt-horizontal-list--fit\": fitFrom === \"md\",\n        \"lg:cobalt-horizontal-list--fit\": fitFrom === \"lg\",\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n\ntype HorizontalScrollerPaddingBlockProps = {\n  className?: string\n}\n\nexport function HorizontalListPaddingBlock({\n  className,\n}: HorizontalScrollerPaddingBlockProps) {\n  return (\n    <div\n      className={cx(`cobalt-horizontal-list__padding-block`, className)}\n    ></div>\n  )\n}\n"],"names":[],"mappings":";;;AASc,SAAU,cAAc,CAAC,EACrC,SAAS,EACT,OAAO,EACP,QAAQ,GACgB,EAAA;IACxB,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,CAAA,sBAAA,CAAwB,EAAE,SAAS,EAAE;YACjD,gCAAgC,EAAE,OAAO,KAAK,IAAI;YAClD,gCAAgC,EAAE,OAAO,KAAK,IAAI;YAClD,gCAAgC,EAAE,OAAO,KAAK,IAAI;YAClD,gCAAgC,EAAE,OAAO,KAAK,IAAI;AACnD,SAAA,CAAC,EAED,EAAA,QAAQ,CACL,EACP;AACH,CAAC;AAMe,SAAA,0BAA0B,CAAC,EACzC,SAAS,GAC2B,EAAA;AACpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,CAAuC,qCAAA,CAAA,EAAE,SAAS,CAAC,EAC5D,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/AccountDetailsIcon.js

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
 
-var iconSource = "accountDetails";
-var AccountDetailsIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "accountDetails";
+const AccountDetailsIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 15c1.13 0 2.32.26 3.59.77 1.26.52 1.91 1.18 1.91 2V20H2v-2.23c0-.82.65-1.48 1.91-2C5.18 15.26 6.38 15 7.5 15Zm5.5-2h9v2h-9v-2Zm0-4h9v2h-9V9Zm0-4h9v2h-9V5ZM7.5 8a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z" })));
 };

package/components/Icon/__generated__/AccountDetailsIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsIcon.js","sources":["../../../../src/components/Icon/__generated__/AccountDetailsIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"accountDetails\"\n\nconst AccountDetailsIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.5 15c1.13 0 2.32.26 3.59.77 1.26.52 1.91 1.18 1.91 2V20H2v-2.23c0-.82.65-1.48 1.91-2C5.18 15.26 6.38 15 7.5 15Zm5.5-2h9v2h-9v-2Zm0-4h9v2h-9V9Zm0-4h9v2h-9V5ZM7.5 8a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AccountDetailsIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,gBAAgB,CAAA;AAE7B,IAAA,kBAAkB,GAAG,UAAC,EAKhB,EAAA;;AAJV,IAAA,IAAA,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,2BAAA,CAAA,MAAA,CAA4B,UAAU,CAAE,GAAA,EAAA,GAAA,EAAA;AAEtC,QAAA,EAAA,CAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;AAClC,QAAA,EAAA,CAAA,wBAAA,CAAwB,GAAE,SAAS;YAEtC,CAAA;AAED,IAAA,IAAM,IAAI,GAAG,UAAC,OAAwB,EAAA,EAAK,QACzC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAAG,EAAA,OAAO,CAAQ,EACrD,EAAA,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4MAA4M,EAC9M,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AccountDetailsIcon.js","sources":["../../../../src/components/Icon/__generated__/AccountDetailsIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"accountDetails\"\n\nconst AccountDetailsIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.5 15c1.13 0 2.32.26 3.59.77 1.26.52 1.91 1.18 1.91 2V20H2v-2.23c0-.82.65-1.48 1.91-2C5.18 15.26 6.38 15 7.5 15Zm5.5-2h9v2h-9v-2Zm0-4h9v2h-9V9Zm0-4h9v2h-9V5ZM7.5 8a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AccountDetailsIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,gBAAgB,CAAA;AAEnC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4MAA4M,EAC9M,CAAA,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/AddPictureIcon.js

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
 
-var iconSource = "addPicture";
-var AddPictureIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "addPicture";
+const AddPictureIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 11h-4v4h-2v-4H9V9h4V5h2v4h4v2Zm1-9H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM4 6H2v14a2 2 0 0 0 2 2h14v-2H4V6Z" })));
 };

package/components/Icon/__generated__/AddPictureIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddPictureIcon.js","sources":["../../../../src/components/Icon/__generated__/AddPictureIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"addPicture\"\n\nconst AddPictureIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19 11h-4v4h-2v-4H9V9h4V5h2v4h4v2Zm1-9H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM4 6H2v14a2 2 0 0 0 2 2h14v-2H4V6Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AddPictureIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,YAAY,CAAA;AAEzB,IAAA,cAAc,GAAG,UAAC,EAKZ,EAAA;;AAJV,IAAA,IAAA,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,2BAAA,CAAA,MAAA,CAA4B,UAAU,CAAE,GAAA,EAAA,GAAA,EAAA;AAEtC,QAAA,EAAA,CAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;AAClC,QAAA,EAAA,CAAA,wBAAA,CAAwB,GAAE,SAAS;YAEtC,CAAA;AAED,IAAA,IAAM,IAAI,GAAG,UAAC,OAAwB,EAAA,EAAK,QACzC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAAG,EAAA,OAAO,CAAQ,EACrD,EAAA,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6IAA6I,EAC/I,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AddPictureIcon.js","sources":["../../../../src/components/Icon/__generated__/AddPictureIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"addPicture\"\n\nconst AddPictureIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19 11h-4v4h-2v-4H9V9h4V5h2v4h4v2Zm1-9H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM4 6H2v14a2 2 0 0 0 2 2h14v-2H4V6Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AddPictureIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,YAAY,CAAA;AAE/B,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6IAA6I,EAC/I,CAAA,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/AirConditioningIcon.js

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
 
-var iconSource = "airConditioning";
-var AirConditioningIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "airConditioning";
+const AirConditioningIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m15.336 15.957-1.604-2.778h3.208l2.53 2.53a.749.749 0 1 0 1.06-1.06l-1.469-1.47H21a1 1 0 0 0 0-2h-1.939l1.469-1.47a.749.749 0 1 0-1.06-1.06l-2.53 2.53h-3.208L15.336 8.4l3.456-.925a.752.752 0 0 0-.388-1.45l-2.007.538.969-1.68a1 1 0 1 0-1.732-1l-.97 1.68-.537-2.007a.752.752 0 0 0-1.45.388l.927 3.456L12 10.179 10.397 7.4l.926-3.456a.75.75 0 1 0-1.449-.388l-.538 2.007-.97-1.68a1 1 0 0 0-1.732 1l.97 1.68-2.008-.538a.752.752 0 0 0-.388 1.45l3.456.925 1.604 2.778H7.061L4.53 8.649a.749.749 0 1 0-1.06 1.06l1.47 1.47H3a1 1 0 0 0 0 2h1.94l-1.47 1.47a.749.749 0 1 0 1.06 1.06l2.531-2.53h3.207l-1.604 2.778-3.456.926a.75.75 0 1 0 .388 1.449l2.008-.538-.97 1.68a1 1 0 0 0 1.732 1l.97-1.68.538 2.008a.75.75 0 1 0 1.449-.39l-.926-3.455L12 14.179l1.604 2.778-.927 3.456a.751.751 0 0 0 1.45.389l.537-2.008.97 1.68a1 1 0 0 0 1.732-1l-.969-1.68 2.007.538a.75.75 0 0 0 .388-1.45l-3.456-.925Z" })));
 };

package/components/Icon/__generated__/AirConditioningIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AirConditioningIcon.js","sources":["../../../../src/components/Icon/__generated__/AirConditioningIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airConditioning\"\n\nconst AirConditioningIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"m15.336 15.957-1.604-2.778h3.208l2.53 2.53a.749.749 0 1 0 1.06-1.06l-1.469-1.47H21a1 1 0 0 0 0-2h-1.939l1.469-1.47a.749.749 0 1 0-1.06-1.06l-2.53 2.53h-3.208L15.336 8.4l3.456-.925a.752.752 0 0 0-.388-1.45l-2.007.538.969-1.68a1 1 0 1 0-1.732-1l-.97 1.68-.537-2.007a.752.752 0 0 0-1.45.388l.927 3.456L12 10.179 10.397 7.4l.926-3.456a.75.75 0 1 0-1.449-.388l-.538 2.007-.97-1.68a1 1 0 0 0-1.732 1l.97 1.68-2.008-.538a.752.752 0 0 0-.388 1.45l3.456.925 1.604 2.778H7.061L4.53 8.649a.749.749 0 1 0-1.06 1.06l1.47 1.47H3a1 1 0 0 0 0 2h1.94l-1.47 1.47a.749.749 0 1 0 1.06 1.06l2.531-2.53h3.207l-1.604 2.778-3.456.926a.75.75 0 1 0 .388 1.449l2.008-.538-.97 1.68a1 1 0 0 0 1.732 1l.97-1.68.538 2.008a.75.75 0 1 0 1.449-.39l-.926-3.455L12 14.179l1.604 2.778-.927 3.456a.751.751 0 0 0 1.45.389l.537-2.008.97 1.68a1 1 0 0 0 1.732-1l-.969-1.68 2.007.538a.75.75 0 0 0 .388-1.45l-3.456-.925Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AirConditioningIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,iBAAiB,CAAA;AAE9B,IAAA,mBAAmB,GAAG,UAAC,EAKjB,EAAA;;AAJV,IAAA,IAAA,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,2BAAA,CAAA,MAAA,CAA4B,UAAU,CAAE,GAAA,EAAA,GAAA,EAAA;AAEtC,QAAA,EAAA,CAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;AAClC,QAAA,EAAA,CAAA,wBAAA,CAAwB,GAAE,SAAS;YAEtC,CAAA;AAED,IAAA,IAAM,IAAI,GAAG,UAAC,OAAwB,EAAA,EAAK,QACzC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAAG,EAAA,OAAO,CAAQ,EACrD,EAAA,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,82BAA82B,EACh3B,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AirConditioningIcon.js","sources":["../../../../src/components/Icon/__generated__/AirConditioningIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airConditioning\"\n\nconst AirConditioningIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"m15.336 15.957-1.604-2.778h3.208l2.53 2.53a.749.749 0 1 0 1.06-1.06l-1.469-1.47H21a1 1 0 0 0 0-2h-1.939l1.469-1.47a.749.749 0 1 0-1.06-1.06l-2.53 2.53h-3.208L15.336 8.4l3.456-.925a.752.752 0 0 0-.388-1.45l-2.007.538.969-1.68a1 1 0 1 0-1.732-1l-.97 1.68-.537-2.007a.752.752 0 0 0-1.45.388l.927 3.456L12 10.179 10.397 7.4l.926-3.456a.75.75 0 1 0-1.449-.388l-.538 2.007-.97-1.68a1 1 0 0 0-1.732 1l.97 1.68-2.008-.538a.752.752 0 0 0-.388 1.45l3.456.925 1.604 2.778H7.061L4.53 8.649a.749.749 0 1 0-1.06 1.06l1.47 1.47H3a1 1 0 0 0 0 2h1.94l-1.47 1.47a.749.749 0 1 0 1.06 1.06l2.531-2.53h3.207l-1.604 2.778-3.456.926a.75.75 0 1 0 .388 1.449l2.008-.538-.97 1.68a1 1 0 0 0 1.732 1l.97-1.68.538 2.008a.75.75 0 1 0 1.449-.39l-.926-3.455L12 14.179l1.604 2.778-.927 3.456a.751.751 0 0 0 1.45.389l.537-2.008.97 1.68a1 1 0 0 0 1.732-1l-.969-1.68 2.007.538a.75.75 0 0 0 .388-1.45l-3.456-.925Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AirConditioningIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,iBAAiB,CAAA;AAEpC,MAAM,mBAAmB,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,82BAA82B,EACh3B,CAAA,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/AirportIcon.js

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
 
-var iconSource = "airport";
-var AirportIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "airport";
+const AirportIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m16.935 20.546 1.414-1.414-2.121-9.192 3.889-3.89a1.5 1.5 0 1 0-2.121-2.12l-3.89 3.888-9.192-2.12L3.5 7.11l7.425 3.89-3.89 3.889-2.474-.354-1.061 1.06 3.182 1.768 1.768 3.182 1.06-1.06-.353-2.475 3.889-3.89 3.889 7.425Z" })));
 };

package/components/Icon/__generated__/AirportIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AirportIcon.js","sources":["../../../../src/components/Icon/__generated__/AirportIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airport\"\n\nconst AirportIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"m16.935 20.546 1.414-1.414-2.121-9.192 3.889-3.89a1.5 1.5 0 1 0-2.121-2.12l-3.89 3.888-9.192-2.12L3.5 7.11l7.425 3.89-3.89 3.889-2.474-.354-1.061 1.06 3.182 1.768 1.768 3.182 1.06-1.06-.353-2.475 3.889-3.89 3.889 7.425Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AirportIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,SAAS,CAAA;AAEtB,IAAA,WAAW,GAAG,UAAC,EAKT,EAAA;;AAJV,IAAA,IAAA,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,2BAAA,CAAA,MAAA,CAA4B,UAAU,CAAE,GAAA,EAAA,GAAA,EAAA;AAEtC,QAAA,EAAA,CAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;QAClC,EAAqB,CAAA,qBAAA,CAAA,GAAE,IAAI,KAAK,EAAE;AAClC,QAAA,EAAA,CAAA,wBAAA,CAAwB,GAAE,SAAS;YAEtC,CAAA;AAED,IAAA,IAAM,IAAI,GAAG,UAAC,OAAwB,EAAA,EAAK,QACzC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAAG,EAAA,OAAO,CAAQ,EACrD,EAAA,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6NAA6N,EAC/N,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AirportIcon.js","sources":["../../../../src/components/Icon/__generated__/AirportIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airport\"\n\nconst AirportIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"m16.935 20.546 1.414-1.414-2.121-9.192 3.889-3.89a1.5 1.5 0 1 0-2.121-2.12l-3.89 3.888-9.192-2.12L3.5 7.11l7.425 3.89-3.89 3.889-2.474-.354-1.061 1.06 3.182 1.768 1.768 3.182 1.06-1.06-.353-2.475 3.889-3.89 3.889 7.425Z\"\n      />\n    </svg>\n  )\n}\n\nexport default AirportIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAE5B,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6NAA6N,EAC/N,CAAA,CACE,CACP,CAAA;AACH;;;;"}