@drivy/cobalt 2.15.0 → 2.16.0

package/components/Form/TextArea.js

@@ -1,5 +1,6 @@
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
+import { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
 import { withFieldLabelAndHint } from './field.js';
 
 const TextArea = forwardRef((props, ref) => {
@@ -13,34 +14,30 @@ const TextArea = forwardRef((props, ref) => {
             ref.current = internalRef.current;
         }
     }, [ref]);
-    const handleAutosize = (el) => {
+    const handleAutosize = useCallback((el) => {
         if (!el)
             return;
         if (hasAutosize) {
             setLength(el.value.length);
             setHeight(el.scrollHeight + 2);
         }
-    };
+    }, [hasAutosize]);
     useEffect(() => {
         handleAutosize(internalRef.current);
-    }, [autosize, maxLength]);
+    }, [handleAutosize]);
     const handleChange = (event) => {
         handleAutosize(event.target);
-        onChange && onChange(event);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
     };
-    return (React.createElement("div", { className: cx("cobalt-TextAreaField", className, {
+    return (jsxs("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", { ...nativeProps, maxLength: maxLength, style: hasAutosize
-                ? {
-                    height: height + "px",
-                }
-                : {}, onChange: handleChange, className: cx("cobalt-TextAreaField__Input", inputClassName), ref: internalRef }),
-        length > 0 && maxLength && maxLength > 0 && (React.createElement("div", { className: "cobalt-TextAreaField__RemainingChars" },
-            maxLength - length,
-            " remaining characters"))));
+        }), children: [jsx("textarea", { ...nativeProps, maxLength: maxLength, style: hasAutosize
+                    ? {
+                        height: `${height}px`,
+                    }
+                    : {}, onChange: handleChange, className: cx("cobalt-TextAreaField__Input", inputClassName), ref: internalRef }), length > 0 && maxLength && maxLength > 0 && (jsxs("div", { className: "cobalt-TextAreaField__RemainingChars", children: [maxLength - length, " remaining characters"] }))] }));
 });
 TextArea.displayName = "TextArea";
 const wrappedComponent = withFieldLabelAndHint(TextArea);

package/components/Form/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/Form/TextArea.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, forwardRef } 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\nconst TextArea = forwardRef<HTMLTextAreaElement, Props>((props, ref) => {\n  const {\n    autosize,\n    className,\n    inputClassName,\n    status,\n    maxLength,\n    onChange,\n    ...nativeProps\n  } = props\n\n  const internalRef = useRef<HTMLTextAreaElement>(null)\n  const [length, setLength] = useState(0)\n  const [height, setHeight] = useState(0)\n\n  const hasAutosize = autosize || (maxLength && maxLength > 0)\n\n  useEffect(() => {\n    if (ref && \"current\" in ref) {\n      ref.current = internalRef.current\n    }\n  }, [ref])\n\n  const handleAutosize = (el?: HTMLTextAreaElement | null) => {\n    if (!el) return\n    if (hasAutosize) {\n      setLength(el.value.length)\n      setHeight(el.scrollHeight + 2)\n    }\n  }\n\n  useEffect(() => {\n    handleAutosize(internalRef.current)\n  }, [autosize, maxLength])\n\n  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    handleAutosize(event.target)\n    onChange && onChange(event)\n  }\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          hasAutosize\n            ? {\n                height: height + \"px\",\n              }\n            : {}\n        }\n        onChange={handleChange}\n        className={cx(\"cobalt-TextAreaField__Input\", inputClassName)}\n        ref={internalRef}\n      />\n      {length > 0 && maxLength && maxLength > 0 && (\n        <div className=\"cobalt-TextAreaField__RemainingChars\">\n          {maxLength - length} remaining characters\n        </div>\n      )}\n    </div>\n  )\n})\n\nTextArea.displayName = \"TextArea\"\n\nconst wrappedComponent = withFieldLabelAndHint(TextArea)\nwrappedComponent.displayName = \"TextArea\"\n\nexport { wrappedComponent as TextArea }\n"],"names":[],"mappings":";;;;AAcA,MAAM,QAAQ,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,KAAI;AACrE,IAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAA;AAET,IAAA,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC,CAAA;IAE5D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;AAC3B,YAAA,GAAG,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;SAClC;AACH,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AAET,IAAA,MAAM,cAAc,GAAG,CAAC,EAA+B,KAAI;AACzD,QAAA,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,IAAI,WAAW,EAAE;AACf,YAAA,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AAC1B,YAAA,SAAS,CAAC,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;SAC/B;AACH,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;AACb,QAAA,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;AAEzB,IAAA,MAAM,YAAY,GAAG,CAAC,KAA6C,KAAI;AACrE,QAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AAC5B,QAAA,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC7B,KAAC,CAAA;IAED,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE;AAC/C,YAAA,iCAAiC,EAAE,SAAS,IAAI,SAAS,GAAG,CAAC;YAC7D,+BAA+B,EAAE,MAAM,KAAK,SAAS;YACrD,6BAA6B,EAAE,MAAM,KAAK,OAAO;SAClD,CAAC,EAAA;QAEF,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,WAAW,EACf,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,WAAW;AACT,kBAAE;oBACE,MAAM,EAAE,MAAM,GAAG,IAAI;AACtB,iBAAA;AACH,kBAAE,EAAE,EAER,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,EAC5D,GAAG,EAAE,WAAW,EAChB,CAAA;AACD,QAAA,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,KACvC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sCAAsC,EAAA;AAClD,YAAA,SAAS,GAAG,MAAM;oCACf,CACP,CACG,EACP;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,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 cx from \"classnames\"\nimport type React from \"react\"\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport type { FormElement } from \"./form\"\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\nconst TextArea = forwardRef<HTMLTextAreaElement, Props>((props, ref) => {\n  const {\n    autosize,\n    className,\n    inputClassName,\n    status,\n    maxLength,\n    onChange,\n    ...nativeProps\n  } = props\n\n  const internalRef = useRef<HTMLTextAreaElement>(null)\n  const [length, setLength] = useState(0)\n  const [height, setHeight] = useState(0)\n\n  const hasAutosize = autosize || (maxLength && maxLength > 0)\n\n  useEffect(() => {\n    if (ref && \"current\" in ref) {\n      ref.current = internalRef.current\n    }\n  }, [ref])\n\n  const handleAutosize = useCallback(\n    (el?: HTMLTextAreaElement | null) => {\n      if (!el) return\n      if (hasAutosize) {\n        setLength(el.value.length)\n        setHeight(el.scrollHeight + 2)\n      }\n    },\n    [hasAutosize],\n  )\n\n  useEffect(() => {\n    handleAutosize(internalRef.current)\n  }, [handleAutosize])\n\n  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    handleAutosize(event.target)\n    onChange?.(event)\n  }\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          hasAutosize\n            ? {\n                height: `${height}px`,\n              }\n            : {}\n        }\n        onChange={handleChange}\n        className={cx(\"cobalt-TextAreaField__Input\", inputClassName)}\n        ref={internalRef}\n      />\n      {length > 0 && maxLength && maxLength > 0 && (\n        <div className=\"cobalt-TextAreaField__RemainingChars\">\n          {maxLength - length} remaining characters\n        </div>\n      )}\n    </div>\n  )\n})\n\nTextArea.displayName = \"TextArea\"\n\nconst wrappedComponent = withFieldLabelAndHint(TextArea)\nwrappedComponent.displayName = \"TextArea\"\n\nexport { wrappedComponent as TextArea }\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAeA,MAAM,QAAQ,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,KAAI;AACrE,IAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAA;AAET,IAAA,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC,CAAA;IAE5D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;AAC3B,YAAA,GAAG,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;SAClC;AACH,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AAET,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,EAA+B,KAAI;AAClC,QAAA,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,IAAI,WAAW,EAAE;AACf,YAAA,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AAC1B,YAAA,SAAS,CAAC,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;SAC/B;AACH,KAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,SAAS,CAAC,MAAK;AACb,QAAA,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;AACrC,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;AAEpB,IAAA,MAAM,YAAY,GAAG,CAAC,KAA6C,KAAI;AACrE,QAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AAC5B,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;AACnB,KAAC,CAAA;IAED,QACEA,cACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE;AAC/C,YAAA,iCAAiC,EAAE,SAAS,IAAI,SAAS,GAAG,CAAC;YAC7D,+BAA+B,EAAE,MAAM,KAAK,SAAS;YACrD,6BAA6B,EAAE,MAAM,KAAK,OAAO;SAClD,CAAC,EAAA,QAAA,EAAA,CAEFC,GACM,CAAA,UAAA,EAAA,EAAA,GAAA,WAAW,EACf,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,WAAW;AACT,sBAAE;wBACE,MAAM,EAAE,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA;AACtB,qBAAA;sBACD,EAAE,EAER,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,EAC5D,GAAG,EAAE,WAAW,GAChB,EACD,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,KACvCD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAClD,SAAS,GAAG,MAAM,6BACf,CACP,CAAA,EAAA,CACG,EACP;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,EAAC;AACxD,gBAAgB,CAAC,WAAW,GAAG,UAAU;;;;"}

package/components/Form/TextInput.js

@@ -1,19 +1,17 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
 import { Icon } from '../Icon/index.js';
 import { withFieldLabelAndHint } from './field.js';
 
 const TextInputWrapper = ({ icon, status, render, }) => {
-    return (React.createElement("div", { className: cx("cobalt-TextField", {
+    return (jsxs("div", { className: cx("cobalt-TextField", {
             "cobalt-TextField--withIcon": icon,
             "cobalt-TextField--success": status === "success",
             "cobalt-TextField--error": status === "error",
-        }) },
-        render("cobalt-TextField__Input"),
-        icon && React.createElement(Icon, { source: icon, className: "cobalt-TextField__Icon" })));
+        }), children: [render("cobalt-TextField__Input"), icon && jsx(Icon, { source: icon, className: "cobalt-TextField__Icon" })] }));
 };
-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 }));
+const TextInput = ({ icon, status, type = "text", forwardedRef, ...inputProps }) => (jsx(TextInputWrapper, { icon: icon, status: status, render: (className) => {
+        return (jsx("input", { type: type, ...inputProps, className: className, ref: forwardedRef }));
     } }));
 TextInput.displayName = "TextInputRaw";
 const wrappedComponent = withFieldLabelAndHint(TextInput);

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,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;;;;"}
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/Form/TextInput.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport type React from \"react\"\nimport { Icon, type IconSources } from \"../Icon\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport type { FormElement } from \"./form\"\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":["_jsxs","classNames","_jsx"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,MAAM,GAKP,KAAI;AACH,IAAA,QACEA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,EAAU,CAAC,kBAAkB,EAAE;AACxC,YAAA,4BAA4B,EAAE,IAAI;YAClC,2BAA2B,EAAE,MAAM,KAAK,SAAS;YACjD,yBAAyB,EAAE,MAAM,KAAK,OAAO;SAC9C,CAAC,EAAA,QAAA,EAAA,CAED,MAAM,CAAC,yBAAyB,CAAC,EACjC,IAAI,IAAIC,GAAC,CAAA,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,EAAA,CAAG,CAC9D,EAAA,CAAA,EACP;AACH,EAAC;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,MAAM,EACb,YAAY,EACZ,GAAG,UAAU,EACP,MACNA,GAAC,CAAA,gBAAgB,EACf,EAAA,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,SAAS,KAAI;AACpB,QAAA,QACEA,GACE,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,21 +1,14 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 import { Hint } from './Hint.js';
 
 const ToggleSwitch = ({ large, status, label, position, hint, ...inputProps }) => {
-    return (React.createElement("div", { className: cx("cobalt-ToggleSwitchField", {
+    return (jsxs("div", { className: cx("cobalt-ToggleSwitchField", {
             "cobalt-ToggleSwitchField--large": large,
             "cobalt-ToggleSwitchField--position-left": position === "left",
             "cobalt-ToggleSwitchField--error": status === "error",
             "cobalt-ToggleSwitchField--standalone": !label,
-        }) },
-        React.createElement("label", { className: "cobalt-ToggleSwitchField__LabelWrapper" },
-            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))),
-        hint && (React.createElement(Hint, { status: status },
-            React.createElement("span", { dangerouslySetInnerHTML: { __html: hint } })))));
+        }), children: [jsxs("label", { className: "cobalt-ToggleSwitchField__LabelWrapper", children: [jsx("input", { ...inputProps, type: "checkbox", className: "cobalt-ToggleSwitchField__Input" }), jsx("span", { className: "cobalt-ToggleSwitchField__ToggleSwitch", children: jsx("span", { className: "cobalt-ToggleSwitchField__ToggleSwitchSlider" }) }), label && (jsx("span", { className: "cobalt-ToggleSwitchField__Label", children: label }))] }), hint && (jsx(Hint, { status: status, children: jsx("span", { dangerouslySetInnerHTML: { __html: hint } }) }))] }));
 };
 
 export { ToggleSwitch };

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":";;;;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;;;;"}
+{"version":3,"file":"ToggleSwitch.js","sources":["../../../src/components/Form/ToggleSwitch.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport type React from \"react\"\nimport type { FormElement } from \"./form\"\nimport { Hint } from \"./Hint\"\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          {/** biome-ignore lint/security/noDangerouslySetInnerHtml: TODO pass a React component instead */}\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  )\n}\n\nexport { ToggleSwitch }\n"],"names":["_jsxs","classNames","_jsx"],"mappings":";;;;AAeA,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,UAAU,EACP,KAAI;AACV,IAAA,QACEA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,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;AAC/C,SAAA,CAAC,EAEF,QAAA,EAAA,CAAAD,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAAA,CACvDE,GACM,CAAA,OAAA,EAAA,EAAA,GAAA,UAAU,EACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,iCAAiC,EAAA,CAC3C,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,wCAAwC,EACtD,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8CAA8C,EAAA,CAAG,EAC5D,CAAA,EAEN,KAAK,KACJA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,iCAAiC,EAAE,QAAA,EAAA,KAAK,EAAQ,CAAA,CACjE,CACK,EAAA,CAAA,EACP,IAAI,KACHA,GAAA,CAAC,IAAI,EAAC,EAAA,MAAM,EAAE,MAAM,EAElB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAI,CAAA,EAAA,CAC9C,CACR,CAAA,EAAA,CACG,EACP;AACH;;;;"}

package/components/Form/field.js

@@ -1,6 +1,7 @@
-import React, { Component } from 'react';
-import { Hint } from './Hint.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
+import { Component } from 'react';
+import { Hint } from './Hint.js';
 
 let singletonIdCounter = 0;
 const generateUniqueId = () => {
@@ -12,26 +13,19 @@ const withFieldLabelAndHint = (WrappedComponent) => {
         render() {
             const { id, label, hint, status, fieldClassName, fullWidth, ...originalProps } = this.props;
             const consolidatedId = id ? id : generateUniqueId();
-            return (React.createElement("div", { className: cx("cobalt-FormField", fieldClassName, {
+            return (jsxs("div", { className: cx("cobalt-FormField", fieldClassName, {
                     "cobalt-FormField--withHint": !!hint,
                     "cobalt-FormField--fullWidth": fullWidth,
-                }) },
-                label && (React.createElement("label", { className: "cobalt-FormField__Label", htmlFor: consolidatedId }, label)),
-                React.createElement(WrappedComponent, { ...originalProps, id: consolidatedId, status: status }),
-                hint && (React.createElement(Hint, { status: status },
-                    React.createElement("span", { dangerouslySetInnerHTML: { __html: hint } })))));
+                }), children: [label && (jsx("label", { className: "cobalt-FormField__Label", htmlFor: consolidatedId, children: label })), jsx(WrappedComponent, { ...originalProps, id: consolidatedId, status: status }), hint && (jsx(Hint, { status: status, children: jsx("span", { dangerouslySetInnerHTML: { __html: hint } }) }))] }));
         }
     }
     Wrapper.Raw = WrappedComponent;
     return Wrapper;
 };
-const FieldWrapper = ({ label, hint, fullWidth, status, children, }) => label || hint ? (React.createElement("div", { className: cx("cobalt-FormField", {
+const FieldWrapper = ({ label, hint, fullWidth, status, children, }) => label || hint ? (jsxs("div", { className: cx("cobalt-FormField", {
         "cobalt-FormField--withHint": hint,
         "cobalt-FormField--fullWidth": fullWidth,
-    }) },
-    children,
-    hint && (React.createElement(Hint, { status: status },
-        React.createElement("span", { dangerouslySetInnerHTML: { __html: hint } }))))) : (React.createElement(React.Fragment, null, children));
+    }), children: [children, hint && (jsx(Hint, { status: status, children: jsx("span", { dangerouslySetInnerHTML: { __html: hint } }) }))] })) : (children);
 FieldWrapper.labelClassName = "cobalt-FormField__Label";
 
 export { FieldWrapper, withFieldLabelAndHint };

package/components/Form/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../src/components/Form/field.tsx"],"sourcesContent":["import React, { Component, PropsWithChildren } 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  fullWidth?: boolean\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        fullWidth,\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            \"cobalt-FormField--fullWidth\": fullWidth,\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\nexport type FieldWrapperProps = {\n  label?: string\n  hint?: string\n  fullWidth?: boolean\n  status?: FormElement[\"status\"]\n}\n\nexport const FieldWrapper = ({\n  label,\n  hint,\n  fullWidth,\n  status,\n  children,\n}: PropsWithChildren<{\n  label?: string\n  fullWidth?: boolean\n  status?: FormElement[\"status\"]\n  hint?: string\n}>) =>\n  label || hint ? (\n    <div\n      className={classNames(\"cobalt-FormField\", {\n        \"cobalt-FormField--withHint\": hint,\n        \"cobalt-FormField--fullWidth\": fullWidth,\n      })}\n    >\n      {children}\n      {hint && (\n        <Hint status={status}>\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  ) : (\n    <>{children}</>\n  )\n\nFieldWrapper.labelClassName = \"cobalt-FormField__Label\"\n"],"names":["classNames"],"mappings":";;;;AAaA,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;YACJ,MAAM,EACJ,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,cAAc,EACd,SAAS,EACT,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;AACpC,oBAAA,6BAA6B,EAAE,SAAS;iBACzC,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;;IAxCM,OAAG,CAAA,GAAA,GAAG,gBAAgB,CAAA;AA2C/B,IAAA,OAAO,OAAO,CAAA;AAChB,EAAC;AASM,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAMR,KACA,KAAK,IAAI,IAAI,IACX,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE;AACxC,QAAA,4BAA4B,EAAE,IAAI;AAClC,QAAA,6BAA6B,EAAE,SAAS;KACzC,CAAC,EAAA;IAED,QAAQ;AACR,IAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;QAClB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACR,CACG,KAEN,0CAAG,QAAQ,CAAI,EAChB;AAEH,YAAY,CAAC,cAAc,GAAG,yBAAyB;;;;"}
+{"version":3,"file":"field.js","sources":["../../../src/components/Form/field.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport type React from \"react\"\nimport { Component, type PropsWithChildren } from \"react\"\nimport type { FormElement } from \"./form\"\nimport { Hint } from \"./Hint\"\n\ntype InjectedProps = {\n  id?: string\n  label?: string\n  hint?: string\n  fieldClassName?: string\n  fullWidth?: boolean\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        fullWidth,\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            \"cobalt-FormField--fullWidth\": fullWidth,\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              {/** biome-ignore lint/security/noDangerouslySetInnerHtml: Allow to pass content from the HAML template*/}\n              <span dangerouslySetInnerHTML={{ __html: hint }} />\n            </Hint>\n          )}\n        </div>\n      )\n    }\n  }\n\n  return Wrapper\n}\n\nexport type FieldWrapperProps = {\n  label?: string\n  hint?: string\n  fullWidth?: boolean\n  status?: FormElement[\"status\"]\n}\n\nexport const FieldWrapper = ({\n  label,\n  hint,\n  fullWidth,\n  status,\n  children,\n}: PropsWithChildren<{\n  label?: string\n  fullWidth?: boolean\n  status?: FormElement[\"status\"]\n  hint?: string\n}>) =>\n  label || hint ? (\n    <div\n      className={classNames(\"cobalt-FormField\", {\n        \"cobalt-FormField--withHint\": hint,\n        \"cobalt-FormField--fullWidth\": fullWidth,\n      })}\n    >\n      {children}\n      {hint && (\n        <Hint status={status}>\n          {/** biome-ignore lint/security/noDangerouslySetInnerHtml: Allow to pass content from the HAML template*/}\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  ) : (\n    children\n  )\n\nFieldWrapper.labelClassName = \"cobalt-FormField__Label\"\n"],"names":["_jsxs","classNames","_jsx"],"mappings":";;;;;AAcA,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;YACJ,MAAM,EACJ,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,cAAc,EACd,SAAS,EACT,GAAG,aAAa,EACjB,GAAkC,IAAI,CAAC,KAAK,CAAA;AAE7C,YAAA,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAA;YAEnD,QACEA,cACE,SAAS,EAAEC,EAAU,CAAC,kBAAkB,EAAE,cAAc,EAAE;oBACxD,4BAA4B,EAAE,CAAC,CAAC,IAAI;AACpC,oBAAA,6BAA6B,EAAE,SAAS;iBACzC,CAAC,EAAA,QAAA,EAAA,CAED,KAAK,KACJC,GAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc,YAC/D,KAAK,EAAA,CACA,CACT,EAEDA,GAAC,CAAA,gBAAgB,EACV,EAAA,GAAA,aAA+B,EACpC,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,MAAM,EAAA,CACd,EAED,IAAI,KACHA,IAAC,IAAI,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,QAAA,EAElBA,cAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAA,CAAI,EAC9C,CAAA,CACR,CACG,EAAA,CAAA,EACP;SACF;;IAzCM,OAAG,CAAA,GAAA,GAAG,gBAAgB,CAAA;AA4C/B,IAAA,OAAO,OAAO,CAAA;AAChB,EAAC;AASM,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAMR,KACA,KAAK,IAAI,IAAI,IACXF,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,EAAU,CAAC,kBAAkB,EAAE;AACxC,QAAA,4BAA4B,EAAE,IAAI;AAClC,QAAA,6BAA6B,EAAE,SAAS;AACzC,KAAA,CAAC,EAED,QAAA,EAAA,CAAA,QAAQ,EACR,IAAI,KACHC,GAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,QAAA,EAElBA,cAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAA,CAAI,GAC9C,CACR,CAAA,EAAA,CACG,KAEN,QAAQ,EACT;AAEH,YAAY,CAAC,cAAc,GAAG,yBAAyB;;;;"}

package/components/Helper/index.js

@@ -1,10 +1,7 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
-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));
+const Helper = ({ className, titleClassName, contentClassName, title, children, cta, }) => (jsxs("div", { className: cx("cobalt-helper", className), children: [jsx("strong", { className: cx("cobalt-helper__title", titleClassName), children: title }), jsx("div", { className: cx("cobalt-helper__content", contentClassName), children: 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 from \"react\"\nimport cx from \"classnames\"\n\nimport type { CobaltButtonElement } from \"../Buttons/Button\"\n\ntype HelperPropsType = {\n  children?: React.ReactNode\n  className?: string\n  title: string\n  titleClassName?: string\n  contentClassName?: string\n  cta?: CobaltButtonElement\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":";;;AAcA,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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Helper/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nimport type { CobaltButtonElement } from \"../Buttons/Button\"\n\ntype HelperPropsType = {\n  children?: React.ReactNode\n  className?: string\n  title: string\n  titleClassName?: string\n  contentClassName?: string\n  cta?: CobaltButtonElement\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":["_jsxs","_jsx"],"mappings":";;;AAcM,MAAA,MAAM,GAAG,CAAC,EACd,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,GACa,MAChBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAC5C,QAAA,EAAA,CAAAC,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,CAAC,EAC1D,QAAA,EAAA,KAAK,EACC,CAAA,EACTA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAC3D,QAAQ,EAAA,CACL,EACL,GAAG,CACA,EAAA,CAAA;;;;"}

package/components/HorizontalList/index.js

@@ -1,16 +1,16 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
 function HorizontalList({ className, fitFrom, children, }) {
-    return (React.createElement("div", { className: cx(`cobalt-horizontal-list`, className, {
+    return (jsx("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));
+        }), children: children }));
 }
 function HorizontalListPaddingBlock({ className, }) {
-    return (React.createElement("div", { className: cx(`cobalt-horizontal-list__padding-block`, className) }));
+    return (jsx("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 from \"react\"\nimport cx from \"classnames\"\nimport { CobaltBreakpointType } from \"../../hooks/useBreakpoint\"\n\nexport type HorizontalListPropsType = {\n  children?: React.ReactNode\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":";;;AAUc,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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/HorizontalList/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\nimport type { CobaltBreakpointType } from \"../../hooks/useBreakpoint\"\n\nexport type HorizontalListPropsType = {\n  children?: React.ReactNode\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":["_jsx"],"mappings":";;;AAUc,SAAU,cAAc,CAAC,EACrC,SAAS,EACT,OAAO,EACP,QAAQ,GACgB,EAAA;IACxB,QACEA,aACE,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,QAAA,EAAA,QAAQ,EACL,CAAA,EACP;AACH,CAAC;AAMe,SAAA,0BAA0B,CAAC,EACzC,SAAS,GAC2B,EAAA;AACpC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,CAAuC,qCAAA,CAAA,EAAE,SAAS,CAAC,EAC5D,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/AccountDetailsIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "accountDetails";
 const AccountDetailsIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const AccountDetailsIcon = ({ color, size = 24, contained = false, className, })
         "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" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("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" })] }) }));
 };
 
 export { AccountDetailsIcon as default };

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 { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"accountDetails\"\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      [`c-fill-${camelize(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  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\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}\nexport default AccountDetailsIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,gBAAgB,CAAA;AACnC,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,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 cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"accountDetails\"\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\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    </span>\n  )\n}\nexport default AccountDetailsIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,gBAAgB,CAAA;AACnC,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4MAA4M,EAAA,CAC9M,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/AddPictureIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "addPicture";
 const AddPictureIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const AddPictureIcon = ({ color, size = 24, contained = false, className, }) =>
         "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" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("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" })] }) }));
 };
 
 export { AddPictureIcon as default };

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 { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"addPicture\"\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      [`c-fill-${camelize(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  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\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}\nexport default AddPictureIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,YAAY,CAAA;AAC/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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,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 cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"addPicture\"\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\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    </span>\n  )\n}\nexport default AddPictureIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,YAAY,CAAA;AAC/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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6IAA6I,EAAA,CAC/I,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/AirConditioningIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "airConditioning";
 const AirConditioningIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const AirConditioningIcon = ({ color, size = 24, contained = false, className, }
         "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" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("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" })] }) }));
 };
 
 export { AirConditioningIcon as default };

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 { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airConditioning\"\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      [`c-fill-${camelize(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  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\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}\nexport default AirConditioningIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,iBAAiB,CAAA;AACpC,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,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 cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airConditioning\"\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\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    </span>\n  )\n}\nexport default AirConditioningIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,iBAAiB,CAAA;AACpC,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,82BAA82B,EAAA,CACh3B,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/AirportIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "airport";
 const AirportIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const AirportIcon = ({ color, size = 24, contained = false, className, }) => {
         "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" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("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" })] }) }));
 };
 
 export { AirportIcon as default };

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 { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airport\"\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      [`c-fill-${camelize(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  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\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}\nexport default AirportIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,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 cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airport\"\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\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    </span>\n  )\n}\nexport default AirportIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6NAA6N,EAAA,CAC/N,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/AndroidIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "android";
 const AndroidIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const AndroidIcon = ({ color, size = 24, contained = false, className, }) => {
         "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", { d: "m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { d: "m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" })] }) }));
 };
 
 export { AndroidIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"AndroidIcon.js","sources":["../../../../src/components/Icon/__generated__/AndroidIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"android\"\nconst AndroidIcon = ({\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      [`c-fill-${camelize(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  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z\" />\n    </svg>\n  )\n}\nexport default AndroidIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,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,EAAM,CAAC,EAAC,qUAAqU,EAAG,CAAA,CAC5U,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AndroidIcon.js","sources":["../../../../src/components/Icon/__generated__/AndroidIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"android\"\nconst AndroidIcon = ({\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path d=\"m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z\" />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default AndroidIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;IACD,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,qUAAqU,EAAG,CAAA,CAAA,EAAA,CAC5U,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/AntiqueIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "antique";
 const AntiqueIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const AntiqueIcon = ({ color, size = 24, contained = false, className, }) => {
         "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 10h.5c0-3.157-1.168-4-5.2-4C4 6 2 9 2 10v5h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2c0-.47-.27-1.441-1-2.403V11h-1.826c-1.027-.59-2.39-1-4.174-1Zm-6 0H3.5c0-1.373 2.934-2.328 6.5-2.479V10Zm1.5 0V7.5c3.5.016 3.5.236 3.5 2.5h-3.5ZM6 13.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm12 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 10h.5c0-3.157-1.168-4-5.2-4C4 6 2 9 2 10v5h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2c0-.47-.27-1.441-1-2.403V11h-1.826c-1.027-.59-2.39-1-4.174-1Zm-6 0H3.5c0-1.373 2.934-2.328 6.5-2.479V10Zm1.5 0V7.5c3.5.016 3.5.236 3.5 2.5h-3.5ZM6 13.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm12 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" })] }) }));
 };
 
 export { AntiqueIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"AntiqueIcon.js","sources":["../../../../src/components/Icon/__generated__/AntiqueIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"antique\"\nconst AntiqueIcon = ({\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      [`c-fill-${camelize(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  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\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 10h.5c0-3.157-1.168-4-5.2-4C4 6 2 9 2 10v5h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2c0-.47-.27-1.441-1-2.403V11h-1.826c-1.027-.59-2.39-1-4.174-1Zm-6 0H3.5c0-1.373 2.934-2.328 6.5-2.479V10Zm1.5 0V7.5c3.5.016 3.5.236 3.5 2.5h-3.5ZM6 13.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm12 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z\"\n      />\n    </svg>\n  )\n}\nexport default AntiqueIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,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,wTAAwT,EAC1T,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AntiqueIcon.js","sources":["../../../../src/components/Icon/__generated__/AntiqueIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"antique\"\nconst AntiqueIcon = ({\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M16 10h.5c0-3.157-1.168-4-5.2-4C4 6 2 9 2 10v5h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2c0-.47-.27-1.441-1-2.403V11h-1.826c-1.027-.59-2.39-1-4.174-1Zm-6 0H3.5c0-1.373 2.934-2.328 6.5-2.479V10Zm1.5 0V7.5c3.5.016 3.5.236 3.5 2.5h-3.5ZM6 13.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm12 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default AntiqueIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wTAAwT,EAAA,CAC1T,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/ArrowLeftCircleFilledIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "arrowLeftCircleFilled";
 const ArrowLeftCircleFilledIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const ArrowLeftCircleFilledIcon = ({ color, size = 24, contained = false, classN
         "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: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm4.975-9.15H9.048l2.373 2.71c.294.339.252.904-.084 1.21-.341.313-.91.265-1.212-.084l-3.616-4.131c-.276-.368-.272-.792-.002-1.125l.002-.002 3.616-4.132a.858.858 0 0 1 1.21-.085c.342.296.382.87.086 1.211l-2.373 2.711h7.927a.858.858 0 0 1 0 1.716Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm4.975-9.15H9.048l2.373 2.71c.294.339.252.904-.084 1.21-.341.313-.91.265-1.212-.084l-3.616-4.131c-.276-.368-.272-.792-.002-1.125l.002-.002 3.616-4.132a.858.858 0 0 1 1.21-.085c.342.296.382.87.086 1.211l-2.373 2.711h7.927a.858.858 0 0 1 0 1.716Z" })] }) }));
 };
 
 export { ArrowLeftCircleFilledIcon as default };