npm - @drivy/cobalt - Versions diffs - 2.14.0 → 2.16.0 - Mend

@drivy/cobalt 2.14.0 → 2.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1256) hide show

package/components/Icon/__generated__/OptionSnowTireIcon.js CHANGED Viewed

@@ -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 = "optionSnowTire";
 const OptionSnowTireIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const OptionSnowTireIcon = ({ 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: "M13.804 18.07a1 1 0 0 0 .521 1.93l2.189-.59-.59 2.19a1 1 0 1 0 1.93.52l.57-2.19 1.62 1.61c.38.39 1.03.39 1.42 0 .39-.39.39-1.04 0-1.42l-1.61-1.62 2.19-.57a1 1 0 0 0-.52-1.93l-2.19.59.59-2.19a1 1 0 1 0-1.93-.52l-.57 2.19-1.62-1.61c-.38-.39-1.03-.39-1.42 0-.39.4-.39 1.04 0 1.42l1.61 1.62zm-.227-5.493a1.75 1.75 0 1 0-1.067 1.073c.125-.215.278-.418.46-.604.186-.185.39-.342.607-.469zm2.876-.091c.135-.206.293-.392.47-.556A5 5 0 1 0 11.856 17c.162-.176.346-.334.55-.468l.005-.007a3.008 3.008 0 0 1-.161-2.298 2.25 2.25 0 1 1 1.904-1.909 3.025 3.025 0 0 1 2.303.166zm4.744-.348a1 1 0 0 1 .656 1.06l-.014.112a3.011 3.011 0 0 0-.642-1.172zm-8 9.769a.898.898 0 0 1-.164.032 9.985 9.985 0 0 1-1.11.061h-.003l-.214-.002a1 1 0 0 1-.975-1.076 8.845 8.845 0 0 1-.942-.177l-.017.054a1 1 0 0 1-1.283.595 9.806 9.806 0 0 1-1.021-.439 1.002 1.002 0 0 1-.45-1.342c.01-.016.018-.033.027-.049a9.236 9.236 0 0 1-.885-.651 1 1 0 0 1-1.453.01 10.17 10.17 0 0 1-.723-.843 1 1 0 0 1 .23-1.434 8.83 8.83 0 0 1-.477-.903 1 1 0 0 1-1.315-.618 9.894 9.894 0 0 1-.287-1.075.999.999 0 0 1 .774-1.183l.055-.01a9.334 9.334 0 0 1-.04-.857c0-.06 0-.119.002-.179a1 1 0 0 1-.917-1.127c.048-.369.116-.733.205-1.092a1 1 0 0 1 1.264-.717c.114-.311.246-.613.392-.907a.999.999 0 0 1-.341-1.412c.2-.311.42-.61.654-.897a1 1 0 0 1 1.449-.104c.246-.241.506-.467.777-.678l-.03-.046a1 1 0 0 1 .33-1.375c.317-.194.644-.37.98-.527a1.001 1.001 0 0 1 1.33.482c.008.017.014.034.02.051.325-.11.657-.201.995-.273l-.007-.055a1 1 0 0 1 .896-1.095 10.411 10.411 0 0 1 1.11-.048 1 1 0 0 1 .99 1.01l-.002.055c.318.039.633.094.94.166a1 1 0 0 1 1.293-.664c.35.124.693.267 1.027.428a1 1 0 0 1 .437 1.386c.312.196.61.411.895.643.01-.013.025-.026.038-.039A.999.999 0 0 1 19.065 5c.26.264.504.543.732.834a1 1 0 0 1-.214 1.437c.179.289.342.589.488.899l.052-.02a1 1 0 0 1 1.269.625c.12.35.22.708.299 1.07a1 1 0 0 1-.817 1.202c.029.27.045.544.049.82a2.969 2.969 0 0 0-1.207-.633 2.986 2.986 0 0 0-1.83.098 6 6 0 1 0-6.63 6.632 2.988 2.988 0 0 0-.096 1.837 2.976 2.976 0 0 0 2.037 2.106z" })));
+    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: "M13.804 18.07a1 1 0 0 0 .521 1.93l2.189-.59-.59 2.19a1 1 0 1 0 1.93.52l.57-2.19 1.62 1.61c.38.39 1.03.39 1.42 0 .39-.39.39-1.04 0-1.42l-1.61-1.62 2.19-.57a1 1 0 0 0-.52-1.93l-2.19.59.59-2.19a1 1 0 1 0-1.93-.52l-.57 2.19-1.62-1.61c-.38-.39-1.03-.39-1.42 0-.39.4-.39 1.04 0 1.42l1.61 1.62zm-.227-5.493a1.75 1.75 0 1 0-1.067 1.073c.125-.215.278-.418.46-.604.186-.185.39-.342.607-.469zm2.876-.091c.135-.206.293-.392.47-.556A5 5 0 1 0 11.856 17c.162-.176.346-.334.55-.468l.005-.007a3.008 3.008 0 0 1-.161-2.298 2.25 2.25 0 1 1 1.904-1.909 3.025 3.025 0 0 1 2.303.166zm4.744-.348a1 1 0 0 1 .656 1.06l-.014.112a3.011 3.011 0 0 0-.642-1.172zm-8 9.769a.898.898 0 0 1-.164.032 9.985 9.985 0 0 1-1.11.061h-.003l-.214-.002a1 1 0 0 1-.975-1.076 8.845 8.845 0 0 1-.942-.177l-.017.054a1 1 0 0 1-1.283.595 9.806 9.806 0 0 1-1.021-.439 1.002 1.002 0 0 1-.45-1.342c.01-.016.018-.033.027-.049a9.236 9.236 0 0 1-.885-.651 1 1 0 0 1-1.453.01 10.17 10.17 0 0 1-.723-.843 1 1 0 0 1 .23-1.434 8.83 8.83 0 0 1-.477-.903 1 1 0 0 1-1.315-.618 9.894 9.894 0 0 1-.287-1.075.999.999 0 0 1 .774-1.183l.055-.01a9.334 9.334 0 0 1-.04-.857c0-.06 0-.119.002-.179a1 1 0 0 1-.917-1.127c.048-.369.116-.733.205-1.092a1 1 0 0 1 1.264-.717c.114-.311.246-.613.392-.907a.999.999 0 0 1-.341-1.412c.2-.311.42-.61.654-.897a1 1 0 0 1 1.449-.104c.246-.241.506-.467.777-.678l-.03-.046a1 1 0 0 1 .33-1.375c.317-.194.644-.37.98-.527a1.001 1.001 0 0 1 1.33.482c.008.017.014.034.02.051.325-.11.657-.201.995-.273l-.007-.055a1 1 0 0 1 .896-1.095 10.411 10.411 0 0 1 1.11-.048 1 1 0 0 1 .99 1.01l-.002.055c.318.039.633.094.94.166a1 1 0 0 1 1.293-.664c.35.124.693.267 1.027.428a1 1 0 0 1 .437 1.386c.312.196.61.411.895.643.01-.013.025-.026.038-.039A.999.999 0 0 1 19.065 5c.26.264.504.543.732.834a1 1 0 0 1-.214 1.437c.179.289.342.589.488.899l.052-.02a1 1 0 0 1 1.269.625c.12.35.22.708.299 1.07a1 1 0 0 1-.817 1.202c.029.27.045.544.049.82a2.969 2.969 0 0 0-1.207-.633 2.986 2.986 0 0 0-1.83.098 6 6 0 1 0-6.63 6.632 2.988 2.988 0 0 0-.096 1.837 2.976 2.976 0 0 0 2.037 2.106z" })] }) }));
 };
 export { OptionSnowTireIcon as default };

package/components/Icon/__generated__/OptionSnowTireIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionSnowTireIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionSnowTireIcon.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 = \"optionSnowTire\"\nconst OptionSnowTireIcon = ({\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=\"M13.804 18.07a1 1 0 0 0 .521 1.93l2.189-.59-.59 2.19a1 1 0 1 0 1.93.52l.57-2.19 1.62 1.61c.38.39 1.03.39 1.42 0 .39-.39.39-1.04 0-1.42l-1.61-1.62 2.19-.57a1 1 0 0 0-.52-1.93l-2.19.59.59-2.19a1 1 0 1 0-1.93-.52l-.57 2.19-1.62-1.61c-.38-.39-1.03-.39-1.42 0-.39.4-.39 1.04 0 1.42l1.61 1.62zm-.227-5.493a1.75 1.75 0 1 0-1.067 1.073c.125-.215.278-.418.46-.604.186-.185.39-.342.607-.469zm2.876-.091c.135-.206.293-.392.47-.556A5 5 0 1 0 11.856 17c.162-.176.346-.334.55-.468l.005-.007a3.008 3.008 0 0 1-.161-2.298 2.25 2.25 0 1 1 1.904-1.909 3.025 3.025 0 0 1 2.303.166zm4.744-.348a1 1 0 0 1 .656 1.06l-.014.112a3.011 3.011 0 0 0-.642-1.172zm-8 9.769a.898.898 0 0 1-.164.032 9.985 9.985 0 0 1-1.11.061h-.003l-.214-.002a1 1 0 0 1-.975-1.076 8.845 8.845 0 0 1-.942-.177l-.017.054a1 1 0 0 1-1.283.595 9.806 9.806 0 0 1-1.021-.439 1.002 1.002 0 0 1-.45-1.342c.01-.016.018-.033.027-.049a9.236 9.236 0 0 1-.885-.651 1 1 0 0 1-1.453.01 10.17 10.17 0 0 1-.723-.843 1 1 0 0 1 .23-1.434 8.83 8.83 0 0 1-.477-.903 1 1 0 0 1-1.315-.618 9.894 9.894 0 0 1-.287-1.075.999.999 0 0 1 .774-1.183l.055-.01a9.334 9.334 0 0 1-.04-.857c0-.06 0-.119.002-.179a1 1 0 0 1-.917-1.127c.048-.369.116-.733.205-1.092a1 1 0 0 1 1.264-.717c.114-.311.246-.613.392-.907a.999.999 0 0 1-.341-1.412c.2-.311.42-.61.654-.897a1 1 0 0 1 1.449-.104c.246-.241.506-.467.777-.678l-.03-.046a1 1 0 0 1 .33-1.375c.317-.194.644-.37.98-.527a1.001 1.001 0 0 1 1.33.482c.008.017.014.034.02.051.325-.11.657-.201.995-.273l-.007-.055a1 1 0 0 1 .896-1.095 10.411 10.411 0 0 1 1.11-.048 1 1 0 0 1 .99 1.01l-.002.055c.318.039.633.094.94.166a1 1 0 0 1 1.293-.664c.35.124.693.267 1.027.428a1 1 0 0 1 .437 1.386c.312.196.61.411.895.643.01-.013.025-.026.038-.039A.999.999 0 0 1 19.065 5c.26.264.504.543.732.834a1 1 0 0 1-.214 1.437c.179.289.342.589.488.899l.052-.02a1 1 0 0 1 1.269.625c.12.35.22.708.299 1.07a1 1 0 0 1-.817 1.202c.029.27.045.544.049.82a2.969 2.969 0 0 0-1.207-.633 2.986 2.986 0 0 0-1.83.098 6 6 0 1 0-6.63 6.632 2.988 2.988 0 0 0-.096 1.837 2.976 2.976 0 0 0 2.037 2.106z\" />\n </svg>\n )\n}\nexport default OptionSnowTireIcon\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,~~EAAM~~,CAAC,EAAC,o+DAAo+D,EAAG,CAAA,CAC3+D,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"OptionSnowTireIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionSnowTireIcon.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 = \"optionSnowTire\"\nconst OptionSnowTireIcon = ({\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=\"M13.804 18.07a1 1 0 0 0 .521 1.93l2.189-.59-.59 2.19a1 1 0 1 0 1.93.52l.57-2.19 1.62 1.61c.38.39 1.03.39 1.42 0 .39-.39.39-1.04 0-1.42l-1.61-1.62 2.19-.57a1 1 0 0 0-.52-1.93l-2.19.59.59-2.19a1 1 0 1 0-1.93-.52l-.57 2.19-1.62-1.61c-.38-.39-1.03-.39-1.42 0-.39.4-.39 1.04 0 1.42l1.61 1.62zm-.227-5.493a1.75 1.75 0 1 0-1.067 1.073c.125-.215.278-.418.46-.604.186-.185.39-.342.607-.469zm2.876-.091c.135-.206.293-.392.47-.556A5 5 0 1 0 11.856 17c.162-.176.346-.334.55-.468l.005-.007a3.008 3.008 0 0 1-.161-2.298 2.25 2.25 0 1 1 1.904-1.909 3.025 3.025 0 0 1 2.303.166zm4.744-.348a1 1 0 0 1 .656 1.06l-.014.112a3.011 3.011 0 0 0-.642-1.172zm-8 9.769a.898.898 0 0 1-.164.032 9.985 9.985 0 0 1-1.11.061h-.003l-.214-.002a1 1 0 0 1-.975-1.076 8.845 8.845 0 0 1-.942-.177l-.017.054a1 1 0 0 1-1.283.595 9.806 9.806 0 0 1-1.021-.439 1.002 1.002 0 0 1-.45-1.342c.01-.016.018-.033.027-.049a9.236 9.236 0 0 1-.885-.651 1 1 0 0 1-1.453.01 10.17 10.17 0 0 1-.723-.843 1 1 0 0 1 .23-1.434 8.83 8.83 0 0 1-.477-.903 1 1 0 0 1-1.315-.618 9.894 9.894 0 0 1-.287-1.075.999.999 0 0 1 .774-1.183l.055-.01a9.334 9.334 0 0 1-.04-.857c0-.06 0-.119.002-.179a1 1 0 0 1-.917-1.127c.048-.369.116-.733.205-1.092a1 1 0 0 1 1.264-.717c.114-.311.246-.613.392-.907a.999.999 0 0 1-.341-1.412c.2-.311.42-.61.654-.897a1 1 0 0 1 1.449-.104c.246-.241.506-.467.777-.678l-.03-.046a1 1 0 0 1 .33-1.375c.317-.194.644-.37.98-.527a1.001 1.001 0 0 1 1.33.482c.008.017.014.034.02.051.325-.11.657-.201.995-.273l-.007-.055a1 1 0 0 1 .896-1.095 10.411 10.411 0 0 1 1.11-.048 1 1 0 0 1 .99 1.01l-.002.055c.318.039.633.094.94.166a1 1 0 0 1 1.293-.664c.35.124.693.267 1.027.428a1 1 0 0 1 .437 1.386c.312.196.61.411.895.643.01-.013.025-.026.038-.039A.999.999 0 0 1 19.065 5c.26.264.504.543.732.834a1 1 0 0 1-.214 1.437c.179.289.342.589.488.899l.052-.02a1 1 0 0 1 1.269.625c.12.35.22.708.299 1.07a1 1 0 0 1-.817 1.202c.029.27.045.544.049.82a2.969 2.969 0 0 0-1.207-.633 2.986 2.986 0 0 0-1.83.098 6 6 0 1 0-6.63 6.632 2.988 2.988 0 0 0-.096 1.837 2.976 2.976 0 0 0 2.037 2.106z\" />\n </svg>\n }\n </span>\n )\n}\nexport default OptionSnowTireIcon\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;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,o+DAAo+D,EAAG,CAAA,CAAA,EAAA,CAC3+D,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/OptionWheelchairAccessibleIcon.js CHANGED Viewed

@@ -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 = "optionWheelchairAccessible";
 const OptionWheelchairAccessibleIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,11 +12,7 @@ const OptionWheelchairAccessibleIcon = ({ color, size = 24, contained = false, c
         "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: "M9 5.4c.8.8 2 .8 2.8 0s.8-2 0-2.8c-.4-.4-.9-.6-1.4-.6s-1 .2-1.4.6c-.8.8-.8 2 0 2.8zM14.1 16.4h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3z" }),
-        React.createElement("path", { d: "M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2z" }),
-        React.createElement("path", { d: "M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9z" })));
+    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: "M9 5.4c.8.8 2 .8 2.8 0s.8-2 0-2.8c-.4-.4-.9-.6-1.4-.6s-1 .2-1.4.6c-.8.8-.8 2 0 2.8zM14.1 16.4h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3z" }), jsx("path", { d: "M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2z" }), jsx("path", { d: "M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9z" })] }) }));
 };
 export { OptionWheelchairAccessibleIcon as default };

package/components/Icon/__generated__/OptionWheelchairAccessibleIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionWheelchairAccessibleIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionWheelchairAccessibleIcon.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 = \"optionWheelchairAccessible\"\nconst OptionWheelchairAccessibleIcon = ({\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=\"M9 5.4c.8.8 2 .8 2.8 0s.8-2 0-2.8c-.4-.4-.9-.6-1.4-.6s-1 .2-1.4.6c-.8.8-.8 2 0 2.8zM14.1 16.4h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3z\" />\n <path d=\"M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2z\" />\n <path d=\"M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9z\" />\n </svg>\n )\n}\nexport default OptionWheelchairAccessibleIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,4BAA4B,CAAA;AAC/C,MAAM,8BAA8B,GAAG,CAAC,EACtC,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;QACzD~~,~~KAAM~~,CAAA,~~aAAA~~,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,kOAAkO,~~EAAG~~,~~CAAA;QAC7O~~,~~KAAM~~,~~CAAA~~,~~aAAA,~~CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sGAAsG,~~EAAG~~,~~CAAA;AACjH~~,~~QAAA~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~MAAA,EAAA,EAAM,CAAC,EAAC,yEAAyE,~~EAAG~~,CAAA,~~CAChF~~,~~CACP~~,~~CAAA~~;AACH;;;;"}
1	+ {"version":3,"file":"OptionWheelchairAccessibleIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionWheelchairAccessibleIcon.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 = \"optionWheelchairAccessible\"\nconst OptionWheelchairAccessibleIcon = ({\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=\"M9 5.4c.8.8 2 .8 2.8 0s.8-2 0-2.8c-.4-.4-.9-.6-1.4-.6s-1 .2-1.4.6c-.8.8-.8 2 0 2.8zM14.1 16.4h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3z\" />\n <path d=\"M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2z\" />\n <path d=\"M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9z\" />\n </svg>\n }\n </span>\n )\n}\nexport default OptionWheelchairAccessibleIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,4BAA4B,CAAA;AAC/C,MAAM,8BAA8B,GAAG,CAAC,EACtC,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,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,YAE9BC,IAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EACzD,QAAA,EAAA,CAAAD,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,kOAAkO,EAAA,CAAG,EAC7OA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sGAAsG,EAAA,CAAG,EACjHA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,yEAAyE,GAAG,CAChF,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/PaperclipIcon.js CHANGED Viewed

@@ -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 = "paperclip";
 const PaperclipIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PaperclipIcon = ({ 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: "M10.832 13.652c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24Zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42Z" })));
+    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: "M10.832 13.652c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24Zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42Z" })] }) }));
 };
 export { PaperclipIcon as default };

package/components/Icon/__generated__/PaperclipIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaperclipIcon.js","sources":["../../../../src/components/Icon/__generated__/PaperclipIcon.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 = \"paperclip\"\nconst PaperclipIcon = ({\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=\"M10.832 13.652c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24Zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42Z\"\n />\n </svg>\n )\n}\nexport default PaperclipIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,WAAW,CAAA;AAC9B,MAAM,aAAa,GAAG,CAAC,EACrB,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,giBAAgiB,~~EACliB~~,~~CAAA~~,CACE,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PaperclipIcon.js","sources":["../../../../src/components/Icon/__generated__/PaperclipIcon.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 = \"paperclip\"\nconst PaperclipIcon = ({\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=\"M10.832 13.652c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24Zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42Z\"\n />\n </svg>\n }\n </span>\n )\n}\nexport default PaperclipIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,WAAW,CAAA;AAC9B,MAAM,aAAa,GAAG,CAAC,EACrB,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,giBAAgiB,EAAA,CACliB,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/ParkingIcon.js CHANGED Viewed

@@ -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 = "parking";
 const ParkingIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const ParkingIcon = ({ 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 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-6.084 4H9v10h2.238v-3.333h1.678c1.854 0 3.357-1.493 3.357-3.334C16.273 8.49 14.768 7 12.916 7Zm.112 4.444h-1.79V9.222h1.79c.618 0 1.119.498 1.119 1.111 0 .614-.501 1.111-1.119 1.111Z" })));
+    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 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-6.084 4H9v10h2.238v-3.333h1.678c1.854 0 3.357-1.493 3.357-3.334C16.273 8.49 14.768 7 12.916 7Zm.112 4.444h-1.79V9.222h1.79c.618 0 1.119.498 1.119 1.111 0 .614-.501 1.111-1.119 1.111Z" })] }) }));
 };
 export { ParkingIcon as default };

package/components/Icon/__generated__/ParkingIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ParkingIcon.js","sources":["../../../../src/components/Icon/__generated__/ParkingIcon.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 = \"parking\"\nconst ParkingIcon = ({\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 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-6.084 4H9v10h2.238v-3.333h1.678c1.854 0 3.357-1.493 3.357-3.334C16.273 8.49 14.768 7 12.916 7Zm.112 4.444h-1.79V9.222h1.79c.618 0 1.119.498 1.119 1.111 0 .614-.501 1.111-1.119 1.111Z\"\n />\n </svg>\n )\n}\nexport default ParkingIcon\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,kQAAkQ,~~EACpQ~~,~~CAAA~~,CACE,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"ParkingIcon.js","sources":["../../../../src/components/Icon/__generated__/ParkingIcon.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 = \"parking\"\nconst ParkingIcon = ({\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 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-6.084 4H9v10h2.238v-3.333h1.678c1.854 0 3.357-1.493 3.357-3.334C16.273 8.49 14.768 7 12.916 7Zm.112 4.444h-1.79V9.222h1.79c.618 0 1.119.498 1.119 1.111 0 .614-.501 1.111-1.119 1.111Z\"\n />\n </svg>\n }\n </span>\n )\n}\nexport default ParkingIcon\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,kQAAkQ,EAAA,CACpQ,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/PassportIcon.js CHANGED Viewed

@@ -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 = "passport";
 const PassportIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PassportIcon = ({ 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: "M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6Zm6 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1c-.41.62-.75 1.29-.96 2h1.92A7.23 7.23 0 0 0 12 6Zm-1.3.22C9.78 6.53 9 7.17 8.54 8H10c.18-.62.4-1.22.7-1.78Zm2.59 0c.3.56.53 1.16.71 1.78h1.46c-.46-.83-1.25-1.46-2.17-1.78ZM8.13 9c-.08.32-.13.65-.13 1s.05.68.13 1h1.69c-.04-.33-.07-.66-.07-1 0-.34.03-.67.07-1H8.13Zm2.7 0c-.05.32-.08.66-.08 1 0 .34.03.67.08 1h2.34c.04-.33.08-.66.08-1 0-.34-.04-.68-.08-1h-2.34Zm3.35 0c.04.33.07.66.07 1 0 .34-.03.67-.07 1h1.69c.08-.32.13-.65.13-1s-.05-.68-.13-1h-1.69Zm-5.64 3c.46.83 1.24 1.46 2.16 1.78-.3-.56-.52-1.15-.7-1.78H8.54Zm2.5 0c.21.72.55 1.38.96 2 .42-.62.75-1.28.96-2h-1.92ZM14 12c-.18.63-.41 1.22-.71 1.78.92-.32 1.71-.95 2.17-1.78H14Zm-7 5h10v2H7v-2Z" })));
+    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: "M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6Zm6 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1c-.41.62-.75 1.29-.96 2h1.92A7.23 7.23 0 0 0 12 6Zm-1.3.22C9.78 6.53 9 7.17 8.54 8H10c.18-.62.4-1.22.7-1.78Zm2.59 0c.3.56.53 1.16.71 1.78h1.46c-.46-.83-1.25-1.46-2.17-1.78ZM8.13 9c-.08.32-.13.65-.13 1s.05.68.13 1h1.69c-.04-.33-.07-.66-.07-1 0-.34.03-.67.07-1H8.13Zm2.7 0c-.05.32-.08.66-.08 1 0 .34.03.67.08 1h2.34c.04-.33.08-.66.08-1 0-.34-.04-.68-.08-1h-2.34Zm3.35 0c.04.33.07.66.07 1 0 .34-.03.67-.07 1h1.69c.08-.32.13-.65.13-1s-.05-.68-.13-1h-1.69Zm-5.64 3c.46.83 1.24 1.46 2.16 1.78-.3-.56-.52-1.15-.7-1.78H8.54Zm2.5 0c.21.72.55 1.38.96 2 .42-.62.75-1.28.96-2h-1.92ZM14 12c-.18.63-.41 1.22-.71 1.78.92-.32 1.71-.95 2.17-1.78H14Zm-7 5h10v2H7v-2Z" })] }) }));
 };
 export { PassportIcon as default };

package/components/Icon/__generated__/PassportIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PassportIcon.js","sources":["../../../../src/components/Icon/__generated__/PassportIcon.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 = \"passport\"\nconst PassportIcon = ({\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=\"M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6Zm6 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1c-.41.62-.75 1.29-.96 2h1.92A7.23 7.23 0 0 0 12 6Zm-1.3.22C9.78 6.53 9 7.17 8.54 8H10c.18-.62.4-1.22.7-1.78Zm2.59 0c.3.56.53 1.16.71 1.78h1.46c-.46-.83-1.25-1.46-2.17-1.78ZM8.13 9c-.08.32-.13.65-.13 1s.05.68.13 1h1.69c-.04-.33-.07-.66-.07-1 0-.34.03-.67.07-1H8.13Zm2.7 0c-.05.32-.08.66-.08 1 0 .34.03.67.08 1h2.34c.04-.33.08-.66.08-1 0-.34-.04-.68-.08-1h-2.34Zm3.35 0c.04.33.07.66.07 1 0 .34-.03.67-.07 1h1.69c.08-.32.13-.65.13-1s-.05-.68-.13-1h-1.69Zm-5.64 3c.46.83 1.24 1.46 2.16 1.78-.3-.56-.52-1.15-.7-1.78H8.54Zm2.5 0c.21.72.55 1.38.96 2 .42-.62.75-1.28.96-2h-1.92ZM14 12c-.18.63-.41 1.22-.71 1.78.92-.32 1.71-.95 2.17-1.78H14Zm-7 5h10v2H7v-2Z\"\n />\n </svg>\n )\n}\nexport default PassportIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,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,wvBAAwvB,~~EAC1vB~~,~~CAAA~~,CACE,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PassportIcon.js","sources":["../../../../src/components/Icon/__generated__/PassportIcon.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 = \"passport\"\nconst PassportIcon = ({\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=\"M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6Zm6 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1c-.41.62-.75 1.29-.96 2h1.92A7.23 7.23 0 0 0 12 6Zm-1.3.22C9.78 6.53 9 7.17 8.54 8H10c.18-.62.4-1.22.7-1.78Zm2.59 0c.3.56.53 1.16.71 1.78h1.46c-.46-.83-1.25-1.46-2.17-1.78ZM8.13 9c-.08.32-.13.65-.13 1s.05.68.13 1h1.69c-.04-.33-.07-.66-.07-1 0-.34.03-.67.07-1H8.13Zm2.7 0c-.05.32-.08.66-.08 1 0 .34.03.67.08 1h2.34c.04-.33.08-.66.08-1 0-.34-.04-.68-.08-1h-2.34Zm3.35 0c.04.33.07.66.07 1 0 .34-.03.67-.07 1h1.69c.08-.32.13-.65.13-1s-.05-.68-.13-1h-1.69Zm-5.64 3c.46.83 1.24 1.46 2.16 1.78-.3-.56-.52-1.15-.7-1.78H8.54Zm2.5 0c.21.72.55 1.38.96 2 .42-.62.75-1.28.96-2h-1.92ZM14 12c-.18.63-.41 1.22-.71 1.78.92-.32 1.71-.95 2.17-1.78H14Zm-7 5h10v2H7v-2Z\"\n />\n </svg>\n }\n </span>\n )\n}\nexport default PassportIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,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,wvBAAwvB,EAAA,CAC1vB,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/PaymentsIcon.js CHANGED Viewed

@@ -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 = "payments";
 const PaymentsIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PaymentsIcon = ({ 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 17h-2v-4h2v4Zm-4 0h-2V7h2v10Zm-4 0H7v-7h2v7ZM19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" })));
+    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 17h-2v-4h2v4Zm-4 0h-2V7h2v10Zm-4 0H7v-7h2v7ZM19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" })] }) }));
 };
 export { PaymentsIcon as default };

package/components/Icon/__generated__/PaymentsIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentsIcon.js","sources":["../../../../src/components/Icon/__generated__/PaymentsIcon.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 = \"payments\"\nconst PaymentsIcon = ({\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 17h-2v-4h2v4Zm-4 0h-2V7h2v10Zm-4 0H7v-7h2v7ZM19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z\" />\n </svg>\n )\n}\nexport default PaymentsIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,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,8HAA8H,EAAG,CAAA,CACrI,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PaymentsIcon.js","sources":["../../../../src/components/Icon/__generated__/PaymentsIcon.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 = \"payments\"\nconst PaymentsIcon = ({\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 17h-2v-4h2v4Zm-4 0h-2V7h2v10Zm-4 0H7v-7h2v7ZM19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z\" />\n </svg>\n }\n </span>\n )\n}\nexport default PaymentsIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,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,8HAA8H,EAAG,CAAA,CAAA,EAAA,CACrI,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/PencilIcon.js CHANGED Viewed

@@ -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 = "pencil";
 const PencilIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PencilIcon = ({ 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: "M20.71 7.043c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75 1.84-1.83ZM3 17.253v3.75h3.75l11.06-11.07-3.75-3.75L3 17.253Z" })));
+    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: "M20.71 7.043c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75 1.84-1.83ZM3 17.253v3.75h3.75l11.06-11.07-3.75-3.75L3 17.253Z" })] }) }));
 };
 export { PencilIcon as default };

package/components/Icon/__generated__/PencilIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PencilIcon.js","sources":["../../../../src/components/Icon/__generated__/PencilIcon.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 = \"pencil\"\nconst PencilIcon = ({\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=\"M20.71 7.043c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75 1.84-1.83ZM3 17.253v3.75h3.75l11.06-11.07-3.75-3.75L3 17.253Z\"\n />\n </svg>\n )\n}\nexport default PencilIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,CAAC,EAClB,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,4JAA4J,~~EAC9J~~,~~CAAA~~,CACE,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PencilIcon.js","sources":["../../../../src/components/Icon/__generated__/PencilIcon.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 = \"pencil\"\nconst PencilIcon = ({\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=\"M20.71 7.043c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75 1.84-1.83ZM3 17.253v3.75h3.75l11.06-11.07-3.75-3.75L3 17.253Z\"\n />\n </svg>\n }\n </span>\n )\n}\nexport default PencilIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,CAAC,EAClB,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,4JAA4J,EAAA,CAC9J,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/PeopleUserIcon.js CHANGED Viewed

@@ -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 = "peopleUser";
 const PeopleUserIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PeopleUserIcon = ({ 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: "m12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 10c4.42 0 8 1.79 8 4v2h-16v-2c0-2.21 3.58-4 8-4z" })));
+    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: "m12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 10c4.42 0 8 1.79 8 4v2h-16v-2c0-2.21 3.58-4 8-4z" })] }) }));
 };
 export { PeopleUserIcon as default };

package/components/Icon/__generated__/PeopleUserIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PeopleUserIcon.js","sources":["../../../../src/components/Icon/__generated__/PeopleUserIcon.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 = \"peopleUser\"\nconst PeopleUserIcon = ({\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=\"m12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 10c4.42 0 8 1.79 8 4v2h-16v-2c0-2.21 3.58-4 8-4z\" />\n </svg>\n )\n}\nexport default PeopleUserIcon\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,~~EAAM~~,CAAC,EAAC,uFAAuF,EAAG,CAAA,CAC9F,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PeopleUserIcon.js","sources":["../../../../src/components/Icon/__generated__/PeopleUserIcon.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 = \"peopleUser\"\nconst PeopleUserIcon = ({\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=\"m12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 10c4.42 0 8 1.79 8 4v2h-16v-2c0-2.21 3.58-4 8-4z\" />\n </svg>\n }\n </span>\n )\n}\nexport default PeopleUserIcon\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;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,uFAAuF,EAAG,CAAA,CAAA,EAAA,CAC9F,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/PercentageIcon.js CHANGED Viewed

@@ -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 = "percentage";
 const PercentageIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PercentageIcon = ({ 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", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-        React.createElement("path", { d: "M6.529 12.268c2.191 0 3.516-1.758 3.516-4.56 0-2.803-1.335-4.532-3.516-4.532-2.192 0-3.527 1.739-3.527 4.531 0 2.813 1.325 4.561 3.527 4.561m0-1.39c-1.183 0-1.886-1.163-1.886-3.17 0-1.978.714-3.15 1.886-3.15s1.875 1.162 1.875 3.15c0 2.007-.693 3.17-1.875 3.17m11.58 10.95c2.19 0 3.516-1.759 3.516-4.551 0-2.812-1.335-4.542-3.517-4.542-2.191 0-3.527 1.74-3.527 4.542s1.326 4.551 3.527 4.551m0-1.381c-1.183 0-1.887-1.173-1.887-3.17 0-1.988.714-3.15 1.886-3.15s1.876 1.152 1.876 3.15-.693 3.17-1.876 3.17m-12.314 1.42c.377.21.927.18 1.254-.278L19.026 4.33c.356-.497.142-1.004-.235-1.223-.357-.188-.856-.149-1.213.348L5.601 20.665c-.367.507-.183.984.194 1.203" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [jsx("title", { children: iconSource }), jsx("path", { d: "M6.529 12.268c2.191 0 3.516-1.758 3.516-4.56 0-2.803-1.335-4.532-3.516-4.532-2.192 0-3.527 1.739-3.527 4.531 0 2.813 1.325 4.561 3.527 4.561m0-1.39c-1.183 0-1.886-1.163-1.886-3.17 0-1.978.714-3.15 1.886-3.15s1.875 1.162 1.875 3.15c0 2.007-.693 3.17-1.875 3.17m11.58 10.95c2.19 0 3.516-1.759 3.516-4.551 0-2.812-1.335-4.542-3.517-4.542-2.191 0-3.527 1.74-3.527 4.542s1.326 4.551 3.527 4.551m0-1.381c-1.183 0-1.887-1.173-1.887-3.17 0-1.988.714-3.15 1.886-3.15s1.876 1.152 1.876 3.15-.693 3.17-1.876 3.17m-12.314 1.42c.377.21.927.18 1.254-.278L19.026 4.33c.356-.497.142-1.004-.235-1.223-.357-.188-.856-.149-1.213.348L5.601 20.665c-.367.507-.183.984.194 1.203" })] }) }));
 };
 export { PercentageIcon as default };

package/components/Icon/__generated__/PercentageIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PercentageIcon.js","sources":["../../../../src/components/Icon/__generated__/PercentageIcon.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 = \"percentage\"\nconst PercentageIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M6.529 12.268c2.191 0 3.516-1.758 3.516-4.56 0-2.803-1.335-4.532-3.516-4.532-2.192 0-3.527 1.739-3.527 4.531 0 2.813 1.325 4.561 3.527 4.561m0-1.39c-1.183 0-1.886-1.163-1.886-3.17 0-1.978.714-3.15 1.886-3.15s1.875 1.162 1.875 3.15c0 2.007-.693 3.17-1.875 3.17m11.58 10.95c2.19 0 3.516-1.759 3.516-4.551 0-2.812-1.335-4.542-3.517-4.542-2.191 0-3.527 1.74-3.527 4.542s1.326 4.551 3.527 4.551m0-1.381c-1.183 0-1.887-1.173-1.887-3.17 0-1.988.714-3.15 1.886-3.15s1.876 1.152 1.876 3.15-.693 3.17-1.876 3.17m-12.314 1.42c.377.21.927.18 1.254-.278L19.026 4.33c.356-.497.142-1.004-.235-1.223-.357-.188-.856-.149-1.213.348L5.601 20.665c-.367.507-.183.984.194 1.203\" />\n </svg>\n )\n}\nexport default PercentageIcon\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~~,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA~~;AACzD~~,QAAA,~~KAAA~~,CAAA,~~aAAA~~,CAAA,MAAA,EAAA,~~EAAM~~,CAAC,EAAC,ipBAAipB,EAAG,CAAA,CACxpB,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PercentageIcon.js","sources":["../../../../src/components/Icon/__generated__/PercentageIcon.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 = \"percentage\"\nconst PercentageIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <title>{iconSource}</title>\n <path d=\"M6.529 12.268c2.191 0 3.516-1.758 3.516-4.56 0-2.803-1.335-4.532-3.516-4.532-2.192 0-3.527 1.739-3.527 4.531 0 2.813 1.325 4.561 3.527 4.561m0-1.39c-1.183 0-1.886-1.163-1.886-3.17 0-1.978.714-3.15 1.886-3.15s1.875 1.162 1.875 3.15c0 2.007-.693 3.17-1.875 3.17m11.58 10.95c2.19 0 3.516-1.759 3.516-4.551 0-2.812-1.335-4.542-3.517-4.542-2.191 0-3.527 1.74-3.527 4.542s1.326 4.551 3.527 4.551m0-1.381c-1.183 0-1.887-1.173-1.887-3.17 0-1.988.714-3.15 1.886-3.15s1.876 1.152 1.876 3.15-.693 3.17-1.876 3.17m-12.314 1.42c.377.21.927.18 1.254-.278L19.026 4.33c.356-.497.142-1.004-.235-1.223-.357-.188-.856-.149-1.213.348L5.601 20.665c-.367.507-.183.984.194 1.203\" />\n </svg>\n }\n </span>\n )\n}\nexport default PercentageIcon\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;IACD,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,ipBAAipB,EAAG,CAAA,CAAA,EAAA,CACxpB,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/PerformanceIcon.js CHANGED Viewed

@@ -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 = "performance";
 const PerformanceIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,15 +12,7 @@ const PerformanceIcon = ({ 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("circle", { cx: 2.76, cy: 19.72, r: 1.26, stroke: "#61366B" }),
-        React.createElement("circle", { cx: 9.8, cy: 12.68, r: 1.26, stroke: "#61366B" }),
-        React.createElement("circle", { cx: 14.2, cy: 17.08, r: 1.26, stroke: "#61366B" }),
-        React.createElement("circle", { cx: 21.24, cy: 10.04, r: 1.26, stroke: "#61366B" }),
-        React.createElement("path", { d: "m3.64 18.84 5.28-5.28", stroke: "#61366B", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M15.667 4.173 15.08 3l-.587 1.173-1.173.587 1.173.587.587 1.173.587-1.173 1.173-.587-1.173-.587ZM5.4 6.52v1.76M4.52 7.4h1.76", stroke: "#61366B", strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "m10.68 13.56 2.64 2.64M15.08 16.2l5.28-5.28", stroke: "#61366B", strokeLinejoin: "round" })));
+    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("circle", { cx: 2.76, cy: 19.72, r: 1.26, stroke: "#61366B" }), jsx("circle", { cx: 9.8, cy: 12.68, r: 1.26, stroke: "#61366B" }), jsx("circle", { cx: 14.2, cy: 17.08, r: 1.26, stroke: "#61366B" }), jsx("circle", { cx: 21.24, cy: 10.04, r: 1.26, stroke: "#61366B" }), jsx("path", { d: "m3.64 18.84 5.28-5.28", stroke: "#61366B", strokeLinejoin: "round" }), jsx("path", { d: "M15.667 4.173 15.08 3l-.587 1.173-1.173.587 1.173.587.587 1.173.587-1.173 1.173-.587-1.173-.587ZM5.4 6.52v1.76M4.52 7.4h1.76", stroke: "#61366B", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "m10.68 13.56 2.64 2.64M15.08 16.2l5.28-5.28", stroke: "#61366B", strokeLinejoin: "round" })] }) }));
 };
 export { PerformanceIcon as default };

package/components/Icon/__generated__/PerformanceIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PerformanceIcon.js","sources":["../../../../src/components/Icon/__generated__/PerformanceIcon.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 = \"performance\"\nconst PerformanceIcon = ({\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 <circle cx={2.76} cy={19.72} r={1.26} stroke=\"#61366B\" />\n <circle cx={9.8} cy={12.68} r={1.26} stroke=\"#61366B\" />\n <circle cx={14.2} cy={17.08} r={1.26} stroke=\"#61366B\" />\n <circle cx={21.24} cy={10.04} r={1.26} stroke=\"#61366B\" />\n <path d=\"m3.64 18.84 5.28-5.28\" stroke=\"#61366B\" strokeLinejoin=\"round\" />\n <path\n d=\"M15.667 4.173 15.08 3l-.587 1.173-1.173.587 1.173.587.587 1.173.587-1.173 1.173-.587-1.173-.587ZM5.4 6.52v1.76M4.52 7.4h1.76\"\n stroke=\"#61366B\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"m10.68 13.56 2.64 2.64M15.08 16.2l5.28-5.28\"\n stroke=\"#61366B\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )\n}\nexport default PerformanceIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,aAAa,CAAA;AAChC,MAAM,eAAe,GAAG,CAAC,EACvB,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,QAAA,EAAA,~~EAAQ~~,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA~~;AACzD~~,~~QAAA~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~QAAA,EAAA,~~EAAQ~~,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA~~;AACxD~~,~~QAAA~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~QAAA,EAAA,~~EAAQ~~,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA~~;AACzD~~,~~QAAA~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~QAAA,EAAA,~~EAAQ~~,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA~~;QAC1D~~,~~KAAM~~,~~CAAA~~,~~aAAA,~~CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,uBAAuB,~~EAAC~~,MAAM,EAAC,SAAS,~~EAAC~~,cAAc,EAAC,OAAO,~~EAAG~~,CAAA~~;AAC1E~~,~~QAAA~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~MAAA,EAAA,~~EACE~~,CAAC,EAAC,8HAA8H,EAChI,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAA~~;AACF~~,~~QAAA~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~MAAA,EAAA,~~EACE~~,CAAC,EAAC,6CAA6C,EAC/C,MAAM,EAAC,SAAS,EAChB,cAAc,EAAC,OAAO,~~EACtB~~,~~CAAA~~,CACE,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PerformanceIcon.js","sources":["../../../../src/components/Icon/__generated__/PerformanceIcon.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 = \"performance\"\nconst PerformanceIcon = ({\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 <circle cx={2.76} cy={19.72} r={1.26} stroke=\"#61366B\" />\n <circle cx={9.8} cy={12.68} r={1.26} stroke=\"#61366B\" />\n <circle cx={14.2} cy={17.08} r={1.26} stroke=\"#61366B\" />\n <circle cx={21.24} cy={10.04} r={1.26} stroke=\"#61366B\" />\n <path\n d=\"m3.64 18.84 5.28-5.28\"\n stroke=\"#61366B\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M15.667 4.173 15.08 3l-.587 1.173-1.173.587 1.173.587.587 1.173.587-1.173 1.173-.587-1.173-.587ZM5.4 6.52v1.76M4.52 7.4h1.76\"\n stroke=\"#61366B\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"m10.68 13.56 2.64 2.64M15.08 16.2l5.28-5.28\"\n stroke=\"#61366B\"\n strokeLinejoin=\"round\"\n />\n </svg>\n }\n </span>\n )\n}\nexport default PerformanceIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,aAAa,CAAA;AAChC,MAAM,eAAe,GAAG,CAAC,EACvB,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,EAAA,QAAA,EAE9BC,IAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA,EACzDA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA,EACxDA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA,EACzDA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,SAAS,EAAG,CAAA,EAC1DA,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,uBAAuB,EACzB,MAAM,EAAC,SAAS,EAChB,cAAc,EAAC,OAAO,EACtB,CAAA,EACFA,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,8HAA8H,EAChI,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAA,EACFA,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,6CAA6C,EAC/C,MAAM,EAAC,SAAS,EAChB,cAAc,EAAC,OAAO,EAAA,CACtB,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/PhoneIcon.js CHANGED Viewed

@@ -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 = "phone";
 const PhoneIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PhoneIcon = ({ 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: "M21 17.216c0 .23-.043.53-.128.901-.085.37-.175.663-.268.876-.18.426-.7.878-1.56 1.355-.801.435-1.594.652-2.378.652-.23 0-.454-.015-.671-.045a5.541 5.541 0 0 1-.735-.16 10.475 10.475 0 0 1-.607-.185 49.99 49.99 0 0 1-.71-.262c-.34-.128-.55-.204-.626-.23a11.578 11.578 0 0 1-2.238-1.061c-1.09-.673-2.217-1.592-3.38-2.755-1.164-1.163-2.083-2.29-2.756-3.381a11.579 11.579 0 0 1-1.06-2.238 27.25 27.25 0 0 0-.231-.626c-.128-.341-.215-.578-.262-.71a10.424 10.424 0 0 1-.185-.607 5.525 5.525 0 0 1-.16-.735A4.932 4.932 0 0 1 3 7.334c0-.784.217-1.577.652-2.378.477-.86.929-1.38 1.355-1.56.213-.093.505-.183.876-.268A4.22 4.22 0 0 1 6.784 3c.12 0 .209.013.269.038.153.051.379.375.677.972.094.162.222.392.384.69.162.299.31.57.447.812.136.243.269.471.396.684.026.034.1.14.224.32.124.179.215.33.275.453.06.124.09.245.09.365 0 .17-.122.383-.365.639s-.507.49-.793.703c-.285.213-.55.44-.792.678-.243.238-.364.434-.364.588 0 .076.02.172.063.287.043.116.08.203.11.263.029.06.089.161.178.306.09.145.139.226.147.243.648 1.168 1.39 2.17 2.225 3.005.835.835 1.836 1.576 3.004 2.224.017.008.098.057.243.147s.247.15.306.179c.06.03.148.066.263.108.115.043.21.064.287.064.154 0 .35-.121.588-.364.239-.243.465-.507.678-.793.213-.285.447-.55.703-.792.256-.243.469-.365.64-.365.118 0 .24.03.363.09.124.06.275.151.454.275.18.123.286.198.32.224.213.128.441.26.684.396.243.136.513.285.812.447.298.162.528.29.69.384.597.298.92.524.972.677.025.06.038.15.038.269Z" })));
+    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: "M21 17.216c0 .23-.043.53-.128.901-.085.37-.175.663-.268.876-.18.426-.7.878-1.56 1.355-.801.435-1.594.652-2.378.652-.23 0-.454-.015-.671-.045a5.541 5.541 0 0 1-.735-.16 10.475 10.475 0 0 1-.607-.185 49.99 49.99 0 0 1-.71-.262c-.34-.128-.55-.204-.626-.23a11.578 11.578 0 0 1-2.238-1.061c-1.09-.673-2.217-1.592-3.38-2.755-1.164-1.163-2.083-2.29-2.756-3.381a11.579 11.579 0 0 1-1.06-2.238 27.25 27.25 0 0 0-.231-.626c-.128-.341-.215-.578-.262-.71a10.424 10.424 0 0 1-.185-.607 5.525 5.525 0 0 1-.16-.735A4.932 4.932 0 0 1 3 7.334c0-.784.217-1.577.652-2.378.477-.86.929-1.38 1.355-1.56.213-.093.505-.183.876-.268A4.22 4.22 0 0 1 6.784 3c.12 0 .209.013.269.038.153.051.379.375.677.972.094.162.222.392.384.69.162.299.31.57.447.812.136.243.269.471.396.684.026.034.1.14.224.32.124.179.215.33.275.453.06.124.09.245.09.365 0 .17-.122.383-.365.639s-.507.49-.793.703c-.285.213-.55.44-.792.678-.243.238-.364.434-.364.588 0 .076.02.172.063.287.043.116.08.203.11.263.029.06.089.161.178.306.09.145.139.226.147.243.648 1.168 1.39 2.17 2.225 3.005.835.835 1.836 1.576 3.004 2.224.017.008.098.057.243.147s.247.15.306.179c.06.03.148.066.263.108.115.043.21.064.287.064.154 0 .35-.121.588-.364.239-.243.465-.507.678-.793.213-.285.447-.55.703-.792.256-.243.469-.365.64-.365.118 0 .24.03.363.09.124.06.275.151.454.275.18.123.286.198.32.224.213.128.441.26.684.396.243.136.513.285.812.447.298.162.528.29.69.384.597.298.92.524.972.677.025.06.038.15.038.269Z" })] }) }));
 };
 export { PhoneIcon as default };

package/components/Icon/__generated__/PhoneIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneIcon.js","sources":["../../../../src/components/Icon/__generated__/PhoneIcon.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 = \"phone\"\nconst PhoneIcon = ({\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=\"M21 17.216c0 .23-.043.53-.128.901-.085.37-.175.663-.268.876-.18.426-.7.878-1.56 1.355-.801.435-1.594.652-2.378.652-.23 0-.454-.015-.671-.045a5.541 5.541 0 0 1-.735-.16 10.475 10.475 0 0 1-.607-.185 49.99 49.99 0 0 1-.71-.262c-.34-.128-.55-.204-.626-.23a11.578 11.578 0 0 1-2.238-1.061c-1.09-.673-2.217-1.592-3.38-2.755-1.164-1.163-2.083-2.29-2.756-3.381a11.579 11.579 0 0 1-1.06-2.238 27.25 27.25 0 0 0-.231-.626c-.128-.341-.215-.578-.262-.71a10.424 10.424 0 0 1-.185-.607 5.525 5.525 0 0 1-.16-.735A4.932 4.932 0 0 1 3 7.334c0-.784.217-1.577.652-2.378.477-.86.929-1.38 1.355-1.56.213-.093.505-.183.876-.268A4.22 4.22 0 0 1 6.784 3c.12 0 .209.013.269.038.153.051.379.375.677.972.094.162.222.392.384.69.162.299.31.57.447.812.136.243.269.471.396.684.026.034.1.14.224.32.124.179.215.33.275.453.06.124.09.245.09.365 0 .17-.122.383-.365.639s-.507.49-.793.703c-.285.213-.55.44-.792.678-.243.238-.364.434-.364.588 0 .076.02.172.063.287.043.116.08.203.11.263.029.06.089.161.178.306.09.145.139.226.147.243.648 1.168 1.39 2.17 2.225 3.005.835.835 1.836 1.576 3.004 2.224.017.008.098.057.243.147s.247.15.306.179c.06.03.148.066.263.108.115.043.21.064.287.064.154 0 .35-.121.588-.364.239-.243.465-.507.678-.793.213-.285.447-.55.703-.792.256-.243.469-.365.64-.365.118 0 .24.03.363.09.124.06.275.151.454.275.18.123.286.198.32.224.213.128.441.26.684.396.243.136.513.285.812.447.298.162.528.29.69.384.597.298.92.524.972.677.025.06.038.15.038.269Z\"\n />\n </svg>\n )\n}\nexport default PhoneIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,OAAO,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,EACjB,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,u5CAAu5C,~~EACz5C~~,~~CAAA~~,CACE,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PhoneIcon.js","sources":["../../../../src/components/Icon/__generated__/PhoneIcon.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 = \"phone\"\nconst PhoneIcon = ({\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=\"M21 17.216c0 .23-.043.53-.128.901-.085.37-.175.663-.268.876-.18.426-.7.878-1.56 1.355-.801.435-1.594.652-2.378.652-.23 0-.454-.015-.671-.045a5.541 5.541 0 0 1-.735-.16 10.475 10.475 0 0 1-.607-.185 49.99 49.99 0 0 1-.71-.262c-.34-.128-.55-.204-.626-.23a11.578 11.578 0 0 1-2.238-1.061c-1.09-.673-2.217-1.592-3.38-2.755-1.164-1.163-2.083-2.29-2.756-3.381a11.579 11.579 0 0 1-1.06-2.238 27.25 27.25 0 0 0-.231-.626c-.128-.341-.215-.578-.262-.71a10.424 10.424 0 0 1-.185-.607 5.525 5.525 0 0 1-.16-.735A4.932 4.932 0 0 1 3 7.334c0-.784.217-1.577.652-2.378.477-.86.929-1.38 1.355-1.56.213-.093.505-.183.876-.268A4.22 4.22 0 0 1 6.784 3c.12 0 .209.013.269.038.153.051.379.375.677.972.094.162.222.392.384.69.162.299.31.57.447.812.136.243.269.471.396.684.026.034.1.14.224.32.124.179.215.33.275.453.06.124.09.245.09.365 0 .17-.122.383-.365.639s-.507.49-.793.703c-.285.213-.55.44-.792.678-.243.238-.364.434-.364.588 0 .076.02.172.063.287.043.116.08.203.11.263.029.06.089.161.178.306.09.145.139.226.147.243.648 1.168 1.39 2.17 2.225 3.005.835.835 1.836 1.576 3.004 2.224.017.008.098.057.243.147s.247.15.306.179c.06.03.148.066.263.108.115.043.21.064.287.064.154 0 .35-.121.588-.364.239-.243.465-.507.678-.793.213-.285.447-.55.703-.792.256-.243.469-.365.64-.365.118 0 .24.03.363.09.124.06.275.151.454.275.18.123.286.198.32.224.213.128.441.26.684.396.243.136.513.285.812.447.298.162.528.29.69.384.597.298.92.524.972.677.025.06.038.15.038.269Z\"\n />\n </svg>\n }\n </span>\n )\n}\nexport default PhoneIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,OAAO,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,EACjB,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,u5CAAu5C,EAAA,CACz5C,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/PhoneLinkIcon.js CHANGED Viewed

@@ -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 = "phoneLink";
 const PhoneLinkIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PhoneLinkIcon = ({ 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: "m20.123 7.7-1.002 1c1.803 1.8 1.803 4.6 0 6.5l1.002 1c2.503-2.3 2.503-6.1 0-8.5ZM18.02 9.8l-1.001 1c.5.7.5 1.6 0 2.3l1.001 1c1.201-1.2 1.201-3 0-4.3ZM14.015 1H4.003C2.9 1 2 1.9 2 3v18c0 1.1.901 2 2.003 2h10.012c1.101 0 2.002-.9 2.002-2V3c0-1.1-.9-2-2.002-2Zm0 19H4.003V4h10.012v16Z" })));
+    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: "m20.123 7.7-1.002 1c1.803 1.8 1.803 4.6 0 6.5l1.002 1c2.503-2.3 2.503-6.1 0-8.5ZM18.02 9.8l-1.001 1c.5.7.5 1.6 0 2.3l1.001 1c1.201-1.2 1.201-3 0-4.3ZM14.015 1H4.003C2.9 1 2 1.9 2 3v18c0 1.1.901 2 2.003 2h10.012c1.101 0 2.002-.9 2.002-2V3c0-1.1-.9-2-2.002-2Zm0 19H4.003V4h10.012v16Z" })] }) }));
 };
 export { PhoneLinkIcon as default };

package/components/Icon/__generated__/PhoneLinkIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneLinkIcon.js","sources":["../../../../src/components/Icon/__generated__/PhoneLinkIcon.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 = \"phoneLink\"\nconst PhoneLinkIcon = ({\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=\"m20.123 7.7-1.002 1c1.803 1.8 1.803 4.6 0 6.5l1.002 1c2.503-2.3 2.503-6.1 0-8.5ZM18.02 9.8l-1.001 1c.5.7.5 1.6 0 2.3l1.001 1c1.201-1.2 1.201-3 0-4.3ZM14.015 1H4.003C2.9 1 2 1.9 2 3v18c0 1.1.901 2 2.003 2h10.012c1.101 0 2.002-.9 2.002-2V3c0-1.1-.9-2-2.002-2Zm0 19H4.003V4h10.012v16Z\" />\n </svg>\n )\n}\nexport default PhoneLinkIcon\n"],"names":[],"mappings":";;;;;~~AAUA~~,MAAM,UAAU,GAAG,WAAW,CAAA;AAC9B,MAAM,aAAa,GAAG,CAAC,EACrB,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,2RAA2R,EAAG,CAAA,CAClS,~~CACP~~,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"PhoneLinkIcon.js","sources":["../../../../src/components/Icon/__generated__/PhoneLinkIcon.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 = \"phoneLink\"\nconst PhoneLinkIcon = ({\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=\"m20.123 7.7-1.002 1c1.803 1.8 1.803 4.6 0 6.5l1.002 1c2.503-2.3 2.503-6.1 0-8.5ZM18.02 9.8l-1.001 1c.5.7.5 1.6 0 2.3l1.001 1c1.201-1.2 1.201-3 0-4.3ZM14.015 1H4.003C2.9 1 2 1.9 2 3v18c0 1.1.901 2 2.003 2h10.012c1.101 0 2.002-.9 2.002-2V3c0-1.1-.9-2-2.002-2Zm0 19H4.003V4h10.012v16Z\" />\n </svg>\n }\n </span>\n )\n}\nexport default PhoneLinkIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,WAAW,CAAA;AAC9B,MAAM,aAAa,GAAG,CAAC,EACrB,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,2RAA2R,EAAG,CAAA,CAAA,EAAA,CAClS,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/PhotosIcon.js CHANGED Viewed

@@ -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 = "photos";
 const PhotosIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const PhotosIcon = ({ 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: "M20 15.2V5.6A1.6 1.6 0 0 0 18.4 4H8.8a1.6 1.6 0 0 0-1.6 1.6v9.6a1.6 1.6 0 0 0 1.6 1.6h9.6a1.6 1.6 0 0 0 1.6-1.6M11.2 12l1.624 2.168L15.2 11.2l3.2 4H8.8M4 7.2v11.2A1.6 1.6 0 0 0 5.6 20h11.2v-1.6H5.6V7.2" })));
+    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: "M20 15.2V5.6A1.6 1.6 0 0 0 18.4 4H8.8a1.6 1.6 0 0 0-1.6 1.6v9.6a1.6 1.6 0 0 0 1.6 1.6h9.6a1.6 1.6 0 0 0 1.6-1.6M11.2 12l1.624 2.168L15.2 11.2l3.2 4H8.8M4 7.2v11.2A1.6 1.6 0 0 0 5.6 20h11.2v-1.6H5.6V7.2" })] }) }));
 };
 export { PhotosIcon as default };