npm - @drivy/cobalt - Versions diffs - 0.15.0 → 0.16.2 - Mend

@drivy/cobalt 0.15.0 → 0.16.2

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 (837) hide show

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "socialWhatsapp";
-var SocialWhatsappIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "socialWhatsapp";
+const SocialWhatsappIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M13.413 13.275c.29-.365.484-.547.58-.547.097 0 .46.163 1.088.49.63.328.962.525 1 .592a.476.476 0 0 1 .022.168c0 .245-.064.528-.19.848-.12.29-.383.534-.792.73-.41.198-.79.297-1.139.297-.424 0-1.13-.231-2.12-.692a6.37 6.37 0 0 1-1.898-1.317c-.535-.543-1.086-1.232-1.652-2.065-.535-.796-.8-1.518-.792-2.165v-.09c.022-.677.298-1.264.826-1.763a.844.844 0 0 1 .58-.245c.045 0 .112.005.201.016.09.012.16.017.212.017.142 0 .24.024.296.073.056.048.114.15.173.307.06.148.182.476.368.982s.28.785.28.837c0 .156-.129.37-.386.642-.256.271-.385.444-.385.518a.32.32 0 0 0 .056.168c.253.543.633 1.053 1.138 1.529.417.394.979.77 1.686 1.127.089.052.17.078.245.078.112 0 .313-.178.603-.535zm-1.685 5.368a6.82 6.82 0 0 0 2.717-.558 7.068 7.068 0 0 0 2.238-1.496 7.068 7.068 0 0 0 1.496-2.237 6.82 6.82 0 0 0 .558-2.718 6.82 6.82 0 0 0-.558-2.718 7.068 7.068 0 0 0-1.496-2.237 7.068 7.068 0 0 0-2.238-1.496 6.82 6.82 0 0 0-2.717-.558 6.82 6.82 0 0 0-2.718.558 7.068 7.068 0 0 0-2.238 1.496 7.068 7.068 0 0 0-1.495 2.237 6.82 6.82 0 0 0-.558 2.718c0 1.51.446 2.88 1.339 4.107l-.882 2.6 2.701-.859a6.863 6.863 0 0 0 3.85 1.16zM8.458 3.888a8.217 8.217 0 0 1 3.27-.67c1.138 0 2.226.224 3.264.67a8.5 8.5 0 0 1 2.684 1.797 8.5 8.5 0 0 1 1.797 2.684 8.177 8.177 0 0 1 .67 3.265 8.177 8.177 0 0 1-.67 3.264 8.5 8.5 0 0 1-1.797 2.685 8.5 8.5 0 0 1-2.684 1.796 8.177 8.177 0 0 1-3.264.67c-1.451 0-2.81-.35-4.074-1.049L3 20.496l1.518-4.52a8.214 8.214 0 0 1-1.205-4.342c0-1.138.223-2.227.67-3.265a8.5 8.5 0 0 1 1.796-2.684 8.516 8.516 0 0 1 2.679-1.797z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SocialWhatsappIcon.js","sources":["../../../../src/components/Icon/__generated__/SocialWhatsappIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"socialWhatsapp\"\n\nconst SocialWhatsappIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M13.413 13.275c.29-.365.484-.547.58-.547.097 0 .46.163 1.088.49.63.328.962.525 1 .592a.476.476 0 0 1 .022.168c0 .245-.064.528-.19.848-.12.29-.383.534-.792.73-.41.198-.79.297-1.139.297-.424 0-1.13-.231-2.12-.692a6.37 6.37 0 0 1-1.898-1.317c-.535-.543-1.086-1.232-1.652-2.065-.535-.796-.8-1.518-.792-2.165v-.09c.022-.677.298-1.264.826-1.763a.844.844 0 0 1 .58-.245c.045 0 .112.005.201.016.09.012.16.017.212.017.142 0 .24.024.296.073.056.048.114.15.173.307.06.148.182.476.368.982s.28.785.28.837c0 .156-.129.37-.386.642-.256.271-.385.444-.385.518a.32.32 0 0 0 .056.168c.253.543.633 1.053 1.138 1.529.417.394.979.77 1.686 1.127.089.052.17.078.245.078.112 0 .313-.178.603-.535zm-1.685 5.368a6.82 6.82 0 0 0 2.717-.558 7.068 7.068 0 0 0 2.238-1.496 7.068 7.068 0 0 0 1.496-2.237 6.82 6.82 0 0 0 .558-2.718 6.82 6.82 0 0 0-.558-2.718 7.068 7.068 0 0 0-1.496-2.237 7.068 7.068 0 0 0-2.238-1.496 6.82 6.82 0 0 0-2.717-.558 6.82 6.82 0 0 0-2.718.558 7.068 7.068 0 0 0-2.238 1.496 7.068 7.068 0 0 0-1.495 2.237 6.82 6.82 0 0 0-.558 2.718c0 1.51.446 2.88 1.339 4.107l-.882 2.6 2.701-.859a6.863 6.863 0 0 0 3.85 1.16zM8.458 3.888a8.217 8.217 0 0 1 3.27-.67c1.138 0 2.226.224 3.264.67a8.5 8.5 0 0 1 2.684 1.797 8.5 8.5 0 0 1 1.797 2.684 8.177 8.177 0 0 1 .67 3.265 8.177 8.177 0 0 1-.67 3.264 8.5 8.5 0 0 1-1.797 2.685 8.5 8.5 0 0 1-2.684 1.796 8.177 8.177 0 0 1-3.264.67c-1.451 0-2.81-.35-4.074-1.049L3 20.496l1.518-4.52a8.214 8.214 0 0 1-1.205-4.342c0-1.138.223-2.227.67-3.265a8.5 8.5 0 0 1 1.796-2.684 8.516 8.516 0 0 1 2.679-1.797z\" />\n </svg>\n )\n}\n\nexport default SocialWhatsappIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,gBAAgB,CAAA;~~AAE7B~~,~~IAAA~~,kBAAkB,GAAG,~~UAAC~~,~~EAKhB~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,k/CAAk/C,EAAG,CAAA,CACz/C,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"SocialWhatsappIcon.js","sources":["../../../../src/components/Icon/__generated__/SocialWhatsappIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"socialWhatsapp\"\n\nconst SocialWhatsappIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M13.413 13.275c.29-.365.484-.547.58-.547.097 0 .46.163 1.088.49.63.328.962.525 1 .592a.476.476 0 0 1 .022.168c0 .245-.064.528-.19.848-.12.29-.383.534-.792.73-.41.198-.79.297-1.139.297-.424 0-1.13-.231-2.12-.692a6.37 6.37 0 0 1-1.898-1.317c-.535-.543-1.086-1.232-1.652-2.065-.535-.796-.8-1.518-.792-2.165v-.09c.022-.677.298-1.264.826-1.763a.844.844 0 0 1 .58-.245c.045 0 .112.005.201.016.09.012.16.017.212.017.142 0 .24.024.296.073.056.048.114.15.173.307.06.148.182.476.368.982s.28.785.28.837c0 .156-.129.37-.386.642-.256.271-.385.444-.385.518a.32.32 0 0 0 .056.168c.253.543.633 1.053 1.138 1.529.417.394.979.77 1.686 1.127.089.052.17.078.245.078.112 0 .313-.178.603-.535zm-1.685 5.368a6.82 6.82 0 0 0 2.717-.558 7.068 7.068 0 0 0 2.238-1.496 7.068 7.068 0 0 0 1.496-2.237 6.82 6.82 0 0 0 .558-2.718 6.82 6.82 0 0 0-.558-2.718 7.068 7.068 0 0 0-1.496-2.237 7.068 7.068 0 0 0-2.238-1.496 6.82 6.82 0 0 0-2.717-.558 6.82 6.82 0 0 0-2.718.558 7.068 7.068 0 0 0-2.238 1.496 7.068 7.068 0 0 0-1.495 2.237 6.82 6.82 0 0 0-.558 2.718c0 1.51.446 2.88 1.339 4.107l-.882 2.6 2.701-.859a6.863 6.863 0 0 0 3.85 1.16zM8.458 3.888a8.217 8.217 0 0 1 3.27-.67c1.138 0 2.226.224 3.264.67a8.5 8.5 0 0 1 2.684 1.797 8.5 8.5 0 0 1 1.797 2.684 8.177 8.177 0 0 1 .67 3.265 8.177 8.177 0 0 1-.67 3.264 8.5 8.5 0 0 1-1.797 2.685 8.5 8.5 0 0 1-2.684 1.796 8.177 8.177 0 0 1-3.264.67c-1.451 0-2.81-.35-4.074-1.049L3 20.496l1.518-4.52a8.214 8.214 0 0 1-1.205-4.342c0-1.138.223-2.227.67-3.265a8.5 8.5 0 0 1 1.796-2.684 8.516 8.516 0 0 1 2.679-1.797z\" />\n </svg>\n )\n}\n\nexport default SocialWhatsappIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,gBAAgB,CAAA;AAEnC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,k/CAAk/C,EAAG,CAAA,CACz/C,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "starHalf";
-var StarHalfIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "starHalf";
+const StarHalfIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M12 3c-.42 0-.838.228-1.054.684L8.804 8.218l-4.797.731c-.963.147-1.348 1.384-.65 2.094l3.488 3.552-.838 4.967c-.165 1.003.843 1.768 1.705 1.294L12 18.53V3Z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StarHalfIcon.js","sources":["../../../../src/components/Icon/__generated__/StarHalfIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"starHalf\"\n\nconst StarHalfIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 3c-.42 0-.838.228-1.054.684L8.804 8.218l-4.797.731c-.963.147-1.348 1.384-.65 2.094l3.488 3.552-.838 4.967c-.165 1.003.843 1.768 1.705 1.294L12 18.53V3Z\" />\n </svg>\n )\n}\n\nexport default StarHalfIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,UAAU,CAAA;~~AAEvB~~,~~IAAA~~,YAAY,GAAG,~~UAAC~~,~~EAKV~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6JAA6J,EAAG,CAAA,CACpK,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"StarHalfIcon.js","sources":["../../../../src/components/Icon/__generated__/StarHalfIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"starHalf\"\n\nconst StarHalfIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 3c-.42 0-.838.228-1.054.684L8.804 8.218l-4.797.731c-.963.147-1.348 1.384-.65 2.094l3.488 3.552-.838 4.967c-.165 1.003.843 1.768 1.705 1.294L12 18.53V3Z\" />\n </svg>\n )\n}\n\nexport default StarHalfIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,UAAU,CAAA;AAE7B,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,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6JAA6J,EAAG,CAAA,CACpK,CACP,CAAA;AACH;;;;"}

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

@@ -3,20 +3,18 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "star";
-var StarIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "star";
+const StarIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M7.71163405,20.8562867 C6.84949963,21.3296772 5.84187365,20.5650648 6.00652667,19.5624075 L6.84488987,14.594771 L3.35617076,11.043006 C2.65868936,10.3329201 3.04356824,9.09575128 4.00746382,8.94946555 L8.80363311,8.21837144 L10.9461857,3.68418581 C11.3772529,2.77193806 12.6227471,2.77193806 13.0538143,3.68418581 L15.2307871,8.22679814 L19.9925362,8.94946555 C20.9564318,9.09575128 21.3413106,10.3329201 20.6438292,11.043006 L17.176653,14.5883666 L17.9934733,19.5624075 C18.1581264,20.5650648 17.1505004,21.3296772 16.2883659,20.8562867 L12.0263592,18.5160556 L7.71163405,20.8562867 Z" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.712 20.856c-.862.474-1.87-.29-1.705-1.294l.838-4.967-3.489-3.552c-.697-.71-.312-1.947.651-2.094l4.797-.73 2.142-4.535a1.154 1.154 0 0 1 2.108 0l2.177 4.543 4.761.722c.964.147 1.35 1.384.652 2.094l-3.467 3.545.817 4.974c.164 1.003-.843 1.768-1.706 1.294l-4.262-2.34-4.314 2.34Z" })));
 };
 export { StarIcon as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StarIcon.js","sources":["../../../../src/components/Icon/__generated__/StarIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"star\"\n\nconst StarIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.~~71163405,~~20.~~8562867 C6~~.~~84949963,21~~.~~3296772 5~~.~~84187365,20~~.~~5650648 6~~.~~00652667,19~~.~~5624075 L6~~.~~84488987,14~~.~~594771 L3~~.~~35617076,11~~.~~043006 C2~~.~~65868936,10~~.~~3329201~~ 3.~~04356824,9.09575128~~ 4.~~00746382,8~~.~~94946555~~ L8.~~80363311,8.21837144~~ ~~L10.9461857,3.68418581~~ ~~C11.3772529,~~2.~~77193806~~ 12.~~6227471,2.77193806~~ 13.~~0538143,3.68418581~~ ~~L15~~.~~2307871,8~~.~~22679814 L19~~.~~9925362,8~~.~~94946555~~ ~~C20~~.~~9564318,9.09575128~~ 21.~~3413106,10~~.~~3329201~~ 20.~~6438292,11~~.~~043006~~ ~~L17~~.~~176653,14~~.~~5883666~~ ~~L17~~.~~9934733,19~~.~~5624075~~ ~~C18~~.~~1581264,20.5650648~~ 17.~~1505004,21~~.~~3296772~~ 16.~~2883659,20~~.~~8562867 L12~~.~~0263592,18~~.~~5160556~~ L7.~~71163405,20.8562867 Z~~\" />\n </svg>\n )\n}\n\nexport default StarIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,MAAM,CAAA;~~AAEnB~~,~~IAAA~~,QAAQ,GAAG,~~UAAC~~,~~EAKN~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,CAAC,EAAC,~~2kBAA2kB~~,~~EAAG~~,CAAA,~~CACllB~~,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"StarIcon.js","sources":["../../../../src/components/Icon/__generated__/StarIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"star\"\n\nconst StarIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.712 20.856c-.862.474-1.87-.29-1.705-1.294l.838-4.967-3.489-3.552c-.697-.71-.312-1.947.651-2.094l4.797-.73 2.142-4.535a1.154 1.154 0 0 1 2.108 0l2.177 4.543 4.761.722c.964.147 1.35 1.384.652 2.094l-3.467 3.545.817 4.974c.164 1.003-.843 1.768-1.706 1.294l-4.262-2.34-4.314 2.34Z\"\n />\n </svg>\n )\n}\n\nexport default StarIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,MAAM,CAAA;AAEzB,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yRAAyR,EAC3R,CAAA,CACE,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "stars";
-var StarsIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "stars";
+const StarsIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m8.811 2.203 2.21 4.1 4.042 2.229-4.042 2.227-2.21 4.102-2.21-4.102-4.067-2.227 4.068-2.228 2.21-4.101Zm2.938 13.721 1.054 1.924 1.909 1.038-1.909 1.063-1.054 1.924-1.03-1.924-1.908-1.063 1.909-1.038 1.029-1.924Zm7.382-4.886-1.406-2.582-1.381 2.582-2.536 1.392 2.536 1.393 1.38 2.582 1.407-2.582 2.536-1.393-2.536-1.392Z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StarsIcon.js","sources":["../../../../src/components/Icon/__generated__/StarsIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"stars\"\n\nconst StarsIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"m8.811 2.203 2.21 4.1 4.042 2.229-4.042 2.227-2.21 4.102-2.21-4.102-4.067-2.227 4.068-2.228 2.21-4.101Zm2.938 13.721 1.054 1.924 1.909 1.038-1.909 1.063-1.054 1.924-1.03-1.924-1.908-1.063 1.909-1.038 1.029-1.924Zm7.382-4.886-1.406-2.582-1.381 2.582-2.536 1.392 2.536 1.393 1.38 2.582 1.407-2.582 2.536-1.393-2.536-1.392Z\"\n />\n </svg>\n )\n}\n\nexport default StarsIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,OAAO,CAAA;~~AAEpB~~,~~IAAA~~,SAAS,GAAG,~~UAAC~~,~~EAKP~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kUAAkU,EACpU,CAAA,CACE,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"StarsIcon.js","sources":["../../../../src/components/Icon/__generated__/StarsIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"stars\"\n\nconst StarsIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"m8.811 2.203 2.21 4.1 4.042 2.229-4.042 2.227-2.21 4.102-2.21-4.102-4.067-2.227 4.068-2.228 2.21-4.101Zm2.938 13.721 1.054 1.924 1.909 1.038-1.909 1.063-1.054 1.924-1.03-1.924-1.908-1.063 1.909-1.038 1.029-1.924Zm7.382-4.886-1.406-2.582-1.381 2.582-2.536 1.392 2.536 1.393 1.38 2.582 1.407-2.582 2.536-1.393-2.536-1.392Z\"\n />\n </svg>\n )\n}\n\nexport default StarsIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,OAAO,CAAA;AAE1B,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,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kUAAkU,EACpU,CAAA,CACE,CACP,CAAA;AACH;;;;"}

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

@@ -3,20 +3,18 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "subway";
-var SubwayIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "subway";
+const SubwayIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M21,11 C21,6.02943725 16.9705627,2 12,2 C7.02943725,2 3,6.02943725 3,11 L3,20.007983 C3,21.0998238 3.8932319,22 4.99508929,22 L19.0049107,22 C20.1073772,22 21,21.1081436 21,20.007983 L21,11 Z M6,19 L18,19 L18,20 L6,20 L6,19 Z M14,17 L10,17 L10,18 L8,18 L8,17 L7.99539757,17 C7.44565467,17 7,16.5621186 7,15.9970707 L7,10 C7,8 7,7 12,7 C17,7 17,8 17,10 L17,15.9970707 C17,16.5509732 16.5443356,17 16.0046024,17 L16,17 L16,18 L14,18 L14,17 Z M9,16 C9.55228475,16 10,15.5522847 10,15 C10,14.4477153 9.55228475,14 9,14 C8.44771525,14 8,14.4477153 8,15 C8,15.5522847 8.44771525,16 9,16 Z M15,16 C15.5522847,16 16,15.5522847 16,15 C16,14.4477153 15.5522847,14 15,14 C14.4477153,14 14,14.4477153 14,15 C14,15.5522847 14.4477153,16 15,16 Z M9,9.49538898 C9,9.2217932 9.22788048,9 9.49100518,9 L14.5089948,9 C14.7801695,9 15,9.2157526 15,9.49538898 L15,11.504611 C15,11.7782068 14.7721195,12 14.5089948,12 L9.49100518,12 C9.21983051,12 9,11.7842474 9,11.504611 L9,9.49538898 Z" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2a9 9 0 0 1 9 9v9.008c0 1.1-.893 1.992-1.995 1.992H4.995C3.893 22 3 21.1 3 20.008V11a9 9 0 0 1 9-9Zm6 18v-1H6v1h12Zm-8-3v1H8v-1h-.005A.992.992 0 0 1 7 15.997V10c0-2 0-3 5-3s5 1 5 3v5.997c0 .554-.456 1.003-.995 1.003H16v1h-2v-1h-4Zm0-2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM9.5 9a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-5Z" })));
 };
 export { SubwayIcon as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SubwayIcon.js","sources":["../../../../src/components/Icon/__generated__/SubwayIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"subway\"\n\nconst SubwayIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"~~M21,11~~ ~~C21,6.02943725~~ ~~16.9705627,2~~ ~~12,2~~ ~~C7.02943725,2~~ ~~3,6.02943725~~ ~~3,11~~ ~~L3,20~~.~~007983~~ ~~C3,21~~.~~0998238~~ 3.~~8932319,22 4~~.~~99508929,22~~ ~~L19~~.~~0049107,22~~ ~~C20.1073772,~~22 ~~21,21.1081436~~ 21~~,20~~.~~007983~~ ~~L21,11~~ ~~Z M6,19 L18,19 L18,~~20 ~~L6,20~~ ~~L6,19~~ Z ~~M14,17~~ ~~L10,17~~ ~~L10,18~~ ~~L8,18~~ ~~L8,17~~ ~~L7.99539757,17~~ ~~C7.44565467,17~~ 7~~,16.5621186~~ 7,15.~~9970707~~ ~~L7,10~~ ~~C7,8~~ ~~7,7~~ ~~12,7~~ ~~C17,7 17,8 17,10 L17,15~~.~~9970707~~ ~~C17,16~~.~~5509732~~ 16.~~5443356,17~~ 16.~~0046024,17~~ ~~L16,17~~ ~~L16,18~~ ~~L14,18~~ ~~L14,17~~ Z ~~M9,16~~ ~~C9.55228475,16~~ ~~10,15.5522847~~ ~~10,15~~ ~~C10,14.4477153~~ ~~9.55228475,14~~ ~~9,14~~ ~~C8.44771525,14~~ ~~8,14.4477153~~ ~~8,15~~ ~~C8,15.5522847~~ ~~8.44771525,16~~ ~~9,16~~ Z ~~M15,16~~ ~~C15.5522847,16~~ ~~16,15.5522847~~ ~~16,15~~ ~~C16,14.4477153~~ 15.~~5522847,14~~ ~~15,14 C14~~.~~4477153,14 14,14~~.~~4477153~~ ~~14,15~~ ~~C14,15.5522847~~ 14.~~4477153,16 15,16 Z M9,9~~.~~49538898 C9,9~~.~~2217932~~ ~~9.22788048,9~~ ~~9.49100518,9~~ ~~L14.5089948,9~~ ~~C14~~.~~7801695,9 15,9~~.~~2157526 15,9~~.~~49538898 L15,11~~.~~504611~~ ~~C15,11.7782068~~ ~~14.7721195,12~~ ~~14.5089948,12~~ L9.~~49100518,12 C9~~.~~21983051,12 9,11~~.~~7842474~~ ~~9,11.504611~~ ~~L9,9.49538898~~ Z\" />\n </svg>\n )\n}\n\nexport default SubwayIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,QAAQ,CAAA;~~AAErB~~,~~IAAA~~,UAAU,GAAG,~~UAAC~~,~~EAKR~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,CAAC,EAAC,~~y8BAAy8B~~,~~EAAG~~,CAAA,~~CACh9B~~,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"SubwayIcon.js","sources":["../../../../src/components/Icon/__generated__/SubwayIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"subway\"\n\nconst SubwayIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 2a9 9 0 0 1 9 9v9.008c0 1.1-.893 1.992-1.995 1.992H4.995C3.893 22 3 21.1 3 20.008V11a9 9 0 0 1 9-9Zm6 18v-1H6v1h12Zm-8-3v1H8v-1h-.005A.992.992 0 0 1 7 15.997V10c0-2 0-3 5-3s5 1 5 3v5.997c0 .554-.456 1.003-.995 1.003H16v1h-2v-1h-4Zm0-2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM9.5 9a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-5Z\"\n />\n </svg>\n )\n}\n\nexport default SubwayIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,QAAQ,CAAA;AAE3B,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,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iYAAiY,EACnY,CAAA,CACE,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "suitcase";
-var SuitcaseIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "suitcase";
+const SuitcaseIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3a2 2 0 0 0-2 2v2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-4V5a2 2 0 0 0-2-2h-4Zm0 4V5h4v2h-4Z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SuitcaseIcon.js","sources":["../../../../src/components/Icon/__generated__/SuitcaseIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"suitcase\"\n\nconst SuitcaseIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10 3a2 2 0 0 0-2 2v2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-4V5a2 2 0 0 0-2-2h-4Zm0 4V5h4v2h-4Z\"\n />\n </svg>\n )\n}\n\nexport default SuitcaseIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,UAAU,CAAA;~~AAEvB~~,~~IAAA~~,YAAY,GAAG,~~UAAC~~,~~EAKV~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kIAAkI,EACpI,CAAA,CACE,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"SuitcaseIcon.js","sources":["../../../../src/components/Icon/__generated__/SuitcaseIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"suitcase\"\n\nconst SuitcaseIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10 3a2 2 0 0 0-2 2v2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-4V5a2 2 0 0 0-2-2h-4Zm0 4V5h4v2h-4Z\"\n />\n </svg>\n )\n}\n\nexport default SuitcaseIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,UAAU,CAAA;AAE7B,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,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kIAAkI,EACpI,CAAA,CACE,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "support";
-var SupportIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "support";
+const SupportIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M11.65 1C7.012 1 3.238 4.774 3.238 9.412v7.764c0 1.07.871 1.942 1.941 1.942s1.942-.871 1.942-1.942v-6.47c0-1.07-.871-1.941-1.942-1.941a1.92 1.92 0 0 0-.62.11c.277-3.674 3.348-6.58 7.091-6.58 3.741 0 6.812 2.903 7.09 6.575a1.906 1.906 0 0 0-.62-.105c-1.07 0-1.94.87-1.94 1.94v6.471c0 1.07.87 1.942 1.94 1.942.229 0 .444-.047.648-.12v.767c0 .357-.291.647-.647.647h-4.649a1.938 1.938 0 0 0-1.822-1.294c-1.07 0-1.941.87-1.941 1.94 0 1.071.87 1.942 1.941 1.942.842 0 1.554-.543 1.822-1.294h4.649c1.07 0 1.94-.87 1.94-1.941V9.412C20.062 4.774 16.289 1 11.65 1Z" }),
         React.createElement("path", { d: "M20.01 10.178v7.526a1.938 1.938 0 0 0 1.294-1.822V12c0-.842-.542-1.554-1.294-1.822ZM3.294 10.178v7.526A1.938 1.938 0 0 1 2 15.882V12c0-.842.543-1.554 1.294-1.822Z" })));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SupportIcon.js","sources":["../../../../src/components/Icon/__generated__/SupportIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"support\"\n\nconst SupportIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11.65 1C7.012 1 3.238 4.774 3.238 9.412v7.764c0 1.07.871 1.942 1.941 1.942s1.942-.871 1.942-1.942v-6.47c0-1.07-.871-1.941-1.942-1.941a1.92 1.92 0 0 0-.62.11c.277-3.674 3.348-6.58 7.091-6.58 3.741 0 6.812 2.903 7.09 6.575a1.906 1.906 0 0 0-.62-.105c-1.07 0-1.94.87-1.94 1.94v6.471c0 1.07.87 1.942 1.94 1.942.229 0 .444-.047.648-.12v.767c0 .357-.291.647-.647.647h-4.649a1.938 1.938 0 0 0-1.822-1.294c-1.07 0-1.941.87-1.941 1.94 0 1.071.87 1.942 1.941 1.942.842 0 1.554-.543 1.822-1.294h4.649c1.07 0 1.94-.87 1.94-1.941V9.412C20.062 4.774 16.289 1 11.65 1Z\" />\n <path d=\"M20.01 10.178v7.526a1.938 1.938 0 0 0 1.294-1.822V12c0-.842-.542-1.554-1.294-1.822ZM3.294 10.178v7.526A1.938 1.938 0 0 1 2 15.882V12c0-.842.543-1.554 1.294-1.822Z\" />\n </svg>\n )\n}\n\nexport default SupportIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,SAAS,CAAA;~~AAEtB~~,~~IAAA~~,WAAW,GAAG,~~UAAC~~,~~EAKT~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;QACzD,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4iBAA4iB,EAAG,CAAA;AACvjB,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oKAAoK,EAAG,CAAA,CAC3K,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"SupportIcon.js","sources":["../../../../src/components/Icon/__generated__/SupportIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"support\"\n\nconst SupportIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11.65 1C7.012 1 3.238 4.774 3.238 9.412v7.764c0 1.07.871 1.942 1.941 1.942s1.942-.871 1.942-1.942v-6.47c0-1.07-.871-1.941-1.942-1.941a1.92 1.92 0 0 0-.62.11c.277-3.674 3.348-6.58 7.091-6.58 3.741 0 6.812 2.903 7.09 6.575a1.906 1.906 0 0 0-.62-.105c-1.07 0-1.94.87-1.94 1.94v6.471c0 1.07.87 1.942 1.94 1.942.229 0 .444-.047.648-.12v.767c0 .357-.291.647-.647.647h-4.649a1.938 1.938 0 0 0-1.822-1.294c-1.07 0-1.941.87-1.941 1.94 0 1.071.87 1.942 1.941 1.942.842 0 1.554-.543 1.822-1.294h4.649c1.07 0 1.94-.87 1.94-1.941V9.412C20.062 4.774 16.289 1 11.65 1Z\" />\n <path d=\"M20.01 10.178v7.526a1.938 1.938 0 0 0 1.294-1.822V12c0-.842-.542-1.554-1.294-1.822ZM3.294 10.178v7.526A1.938 1.938 0 0 1 2 15.882V12c0-.842.543-1.554 1.294-1.822Z\" />\n </svg>\n )\n}\n\nexport default SupportIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAE5B,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;QACzD,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4iBAA4iB,EAAG,CAAA;AACvjB,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oKAAoK,EAAG,CAAA,CAC3K,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "suv";
-var SuvIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "suv";
+const SuvIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.027 15.401H7.973a3 3 0 0 1-5.952-.755L1 13.8V12h1v-1H1l2-2.347V7h11l3.764 2.457L22 10c.646 0 .875.434.956 1H21v1h2v2l-.263.737a1 1 0 0 1-.942.664h-.822a3 3 0 0 1-5.946 0ZM4.5 8.5h9L16 10H4l.5-1.5Zm15 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5 16.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SuvIcon.js","sources":["../../../../src/components/Icon/__generated__/SuvIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"suv\"\n\nconst SuvIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15.027 15.401H7.973a3 3 0 0 1-5.952-.755L1 13.8V12h1v-1H1l2-2.347V7h11l3.764 2.457L22 10c.646 0 .875.434.956 1H21v1h2v2l-.263.737a1 1 0 0 1-.942.664h-.822a3 3 0 0 1-5.946 0ZM4.5 8.5h9L16 10H4l.5-1.5Zm15 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5 16.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"\n />\n </svg>\n )\n}\n\nexport default SuvIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,KAAK,CAAA;~~AAElB~~,~~IAAA~~,OAAO,GAAG,~~UAAC~~,~~EAKL~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kSAAkS,EACpS,CAAA,CACE,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"SuvIcon.js","sources":["../../../../src/components/Icon/__generated__/SuvIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"suv\"\n\nconst SuvIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15.027 15.401H7.973a3 3 0 0 1-5.952-.755L1 13.8V12h1v-1H1l2-2.347V7h11l3.764 2.457L22 10c.646 0 .875.434.956 1H21v1h2v2l-.263.737a1 1 0 0 1-.942.664h-.822a3 3 0 0 1-5.946 0ZM4.5 8.5h9L16 10H4l.5-1.5Zm15 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5 16.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"\n />\n </svg>\n )\n}\n\nexport default SuvIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,KAAK,CAAA;AAExB,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kSAAkS,EACpS,CAAA,CACE,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "synch";
-var SynchIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "synch";
+const SynchIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M12 6.818V9.41l3.5-3.454L12 2.5v2.59c-3.866 0-7 3.094-7 6.91 0 1.356.403 2.617 1.085 3.68l1.278-1.262A5.043 5.043 0 0 1 6.75 12c0-2.862 2.35-5.182 5.25-5.182Zm5.915 1.503-1.278 1.26A5.17 5.17 0 0 1 17.25 12c0 2.862-2.35 5.182-5.25 5.182V14.59l-3.5 3.454L12 21.5v-2.59c3.866 0 7-3.094 7-6.91a6.785 6.785 0 0 0-1.085-3.68v.001Z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SynchIcon.js","sources":["../../../../src/components/Icon/__generated__/SynchIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"synch\"\n\nconst SynchIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 6.818V9.41l3.5-3.454L12 2.5v2.59c-3.866 0-7 3.094-7 6.91 0 1.356.403 2.617 1.085 3.68l1.278-1.262A5.043 5.043 0 0 1 6.75 12c0-2.862 2.35-5.182 5.25-5.182Zm5.915 1.503-1.278 1.26A5.17 5.17 0 0 1 17.25 12c0 2.862-2.35 5.182-5.25 5.182V14.59l-3.5 3.454L12 21.5v-2.59c3.866 0 7-3.094 7-6.91a6.785 6.785 0 0 0-1.085-3.68v.001Z\" />\n </svg>\n )\n}\n\nexport default SynchIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,OAAO,CAAA;~~AAEpB~~,~~IAAA~~,SAAS,GAAG,~~UAAC~~,~~EAKP~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,uUAAuU,EAAG,CAAA,CAC9U,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"SynchIcon.js","sources":["../../../../src/components/Icon/__generated__/SynchIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"synch\"\n\nconst SynchIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 6.818V9.41l3.5-3.454L12 2.5v2.59c-3.866 0-7 3.094-7 6.91 0 1.356.403 2.617 1.085 3.68l1.278-1.262A5.043 5.043 0 0 1 6.75 12c0-2.862 2.35-5.182 5.25-5.182Zm5.915 1.503-1.278 1.26A5.17 5.17 0 0 1 17.25 12c0 2.862-2.35 5.182-5.25 5.182V14.59l-3.5 3.454L12 21.5v-2.59c3.866 0 7-3.094 7-6.91a6.785 6.785 0 0 0-1.085-3.68v.001Z\" />\n </svg>\n )\n}\n\nexport default SynchIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,OAAO,CAAA;AAE1B,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,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,uUAAuU,EAAG,CAAA,CAC9U,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "tag";
-var TagIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "tag";
+const TagIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42ZM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7Z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagIcon.js","sources":["../../../../src/components/Icon/__generated__/TagIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"tag\"\n\nconst TagIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42ZM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7Z\" />\n </svg>\n )\n}\n\nexport default TagIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,KAAK,CAAA;~~AAElB~~,~~IAAA~~,OAAO,GAAG,~~UAAC~~,~~EAKL~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0PAA0P,EAAG,CAAA,CACjQ,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"TagIcon.js","sources":["../../../../src/components/Icon/__generated__/TagIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"tag\"\n\nconst TagIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42ZM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7Z\" />\n </svg>\n )\n}\n\nexport default TagIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,KAAK,CAAA;AAExB,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0PAA0P,EAAG,CAAA,CACjQ,CACP,CAAA;AACH;;;;"}

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

@@ -3,18 +3,16 @@ import capitalize from '../../utils/capitalize.js';
 import 'lodash.throttle';
 import cx from 'classnames';
-var iconSource = "timeAlert";
-var TimeAlertIcon = function (_a) {
-    var _b;
-    var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
-        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
-        _b["cobalt-Icon--size16"] = size === 16,
-        _b["cobalt-Icon--size20"] = size === 20,
-        _b["cobalt-Icon--size32"] = size === 32,
-        _b["cobalt-Icon--contained"] = contained,
-        _b));
-    var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
+const iconSource = "timeAlert";
+const TimeAlertIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { id: "a", d: "M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10c2.25 0 4.33-.76 6-2v-2.72C16.53 18.94 14.39 20 12 20a8 8 0 1 1 0-16c3.36 0 6.23 2.07 7.41 5h2.13C20.27 4.94 16.5 2 12 2zm-1 5v6l5.25 3.15.75-1.23-4.5-2.67V7H11zm9 4v7h2v-7h-2zm0 9v2h2v-2h-2z" })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeAlertIcon.js","sources":["../../../../src/components/Icon/__generated__/TimeAlertIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"timeAlert\"\n\nconst TimeAlertIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n id=\"a\"\n d=\"M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10c2.25 0 4.33-.76 6-2v-2.72C16.53 18.94 14.39 20 12 20a8 8 0 1 1 0-16c3.36 0 6.23 2.07 7.41 5h2.13C20.27 4.94 16.5 2 12 2zm-1 5v6l5.25 3.15.75-1.23-4.5-2.67V7H11zm9 4v7h2v-7h-2zm0 9v2h2v-2h-2z\"\n />\n </svg>\n )\n}\n\nexport default TimeAlertIcon\n"],"names":[],"mappings":";;;;;AAUA,~~IAAM~~,UAAU,GAAG,WAAW,CAAA;~~AAExB~~,~~IAAA~~,aAAa,GAAG,~~UAAC~~,~~EAKX~~,~~EAAA;;AAJV,IAAA,IAAA,~~KAAK,~~WAAA,~~EACL,~~EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,~~IAAI,~~mBAAG~~,EAAE,~~GAAA,EAAA,~~EACT,~~EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,~~SAAS,~~GAAA,EAAA,KAAA,KAAA,CAAA,~~GAAG,KAAK,~~GAAA,EAAA,~~EACjB,SAAS,~~GAAA~~,~~EAAA,CAAA,SAAA,CAAA~~;~~IAET~~,~~IAAM~~,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,~~2BAAA,~~CAAA,~~MAAA~~,~~CAA4B~~,UAAU,CAAE,~~GAAA,EAAA,GAAA,EAAA~~;~~AAEtC~~,~~QAAA~~,~~EAAA~~,~~CAAC~~,~~4BAAqB~~,UAAU,CAAC,KAAK,CAAC,CAAE,~~IAAG~~,KAAK;QACjD,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;QAClC,~~EAAqB~~,~~CAAA~~,~~qBAAA,CAAA,GAAE,~~IAAI,KAAK,EAAE;AAClC,QAAA,~~EAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAwB~~,~~GAAE~~,~~SAAS;YAEtC,~~CAAA;AAED,IAAA,~~IAAM~~,IAAI,GAAG,~~UAAC~~,OAAwB,~~EAAA~~,~~EAAK~~,~~QACzC,KAAA,~~CAAA,aAAA,CAAA,MAAA,EAAA,~~EAAM~~,SAAS,EAAE,iBAAiB,EAAG,~~EAAA,~~OAAO,CAAQ,~~EACrD~~,~~EAAA,~~CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;QACzD,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,0OAA0O,EAAA,CAC5O,CACE,CACP,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"TimeAlertIcon.js","sources":["../../../../src/components/Icon/__generated__/TimeAlertIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColors\n size?: 16 \| 20 \| 24 \| 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"timeAlert\"\n\nconst TimeAlertIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n\n return wrap(\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n id=\"a\"\n d=\"M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10c2.25 0 4.33-.76 6-2v-2.72C16.53 18.94 14.39 20 12 20a8 8 0 1 1 0-16c3.36 0 6.23 2.07 7.41 5h2.13C20.27 4.94 16.5 2 12 2zm-1 5v6l5.25 3.15.75-1.23-4.5-2.67V7H11zm9 4v7h2v-7h-2zm0 9v2h2v-2h-2z\"\n />\n </svg>\n )\n}\n\nexport default TimeAlertIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,WAAW,CAAA;AAE9B,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,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;QACzD,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,0OAA0O,EAAA,CAC5O,CACE,CACP,CAAA;AACH;;;;"}