@drivy/cobalt 0.13.0

package/components/Icon/__generated__/CloseIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "close";
+var CloseIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })));
+};
+
+export { CloseIcon as default };
+//# sourceMappingURL=CloseIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sources":["../../../../src/components/Icon/__generated__/CloseIcon.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 = \"close\"\n\nconst CloseIcon = ({\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=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </svg>\n  )\n}\n\nexport default CloseIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,OAAO,CAAA;IAEpB,SAAS,GAAG,UAAC,EAKP;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,uGAAuG,GAAG,CAC9G,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ContactMailIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "contactMail";
+var ContactMailIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        React.createElement("path", { d: "M20,8 L12,13 L4,8 L4,6 L12,11 L20,6 L20,8 Z M20,4 L4,4 C2.89,4 2,4.89 2,6 L2,18 C2,19.1045695 2.8954305,20 4,20 L20,20 C21.1045695,20 22,19.1045695 22,18 L22,6 C22,4.89 21.1,4 20,4 Z" })));
+};
+
+export { ContactMailIcon as default };
+//# sourceMappingURL=ContactMailIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactMailIcon.js","sources":["../../../../src/components/Icon/__generated__/ContactMailIcon.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 = \"contactMail\"\n\nconst ContactMailIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M20,8 L12,13 L4,8 L4,6 L12,11 L20,6 L20,8 Z M20,4 L4,4 C2.89,4 2,4.89 2,6 L2,18 C2,19.1045695 2.8954305,20 4,20 L20,20 C21.1045695,20 22,19.1045695 22,18 L22,6 C22,4.89 21.1,4 20,4 Z\" />\n    </svg>\n  )\n}\n\nexport default ContactMailIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,aAAa,CAAA;IAE1B,eAAe,GAAG,UAAC,EAKb;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,wLAAwL,GAAG,CAC/L,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ContactPhoneIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "contactPhone";
+var ContactPhoneIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        React.createElement("path", { d: "m22 17.7954545c0 .2556819-.0473485.5894887-.1420455 1.0014205-.0946969.4119318-.1941287.7362689-.2982954.9730114-.1988636.4734848-.7765152.9753788-1.7329546 1.5056818-.8901515.4829545-1.7708333.7244318-2.6420454.7244318-.2556818 0-.5042614-.016572-.7457386-.0497159-.2414773-.0331439-.5137311-.0923296-.8167614-.1775568-.3030303-.0852273-.5279356-.1538826-.6747159-.2059659-.1467803-.0520834-.4095644-.1491478-.7883523-.2911932-.3787879-.1420455-.6107954-.2272727-.6960227-.2556818-.9280303-.3314394-1.7566288-.7244319-2.4857955-1.1789773-1.21212118-.7481061-2.46448861-1.7684659-3.75710225-3.0610796-1.29261363-1.2926136-2.31297348-2.544981-3.06107954-3.7571022-.45454546-.7291667-.84753788-1.5577652-1.17897727-2.4857955-.02840909-.0852273-.11363637-.3172348-.25568182-.69602271-.14204546-.37878788-.23910985-.64157197-.29119318-.78835227-.05208334-.1467803-.12073864-.37168561-.20596591-.67471591-.08522728-.3030303-.14441288-.57528409-.17755682-.81676136-.03314394-.24147728-.04971591-.49005682-.04971591-.74573864 0-.87121212.24147727-1.75189394.72443182-2.64204546.53030303-.95643939 1.03219697-1.5340909 1.50568182-1.73295454.23674242-.10416667.56107954-.20359849.97301136-.29829546s.74573864-.14204545 1.00142045-.14204545c.13257576 0 .23200758.01420455.29829546.04261364.17045454.05681818.42140151.41666666.75284091 1.07954545.10416666.17992424.24621212.43560606.42613636.76704546.17992424.33143939.34564394.63210227.49715909.90198863.15151515.26988637.29829546.52320076.44034091.75994318.02840909.03787879.11126894.15625.24857955.35511364.1373106.19886364.23910985.36695076.30539772.50426136.06628788.13731061.09943182.27225379.09943182.40482955 0 .18939394-.13494318.42613636-.40482954.71022727-.26988637.28409091-.56344697.54450758-.88068182.78125-.31723485.23674243-.61079546.4876894-.88068182.75284091-.26988636.26515152-.40482954.48295455-.40482954.65340909 0 .08522727.02367424.19176137.07102272.31960232.04734849.1278409.0875947.2249053.12073864.2911931.03314394.0662879.09943182.1799243.19886364.3409091.09943181.1609849.15388257.250947.16335227.2698864.71969697 1.2973485 1.5435606 2.4100379 2.47159091 3.3380682.92803027.9280303 2.04071967 1.7518939 3.33806817 2.4715909.0189394.0094697.1089015.0639204.2698864.1633523.1609848.0994318.2746212.1657197.3409091.1988636.0662878.0331439.1633522.0733901.2911931.1207386.127841.0473485.234375.0710228.3196023.0710228.1704546 0 .3882576-.1349432.6534091-.4048296s.5160985-.563447.7528409-.8806818c.2367424-.3172349.4971591-.6107955.78125-.8806818.2840909-.2698864.5208334-.4048296.7102273-.4048296.1325757 0 .2675189.033144.4048295.0994318.1373106.0662879.3053978.1680872.5042614.3053978s.3172348.2201704.3551136.2485795c.2367425.1420455.4900569.2888258.7599432.4403409.2698864.1515152.5705493.3172349.9019887.4971591.3314393.1799243.5871212.3219697.7670454.4261364.6628788.3314394 1.0227273.5823863 1.0795455.7528409.0284091.0662879.0426136.1657197.0426136.2982954z" })));
+};
+
+export { ContactPhoneIcon as default };
+//# sourceMappingURL=ContactPhoneIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactPhoneIcon.js","sources":["../../../../src/components/Icon/__generated__/ContactPhoneIcon.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 = \"contactPhone\"\n\nconst ContactPhoneIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"m22 17.7954545c0 .2556819-.0473485.5894887-.1420455 1.0014205-.0946969.4119318-.1941287.7362689-.2982954.9730114-.1988636.4734848-.7765152.9753788-1.7329546 1.5056818-.8901515.4829545-1.7708333.7244318-2.6420454.7244318-.2556818 0-.5042614-.016572-.7457386-.0497159-.2414773-.0331439-.5137311-.0923296-.8167614-.1775568-.3030303-.0852273-.5279356-.1538826-.6747159-.2059659-.1467803-.0520834-.4095644-.1491478-.7883523-.2911932-.3787879-.1420455-.6107954-.2272727-.6960227-.2556818-.9280303-.3314394-1.7566288-.7244319-2.4857955-1.1789773-1.21212118-.7481061-2.46448861-1.7684659-3.75710225-3.0610796-1.29261363-1.2926136-2.31297348-2.544981-3.06107954-3.7571022-.45454546-.7291667-.84753788-1.5577652-1.17897727-2.4857955-.02840909-.0852273-.11363637-.3172348-.25568182-.69602271-.14204546-.37878788-.23910985-.64157197-.29119318-.78835227-.05208334-.1467803-.12073864-.37168561-.20596591-.67471591-.08522728-.3030303-.14441288-.57528409-.17755682-.81676136-.03314394-.24147728-.04971591-.49005682-.04971591-.74573864 0-.87121212.24147727-1.75189394.72443182-2.64204546.53030303-.95643939 1.03219697-1.5340909 1.50568182-1.73295454.23674242-.10416667.56107954-.20359849.97301136-.29829546s.74573864-.14204545 1.00142045-.14204545c.13257576 0 .23200758.01420455.29829546.04261364.17045454.05681818.42140151.41666666.75284091 1.07954545.10416666.17992424.24621212.43560606.42613636.76704546.17992424.33143939.34564394.63210227.49715909.90198863.15151515.26988637.29829546.52320076.44034091.75994318.02840909.03787879.11126894.15625.24857955.35511364.1373106.19886364.23910985.36695076.30539772.50426136.06628788.13731061.09943182.27225379.09943182.40482955 0 .18939394-.13494318.42613636-.40482954.71022727-.26988637.28409091-.56344697.54450758-.88068182.78125-.31723485.23674243-.61079546.4876894-.88068182.75284091-.26988636.26515152-.40482954.48295455-.40482954.65340909 0 .08522727.02367424.19176137.07102272.31960232.04734849.1278409.0875947.2249053.12073864.2911931.03314394.0662879.09943182.1799243.19886364.3409091.09943181.1609849.15388257.250947.16335227.2698864.71969697 1.2973485 1.5435606 2.4100379 2.47159091 3.3380682.92803027.9280303 2.04071967 1.7518939 3.33806817 2.4715909.0189394.0094697.1089015.0639204.2698864.1633523.1609848.0994318.2746212.1657197.3409091.1988636.0662878.0331439.1633522.0733901.2911931.1207386.127841.0473485.234375.0710228.3196023.0710228.1704546 0 .3882576-.1349432.6534091-.4048296s.5160985-.563447.7528409-.8806818c.2367424-.3172349.4971591-.6107955.78125-.8806818.2840909-.2698864.5208334-.4048296.7102273-.4048296.1325757 0 .2675189.033144.4048295.0994318.1373106.0662879.3053978.1680872.5042614.3053978s.3172348.2201704.3551136.2485795c.2367425.1420455.4900569.2888258.7599432.4403409.2698864.1515152.5705493.3172349.9019887.4971591.3314393.1799243.5871212.3219697.7670454.4261364.6628788.3314394 1.0227273.5823863 1.0795455.7528409.0284091.0662879.0426136.1657197.0426136.2982954z\" />\n    </svg>\n  )\n}\n\nexport default ContactPhoneIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,cAAc,CAAA;IAE3B,gBAAgB,GAAG,UAAC,EAKd;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,m3FAAm3F,GAAG,CAC13F,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ContextualPaperclipIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "contextualPaperclip";
+var ContextualPaperclipIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { 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 { ContextualPaperclipIcon as default };
+//# sourceMappingURL=ContextualPaperclipIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualPaperclipIcon.js","sources":["../../../../src/components/Icon/__generated__/ContextualPaperclipIcon.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 = \"contextualPaperclip\"\n\nconst ContextualPaperclipIcon = ({\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=\"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    </svg>\n  )\n}\n\nexport default ContextualPaperclipIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,qBAAqB,CAAA;IAElC,uBAAuB,GAAG,UAAC,EAKrB;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,giBAAgiB,GAAG,CACviB,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ContextualQuestionIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "contextualQuestion";
+var ContextualQuestionIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        React.createElement("path", { d: "M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M13,18 L13,16 L11,16 L11,18 L13,18 Z M15.07,10.625 C15.64,10.112 16,9.392 16,8.6 C16,6.611 14.21,5 12,5 C9.79,5 8,6.611 8,8.6 L10,8.6 C10,7.61 10.9,6.8 12,6.8 C13.1,6.8 14,7.61 14,8.6 C14,9.095 13.78,9.545 13.41,9.869 L12.17,11.003 C11.45,11.66 11,12.56 11,13.55 L11,14 L13,14 C13,12.65 13.45,12.11 14.17,11.453 L15.07,10.625 Z" })));
+};
+
+export { ContextualQuestionIcon as default };
+//# sourceMappingURL=ContextualQuestionIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualQuestionIcon.js","sources":["../../../../src/components/Icon/__generated__/ContextualQuestionIcon.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 = \"contextualQuestion\"\n\nconst ContextualQuestionIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M13,18 L13,16 L11,16 L11,18 L13,18 Z M15.07,10.625 C15.64,10.112 16,9.392 16,8.6 C16,6.611 14.21,5 12,5 C9.79,5 8,6.611 8,8.6 L10,8.6 C10,7.61 10.9,6.8 12,6.8 C13.1,6.8 14,7.61 14,8.6 C14,9.095 13.78,9.545 13.41,9.869 L12.17,11.003 C11.45,11.66 11,12.56 11,13.55 L11,14 L13,14 C13,12.65 13.45,12.11 14.17,11.453 L15.07,10.625 Z\" />\n    </svg>\n  )\n}\n\nexport default ContextualQuestionIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,oBAAoB,CAAA;IAEjC,sBAAsB,GAAG,UAAC,EAKpB;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,odAAod,GAAG,CAC3d,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ContextualWarningCircleFilledIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "contextualWarningCircleFilled";
+var ContextualWarningCircleFilledIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        React.createElement("path", { d: "m12 22c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm-1.495-15.503.62 7.428a.88.88 0 0 0 .856.795h.038c.432 0 .821-.356.858-.795l.619-7.428a1.36 1.36 0 0 0 -1.382-1.497h-.227c-.835 0-1.45.67-1.382 1.497zm1.495 12.503a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" })));
+};
+
+export { ContextualWarningCircleFilledIcon as default };
+//# sourceMappingURL=ContextualWarningCircleFilledIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualWarningCircleFilledIcon.js","sources":["../../../../src/components/Icon/__generated__/ContextualWarningCircleFilledIcon.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 = \"contextualWarningCircleFilled\"\n\nconst ContextualWarningCircleFilledIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"m12 22c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm-1.495-15.503.62 7.428a.88.88 0 0 0 .856.795h.038c.432 0 .821-.356.858-.795l.619-7.428a1.36 1.36 0 0 0 -1.382-1.497h-.227c-.835 0-1.45.67-1.382 1.497zm1.495 12.503a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z\" />\n    </svg>\n  )\n}\n\nexport default ContextualWarningCircleFilledIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,+BAA+B,CAAA;IAE5C,iCAAiC,GAAG,UAAC,EAK/B;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,uRAAuR,GAAG,CAC9R,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ContextualWarningCircleIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "contextualWarningCircle";
+var ContextualWarningCircleIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        React.createElement("path", { d: "m12 20c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-18a10 10 0 1 1 -10 10c0-5.523 4.477-10 10-10zm-1.246 5.447a1.132 1.132 0 0 1 1.151-1.247h.19c.693 0 1.208.557 1.15 1.247l-.515 6.188a.735.735 0 0 1 -.714.662h-.032a.733.733 0 0 1 -.714-.662zm1.246 10.416a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z" })));
+};
+
+export { ContextualWarningCircleIcon as default };
+//# sourceMappingURL=ContextualWarningCircleIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualWarningCircleIcon.js","sources":["../../../../src/components/Icon/__generated__/ContextualWarningCircleIcon.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 = \"contextualWarningCircle\"\n\nconst ContextualWarningCircleIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"m12 20c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-18a10 10 0 1 1 -10 10c0-5.523 4.477-10 10-10zm-1.246 5.447a1.132 1.132 0 0 1 1.151-1.247h.19c.693 0 1.208.557 1.15 1.247l-.515 6.188a.735.735 0 0 1 -.714.662h-.032a.733.733 0 0 1 -.714-.662zm1.246 10.416a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z\" />\n    </svg>\n  )\n}\n\nexport default ContextualWarningCircleIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,yBAAyB,CAAA;IAEtC,2BAA2B,GAAG,UAAC,EAKzB;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,wTAAwT,GAAG,CAC/T,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CreditCardIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "creditCard";
+var CreditCardIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    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: "M4.667 4A2.667 2.667 0 002 6.667v10.666A2.667 2.667 0 004.667 20h14.666A2.667 2.667 0 0022 17.333V6.667A2.667 2.667 0 0019.333 4H4.667zM5 8v2h14V8H5zm0 4v2h8v-2H5z" })));
+};
+
+export { CreditCardIcon as default };
+//# sourceMappingURL=CreditCardIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardIcon.js","sources":["../../../../src/components/Icon/__generated__/CreditCardIcon.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 = \"creditCard\"\n\nconst CreditCardIcon = ({\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=\"M4.667 4A2.667 2.667 0 002 6.667v10.666A2.667 2.667 0 004.667 20h14.666A2.667 2.667 0 0022 17.333V6.667A2.667 2.667 0 0019.333 4H4.667zM5 8v2h14V8H5zm0 4v2h8v-2H5z\"\n      />\n    </svg>\n  )\n}\n\nexport default CreditCardIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,YAAY,CAAA;IAEzB,cAAc,GAAG,UAAC,EAKZ;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qKAAqK,GACvK,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/DirectionsIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "directions";
+var DirectionsIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m14.002 14.502v-2.5h-4v3h-2v-4a1 1 0 0 1 1-1h5v-2.5l3.5 3.5zm7.71-3.21-9-9h-.01a.996.996 0 0 0 -1.41 0l-9 9c-.39.39-.39 1.03 0 1.42l9 9c.39.38 1.02.39 1.42 0l9-9c.39-.39.39-1.03 0-1.42z" })));
+};
+
+export { DirectionsIcon as default };
+//# sourceMappingURL=DirectionsIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionsIcon.js","sources":["../../../../src/components/Icon/__generated__/DirectionsIcon.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 = \"directions\"\n\nconst DirectionsIcon = ({\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=\"m14.002 14.502v-2.5h-4v3h-2v-4a1 1 0 0 1 1-1h5v-2.5l3.5 3.5zm7.71-3.21-9-9h-.01a.996.996 0 0 0 -1.41 0l-9 9c-.39.39-.39 1.03 0 1.42l9 9c.39.38 1.02.39 1.42 0l9-9c.39-.39.39-1.03 0-1.42z\" />\n    </svg>\n  )\n}\n\nexport default DirectionsIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,YAAY,CAAA;IAEzB,cAAc,GAAG,UAAC,EAKZ;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,2LAA2L,GAAG,CAClM,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/DotsHorizontalIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "dotsHorizontal";
+var DotsHorizontalIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M16 12a2 2 0 114 0 2 2 0 01-4 0zm-6 0a2 2 0 114 0 2 2 0 01-4 0zm-6 0a2 2 0 114 0 2 2 0 01-4 0z" })));
+};
+
+export { DotsHorizontalIcon as default };
+//# sourceMappingURL=DotsHorizontalIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotsHorizontalIcon.js","sources":["../../../../src/components/Icon/__generated__/DotsHorizontalIcon.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 = \"dotsHorizontal\"\n\nconst DotsHorizontalIcon = ({\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=\"M16 12a2 2 0 114 0 2 2 0 01-4 0zm-6 0a2 2 0 114 0 2 2 0 01-4 0zm-6 0a2 2 0 114 0 2 2 0 01-4 0z\" />\n    </svg>\n  )\n}\n\nexport default DotsHorizontalIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,gBAAgB,CAAA;IAE7B,kBAAkB,GAAG,UAAC,EAKhB;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,gGAAgG,GAAG,CACvG,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/DotsVerticalIcon.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "dotsVertical";
+var DotsVerticalIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        React.createElement("circle", { cx: 12, cy: 6, r: 2 }),
+        React.createElement("circle", { cx: 12, cy: 12, r: 2 }),
+        React.createElement("circle", { cx: 12, cy: 18, r: 2 })));
+};
+
+export { DotsVerticalIcon as default };
+//# sourceMappingURL=DotsVerticalIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotsVerticalIcon.js","sources":["../../../../src/components/Icon/__generated__/DotsVerticalIcon.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 = \"dotsVertical\"\n\nconst DotsVerticalIcon = ({\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <circle cx={12} cy={6} r={2} />\n      <circle cx={12} cy={12} r={2} />\n      <circle cx={12} cy={18} r={2} />\n    </svg>\n  )\n}\n\nexport default DotsVerticalIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,cAAc,CAAA;IAE3B,gBAAgB,GAAG,UAAC,EAKd;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,gCAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI;QAC/B,gCAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAI;QAChC,gCAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAI,CAC5B,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/DownloadIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "download";
+var DownloadIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M4 22h15.647v-2.235H4V22zM19.647 8.706h-4.47V2H8.47v6.706H4l7.823 7.823 7.824-7.823z" })));
+};
+
+export { DownloadIcon as default };
+//# sourceMappingURL=DownloadIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadIcon.js","sources":["../../../../src/components/Icon/__generated__/DownloadIcon.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 = \"download\"\n\nconst DownloadIcon = ({\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=\"M4 22h15.647v-2.235H4V22zM19.647 8.706h-4.47V2H8.47v6.706H4l7.823 7.823 7.824-7.823z\" />\n    </svg>\n  )\n}\n\nexport default DownloadIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,UAAU,CAAA;IAEvB,YAAY,GAAG,UAAC,EAKV;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,sFAAsF,GAAG,CAC7F,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/EarthIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "earth";
+var EarthIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8zM11 19.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2v1.93zM12 2C6.477 2 2 6.477 2 12A10 10 0 1 0 12 2z" })));
+};
+
+export { EarthIcon as default };
+//# sourceMappingURL=EarthIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EarthIcon.js","sources":["../../../../src/components/Icon/__generated__/EarthIcon.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 = \"earth\"\n\nconst EarthIcon = ({\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=\"M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8zM11 19.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2v1.93zM12 2C6.477 2 2 6.477 2 12A10 10 0 1 0 12 2z\" />\n    </svg>\n  )\n}\n\nexport default EarthIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,OAAO,CAAA;IAEpB,SAAS,GAAG,UAAC,EAKP;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,kQAAkQ,GAAG,CACzQ,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/EditIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "edit";
+var EditIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M19.74 7.593c.347-.347.347-.924 0-1.253l-2.08-2.08c-.329-.347-.906-.347-1.253 0l-1.635 1.626 3.333 3.333zM4 16.667V20h3.333l9.83-9.839-3.333-3.333z" })));
+};
+
+export { EditIcon as default };
+//# sourceMappingURL=EditIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditIcon.js","sources":["../../../../src/components/Icon/__generated__/EditIcon.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 = \"edit\"\n\nconst EditIcon = ({\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=\"M19.74 7.593c.347-.347.347-.924 0-1.253l-2.08-2.08c-.329-.347-.906-.347-1.253 0l-1.635 1.626 3.333 3.333zM4 16.667V20h3.333l9.83-9.839-3.333-3.333z\" />\n    </svg>\n  )\n}\n\nexport default EditIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,MAAM,CAAA;IAEnB,QAAQ,GAAG,UAAC,EAKN;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,qJAAqJ,GAAG,CAC5J,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ExternalLinkIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "externalLink";
+var ExternalLinkIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7zm5 16H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7z" })));
+};
+
+export { ExternalLinkIcon as default };
+//# sourceMappingURL=ExternalLinkIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalLinkIcon.js","sources":["../../../../src/components/Icon/__generated__/ExternalLinkIcon.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 = \"externalLink\"\n\nconst ExternalLinkIcon = ({\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=\"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7zm5 16H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7z\" />\n    </svg>\n  )\n}\n\nexport default ExternalLinkIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,cAAc,CAAA;IAE3B,gBAAgB,GAAG,UAAC,EAKd;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,yHAAyH,GAAG,CAChI,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/EyeIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "eye";
+var EyeIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9a3 3 0 110 6 3 3 0 010-6zm0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5zM3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z" })));
+};
+
+export { EyeIcon as default };
+//# sourceMappingURL=EyeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EyeIcon.js","sources":["../../../../src/components/Icon/__generated__/EyeIcon.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 = \"eye\"\n\nconst EyeIcon = ({\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 9a3 3 0 110 6 3 3 0 010-6zm0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5zM3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z\"\n      />\n    </svg>\n  )\n}\n\nexport default EyeIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,KAAK,CAAA;IAElB,OAAO,GAAG,UAAC,EAKL;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oLAAoL,GACtL,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/FiltersIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "filters";
+var FiltersIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M6 13h12v-2H6v2zM3 6v2h18V6H3zm7 12h4v-2h-4v2z" })));
+};
+
+export { FiltersIcon as default };
+//# sourceMappingURL=FiltersIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersIcon.js","sources":["../../../../src/components/Icon/__generated__/FiltersIcon.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 = \"filters\"\n\nconst FiltersIcon = ({\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 width={24} height={24} xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M6 13h12v-2H6v2zM3 6v2h18V6H3zm7 12h4v-2h-4v2z\" />\n    </svg>\n  )\n}\n\nexport default FiltersIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,SAAS,CAAA;IAEtB,WAAW,GAAG,UAAC,EAKT;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,4BAA4B;QAC5D,8BAAM,CAAC,EAAC,gDAAgD,GAAG,CACvD,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/FlagIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "flag";
+var FlagIcon = 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--" + iconSource, (_b = {},
+        _b["cobalt-Icon--color" + 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)); };
+    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M8,4.56759393 C12.3636364,1 16.1818182,7 20,3.56759393 L20,11.4324061 C16.1818182,15 12.3636364,9 8,12.4324061 L8,4.56759393 Z M6,2 C5.44771525,2 5,2.45530558 5,2.99180311 L5,22 L7,22 L7,2.99180311 C7,2.44404538 6.55613518,2 6,2 Z" })));
+};
+
+export { FlagIcon as default };
+//# sourceMappingURL=FlagIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlagIcon.js","sources":["../../../../src/components/Icon/__generated__/FlagIcon.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 = \"flag\"\n\nconst FlagIcon = ({\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=\"M8,4.56759393 C12.3636364,1 16.1818182,7 20,3.56759393 L20,11.4324061 C16.1818182,15 12.3636364,9 8,12.4324061 L8,4.56759393 Z M6,2 C5.44771525,2 5,2.45530558 5,2.99180311 L5,22 L7,22 L7,2.99180311 C7,2.44404538 6.55613518,2 6,2 Z\" />\n    </svg>\n  )\n}\n\nexport default FlagIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,MAAM,CAAA;IAEnB,QAAQ,GAAG,UAAC,EAKN;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,wOAAwO,GAAG,CAC/O,CACP,CAAA;AACH;;;;"}