@drivy/cobalt 0.12.0 → 0.14.0

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeConvertibleIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeConvertibleIcon.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 = \"carTypeConvertible\"\n\nconst CarTypeConvertibleIcon = ({\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 6l-1 .75L17.5 10h-4V8.5H12V10H3c-1.11 0-2 .89-2 2v3h2a3 3 0 006 0h6a3 3 0 006 0h2v-3c0-1.11-.89-2-2-2h-2l-3-4zM6 13.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeConvertibleIcon\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,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,kMAAkM,GAAG,CACzM,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeConvertibleIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeConvertibleIcon.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 = \"carTypeConvertible\"\n\nconst CarTypeConvertibleIcon = ({\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 6l-1 .75L17.5 10h-4V8.5H12V10H3c-1.11 0-2 .89-2 2v3h2a3 3 0 006 0h6a3 3 0 006 0h2v-3c0-1.11-.89-2-2-2h-2l-3-4zM6 13.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeConvertibleIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,kMAAkM,GAAG,CACzM,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CarTypeCoupeIcon.js

@@ -7,8 +7,8 @@ var iconSource = "carTypeCoupe";
 var CarTypeCoupeIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CarTypeCoupeIcon = function (_a) {
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 11s1.5-3 6-3c2.316 0 4.103.795 5.836 1.566C16.471 10.293 18.06 11 20 11h-1.5c4.847 0 4.646 2.245 4.53 3.537-.016.174-.03.331-.03.463v1.5h-1.402a3.001 3.001 0 01-5.196 0H7.598a3 3 0 01-5.196 0H1V11h2zm2 2.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm14 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM8.833 11H15.5c-.847 0-1.624-.278-2.509-.595-1.154-.413-2.491-.891-4.408-.905l.25 1.5zm-1 0H5s.046-1.223 2.59-1.46L7.833 11z" })));
 };
 
-export default CarTypeCoupeIcon;
+export { CarTypeCoupeIcon as default };
 //# sourceMappingURL=CarTypeCoupeIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeCoupeIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeCoupeIcon.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 = \"carTypeCoupe\"\n\nconst CarTypeCoupeIcon = ({\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=\"M3 11s1.5-3 6-3c2.316 0 4.103.795 5.836 1.566C16.471 10.293 18.06 11 20 11h-1.5c4.847 0 4.646 2.245 4.53 3.537-.016.174-.03.331-.03.463v1.5h-1.402a3.001 3.001 0 01-5.196 0H7.598a3 3 0 01-5.196 0H1V11h2zm2 2.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm14 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM8.833 11H15.5c-.847 0-1.624-.278-2.509-.595-1.154-.413-2.491-.891-4.408-.905l.25 1.5zm-1 0H5s.046-1.223 2.59-1.46L7.833 11z\"\n      />\n    </svg>\n  )\n}\n\nexport default CarTypeCoupeIcon\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,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qZAAqZ,GACvZ,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeCoupeIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeCoupeIcon.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 = \"carTypeCoupe\"\n\nconst CarTypeCoupeIcon = ({\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=\"M3 11s1.5-3 6-3c2.316 0 4.103.795 5.836 1.566C16.471 10.293 18.06 11 20 11h-1.5c4.847 0 4.646 2.245 4.53 3.537-.016.174-.03.331-.03.463v1.5h-1.402a3.001 3.001 0 01-5.196 0H7.598a3 3 0 01-5.196 0H1V11h2zm2 2.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm14 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM8.833 11H15.5c-.847 0-1.624-.278-2.509-.595-1.154-.413-2.491-.891-4.408-.905l.25 1.5zm-1 0H5s.046-1.223 2.59-1.46L7.833 11z\"\n      />\n    </svg>\n  )\n}\n\nexport default CarTypeCoupeIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,qZAAqZ,GACvZ,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CarTypeFamilyIcon.js

@@ -7,8 +7,8 @@ var iconSource = "carTypeFamily";
 var CarTypeFamilyIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CarTypeFamilyIcon = function (_a) {
         React.createElement("path", { d: "M1 8a2 2 0 012-2h11l4 4h3c1.11 0 2 .89 2 2v3h-2a3 3 0 01-6 0H8a3 3 0 01-6 0H1V9 8zm1.5-.5V10h6V7.5h-6zm7.5 0V10h5.8l-2.55-2.5H10zm-5 6a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm13 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" })));
 };
 
-export default CarTypeFamilyIcon;
+export { CarTypeFamilyIcon as default };
 //# sourceMappingURL=CarTypeFamilyIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeFamilyIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeFamilyIcon.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 = \"carTypeFamily\"\n\nconst CarTypeFamilyIcon = ({\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=\"M1 8a2 2 0 012-2h11l4 4h3c1.11 0 2 .89 2 2v3h-2a3 3 0 01-6 0H8a3 3 0 01-6 0H1V9 8zm1.5-.5V10h6V7.5h-6zm7.5 0V10h5.8l-2.55-2.5H10zm-5 6a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm13 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeFamilyIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,eAAe,CAAA;IAE5B,iBAAiB,GAAG,UAAC,EAKf;;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,+MAA+M,GAAG,CACtN,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeFamilyIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeFamilyIcon.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 = \"carTypeFamily\"\n\nconst CarTypeFamilyIcon = ({\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=\"M1 8a2 2 0 012-2h11l4 4h3c1.11 0 2 .89 2 2v3h-2a3 3 0 01-6 0H8a3 3 0 01-6 0H1V9 8zm1.5-.5V10h6V7.5h-6zm7.5 0V10h5.8l-2.55-2.5H10zm-5 6a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm13 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeFamilyIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,eAAe,CAAA;IAE5B,iBAAiB,GAAG,UAAC,EAKf;;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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,+MAA+M,GAAG,CACtN,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CarTypeFourFourIcon.js

@@ -7,8 +7,8 @@ var iconSource = "carTypeFourFour";
 var CarTypeFourFourIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CarTypeFourFourIcon = function (_a) {
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6H4c-1.11 0-2 .89-2 2H1v6h1v1h2a3 3 0 006 0h5a3 3 0 006 0h2v-3c0-1.11-.89-2-2-2h-3l-3-4zM3.5 10V7.5h6V10h-6zm7.5 0V7.5h3.25l1.89 2.5H11zm-5.06 3.94a1.5 1.5 0 112.12 2.12 1.5 1.5 0 01-2.12-2.12zm11 0a1.5 1.5 0 112.12 2.12 1.5 1.5 0 01-2.12-2.12z" })));
 };
 
-export default CarTypeFourFourIcon;
+export { CarTypeFourFourIcon as default };
 //# sourceMappingURL=CarTypeFourFourIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeFourFourIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeFourFourIcon.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 = \"carTypeFourFour\"\n\nconst CarTypeFourFourIcon = ({\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 6H4c-1.11 0-2 .89-2 2H1v6h1v1h2a3 3 0 006 0h5a3 3 0 006 0h2v-3c0-1.11-.89-2-2-2h-3l-3-4zM3.5 10V7.5h6V10h-6zm7.5 0V7.5h3.25l1.89 2.5H11zm-5.06 3.94a1.5 1.5 0 112.12 2.12 1.5 1.5 0 01-2.12-2.12zm11 0a1.5 1.5 0 112.12 2.12 1.5 1.5 0 01-2.12-2.12z\"\n      />\n    </svg>\n  )\n}\n\nexport default CarTypeFourFourIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,iBAAiB,CAAA;IAE9B,mBAAmB,GAAG,UAAC,EAKjB;;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,0PAA0P,GAC5P,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeFourFourIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeFourFourIcon.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 = \"carTypeFourFour\"\n\nconst CarTypeFourFourIcon = ({\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 6H4c-1.11 0-2 .89-2 2H1v6h1v1h2a3 3 0 006 0h5a3 3 0 006 0h2v-3c0-1.11-.89-2-2-2h-3l-3-4zM3.5 10V7.5h6V10h-6zm7.5 0V7.5h3.25l1.89 2.5H11zm-5.06 3.94a1.5 1.5 0 112.12 2.12 1.5 1.5 0 01-2.12-2.12zm11 0a1.5 1.5 0 112.12 2.12 1.5 1.5 0 01-2.12-2.12z\"\n      />\n    </svg>\n  )\n}\n\nexport default CarTypeFourFourIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,iBAAiB,CAAA;IAE9B,mBAAmB,GAAG,UAAC,EAKjB;;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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,0PAA0P,GAC5P,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CarTypeMinibusIcon.js

@@ -7,8 +7,8 @@ var iconSource = "carTypeMinibus";
 var CarTypeMinibusIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CarTypeMinibusIcon = function (_a) {
         React.createElement("path", { d: "M3 7c-1.11 0-2 .89-2 2v8h2a3 3 0 006 0h6a3 3 0 006 0h2v-4c0-1.11-.89-2-2-2l-3-4H3zm0 1.5h4V11H3V8.5zm6 0h4V11H9V8.5zm6 0h2.5l1.96 2.5H15V8.5zm-9 7a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" })));
 };
 
-export default CarTypeMinibusIcon;
+export { CarTypeMinibusIcon as default };
 //# sourceMappingURL=CarTypeMinibusIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeMinibusIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeMinibusIcon.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 = \"carTypeMinibus\"\n\nconst CarTypeMinibusIcon = ({\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=\"M3 7c-1.11 0-2 .89-2 2v8h2a3 3 0 006 0h6a3 3 0 006 0h2v-4c0-1.11-.89-2-2-2l-3-4H3zm0 1.5h4V11H3V8.5zm6 0h4V11H9V8.5zm6 0h2.5l1.96 2.5H15V8.5zm-9 7a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeMinibusIcon\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,2NAA2N,GAAG,CAClO,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeMinibusIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeMinibusIcon.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 = \"carTypeMinibus\"\n\nconst CarTypeMinibusIcon = ({\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=\"M3 7c-1.11 0-2 .89-2 2v8h2a3 3 0 006 0h6a3 3 0 006 0h2v-4c0-1.11-.89-2-2-2l-3-4H3zm0 1.5h4V11H3V8.5zm6 0h4V11H9V8.5zm6 0h2.5l1.96 2.5H15V8.5zm-9 7a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeMinibusIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,2NAA2N,GAAG,CAClO,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CarTypeSedanIcon.js

@@ -7,8 +7,8 @@ var iconSource = "carTypeSedan";
 var CarTypeSedanIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CarTypeSedanIcon = function (_a) {
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 8.5h7l7 3.5h2a2 2 0 012 2v2h-2.18c-.42 1.2-1.55 2-2.82 2-1.27 0-2.4-.8-2.83-2H7.82C7.4 17.2 6.27 18 5 18c-1.27 0-2.4-.8-2.83-2H1v-4.445a1 1 0 01.47-.849L5 8.5zm.5 1.5l-2.948 2H15.5l-4-2h-6zm.56 3.94a1.5 1.5 0 10-2.12 2.12 1.5 1.5 0 002.12-2.12zm13 0a1.5 1.5 0 10-2.12 2.12 1.5 1.5 0 002.12-2.12z" })));
 };
 
-export default CarTypeSedanIcon;
+export { CarTypeSedanIcon as default };
 //# sourceMappingURL=CarTypeSedanIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeSedanIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeSedanIcon.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 = \"carTypeSedan\"\n\nconst CarTypeSedanIcon = ({\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=\"M5 8.5h7l7 3.5h2a2 2 0 012 2v2h-2.18c-.42 1.2-1.55 2-2.82 2-1.27 0-2.4-.8-2.83-2H7.82C7.4 17.2 6.27 18 5 18c-1.27 0-2.4-.8-2.83-2H1v-4.445a1 1 0 01.47-.849L5 8.5zm.5 1.5l-2.948 2H15.5l-4-2h-6zm.56 3.94a1.5 1.5 0 10-2.12 2.12 1.5 1.5 0 002.12-2.12zm13 0a1.5 1.5 0 10-2.12 2.12 1.5 1.5 0 002.12-2.12z\"\n      />\n    </svg>\n  )\n}\n\nexport default CarTypeSedanIcon\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,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4SAA4S,GAC9S,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeSedanIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeSedanIcon.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 = \"carTypeSedan\"\n\nconst CarTypeSedanIcon = ({\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=\"M5 8.5h7l7 3.5h2a2 2 0 012 2v2h-2.18c-.42 1.2-1.55 2-2.82 2-1.27 0-2.4-.8-2.83-2H7.82C7.4 17.2 6.27 18 5 18c-1.27 0-2.4-.8-2.83-2H1v-4.445a1 1 0 01.47-.849L5 8.5zm.5 1.5l-2.948 2H15.5l-4-2h-6zm.56 3.94a1.5 1.5 0 10-2.12 2.12 1.5 1.5 0 002.12-2.12zm13 0a1.5 1.5 0 10-2.12 2.12 1.5 1.5 0 002.12-2.12z\"\n      />\n    </svg>\n  )\n}\n\nexport default CarTypeSedanIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,4SAA4S,GAC9S,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CarTypeUtilityIcon.js

@@ -7,8 +7,8 @@ var iconSource = "carTypeUtility";
 var CarTypeUtilityIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CarTypeUtilityIcon = function (_a) {
         React.createElement("path", { d: "M3 6c-1.11 0-2 .89-2 2v8h2a3 3 0 006 0h6a3 3 0 006 0h2v-4c0-1.11-.89-2-2-2l-3-4H3zm12 1.5h2.5l1.96 2.5H15V7.5zm-9 7a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" })));
 };
 
-export default CarTypeUtilityIcon;
+export { CarTypeUtilityIcon as default };
 //# sourceMappingURL=CarTypeUtilityIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarTypeUtilityIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeUtilityIcon.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 = \"carTypeUtility\"\n\nconst CarTypeUtilityIcon = ({\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=\"M3 6c-1.11 0-2 .89-2 2v8h2a3 3 0 006 0h6a3 3 0 006 0h2v-4c0-1.11-.89-2-2-2l-3-4H3zm12 1.5h2.5l1.96 2.5H15V7.5zm-9 7a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeUtilityIcon\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,4LAA4L,GAAG,CACnM,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CarTypeUtilityIcon.js","sources":["../../../../src/components/Icon/__generated__/CarTypeUtilityIcon.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 = \"carTypeUtility\"\n\nconst CarTypeUtilityIcon = ({\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=\"M3 6c-1.11 0-2 .89-2 2v8h2a3 3 0 006 0h6a3 3 0 006 0h2v-4c0-1.11-.89-2-2-2l-3-4H3zm12 1.5h2.5l1.96 2.5H15V7.5zm-9 7a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm12 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\" />\n    </svg>\n  )\n}\n\nexport default CarTypeUtilityIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,4LAA4L,GAAG,CACnM,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CheckCircleIcon.js

@@ -7,8 +7,8 @@ var iconSource = "checkCircle";
 var CheckCircleIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CheckCircleIcon = function (_a) {
         React.createElement("path", { d: "M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M10.039794,16.4579825 L10.3868138,16.8048824 C10.7382605,17.1562077 11.3079394,17.1562077 11.6593861,16.8048824 L12.0064058,16.4579825 L18.3862862,10.0803058 C18.7379046,9.72880879 18.7379046,9.15879074 18.3862862,8.80729375 L17.6922467,8.11349398 C17.3408,7.76216867 16.771121,7.76216867 16.4196743,8.11349398 L11.0398301,13.5249288 L8.08032565,10.5664466 C7.72887895,10.2151213 7.15920001,10.2151213 6.80775331,10.5664466 L6.11371383,11.2602463 C5.76209539,11.6117433 5.76209539,12.1817614 6.11371383,12.5332584 L10.039794,16.4579825 Z", fillRule: "evenodd" })));
 };
 
-export default CheckCircleIcon;
+export { CheckCircleIcon as default };
 //# sourceMappingURL=CheckCircleIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckCircleIcon.js","sources":["../../../../src/components/Icon/__generated__/CheckCircleIcon.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 = \"checkCircle\"\n\nconst CheckCircleIcon = ({\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        d=\"M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M10.039794,16.4579825 L10.3868138,16.8048824 C10.7382605,17.1562077 11.3079394,17.1562077 11.6593861,16.8048824 L12.0064058,16.4579825 L18.3862862,10.0803058 C18.7379046,9.72880879 18.7379046,9.15879074 18.3862862,8.80729375 L17.6922467,8.11349398 C17.3408,7.76216867 16.771121,7.76216867 16.4196743,8.11349398 L11.0398301,13.5249288 L8.08032565,10.5664466 C7.72887895,10.2151213 7.15920001,10.2151213 6.80775331,10.5664466 L6.11371383,11.2602463 C5.76209539,11.6117433 5.76209539,12.1817614 6.11371383,12.5332584 L10.039794,16.4579825 Z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n\nexport default CheckCircleIcon\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,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BACE,CAAC,EAAC,sqBAAsqB,EACxqB,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CheckCircleIcon.js","sources":["../../../../src/components/Icon/__generated__/CheckCircleIcon.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 = \"checkCircle\"\n\nconst CheckCircleIcon = ({\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        d=\"M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M10.039794,16.4579825 L10.3868138,16.8048824 C10.7382605,17.1562077 11.3079394,17.1562077 11.6593861,16.8048824 L12.0064058,16.4579825 L18.3862862,10.0803058 C18.7379046,9.72880879 18.7379046,9.15879074 18.3862862,8.80729375 L17.6922467,8.11349398 C17.3408,7.76216867 16.771121,7.76216867 16.4196743,8.11349398 L11.0398301,13.5249288 L8.08032565,10.5664466 C7.72887895,10.2151213 7.15920001,10.2151213 6.80775331,10.5664466 L6.11371383,11.2602463 C5.76209539,11.6117433 5.76209539,12.1817614 6.11371383,12.5332584 L10.039794,16.4579825 Z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n\nexport default CheckCircleIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,CAAC,EAAC,sqBAAsqB,EACxqB,QAAQ,EAAC,SAAS,GAClB,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CheckIcon.js

@@ -7,8 +7,8 @@ var iconSource = "check";
 var CheckIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var CheckIcon = function (_a) {
         React.createElement("path", { d: "m21 7-12 12-5.5-5.5 1.41-1.41 4.09 4.08 10.59-10.58z" })));
 };
 
-export default CheckIcon;
+export { CheckIcon as default };
 //# sourceMappingURL=CheckIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.js","sources":["../../../../src/components/Icon/__generated__/CheckIcon.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 = \"check\"\n\nconst CheckIcon = ({\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 7-12 12-5.5-5.5 1.41-1.41 4.09 4.08 10.59-10.58z\" />\n    </svg>\n  )\n}\n\nexport default CheckIcon\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,sDAAsD,GAAG,CAC7D,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"CheckIcon.js","sources":["../../../../src/components/Icon/__generated__/CheckIcon.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 = \"check\"\n\nconst CheckIcon = ({\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 7-12 12-5.5-5.5 1.41-1.41 4.09 4.08 10.59-10.58z\" />\n    </svg>\n  )\n}\n\nexport default CheckIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,sDAAsD,GAAG,CAC7D,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ChevronDownIcon.js

@@ -7,8 +7,8 @@ var iconSource = "chevronDown";
 var ChevronDownIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var ChevronDownIcon = function (_a) {
         React.createElement("path", { d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6z" })));
 };
 
-export default ChevronDownIcon;
+export { ChevronDownIcon as default };
 //# sourceMappingURL=ChevronDownIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronDownIcon.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 = \"chevronDown\"\n\nconst ChevronDownIcon = ({\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=\"M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6z\" />\n    </svg>\n  )\n}\n\nexport default ChevronDownIcon\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,+CAA+C,GAAG,CACtD,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronDownIcon.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 = \"chevronDown\"\n\nconst ChevronDownIcon = ({\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=\"M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6z\" />\n    </svg>\n  )\n}\n\nexport default ChevronDownIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,+CAA+C,GAAG,CACtD,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ChevronLeftIcon.js

@@ -7,8 +7,8 @@ var iconSource = "chevronLeft";
 var ChevronLeftIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var ChevronLeftIcon = function (_a) {
         React.createElement("path", { d: "M14.811 17.343L9.468 12l5.343-5.355L13.166 5l-7 7 7 7z" })));
 };
 
-export default ChevronLeftIcon;
+export { ChevronLeftIcon as default };
 //# sourceMappingURL=ChevronLeftIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronLeftIcon.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 = \"chevronLeft\"\n\nconst ChevronLeftIcon = ({\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.811 17.343L9.468 12l5.343-5.355L13.166 5l-7 7 7 7z\" />\n    </svg>\n  )\n}\n\nexport default ChevronLeftIcon\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,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,wDAAwD,GAAG,CAC/D,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronLeftIcon.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 = \"chevronLeft\"\n\nconst ChevronLeftIcon = ({\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.811 17.343L9.468 12l5.343-5.355L13.166 5l-7 7 7 7z\" />\n    </svg>\n  )\n}\n\nexport default ChevronLeftIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,wDAAwD,GAAG,CAC/D,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ChevronRightIcon.js

@@ -7,8 +7,8 @@ var iconSource = "chevronRight";
 var ChevronRightIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var ChevronRightIcon = function (_a) {
         React.createElement("path", { d: "M8.022 17.343L13.365 12 8.022 6.645 9.667 5l7 7-7 7z" })));
 };
 
-export default ChevronRightIcon;
+export { ChevronRightIcon as default };
 //# sourceMappingURL=ChevronRightIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronRightIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronRightIcon.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 = \"chevronRight\"\n\nconst ChevronRightIcon = ({\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.022 17.343L13.365 12 8.022 6.645 9.667 5l7 7-7 7z\" />\n    </svg>\n  )\n}\n\nexport default ChevronRightIcon\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,sDAAsD,GAAG,CAC7D,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"ChevronRightIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronRightIcon.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 = \"chevronRight\"\n\nconst ChevronRightIcon = ({\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.022 17.343L13.365 12 8.022 6.645 9.667 5l7 7-7 7z\" />\n    </svg>\n  )\n}\n\nexport default ChevronRightIcon\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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,sDAAsD,GAAG,CAC7D,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ChevronUpIcon.js

@@ -7,8 +7,8 @@ var iconSource = "chevronUp";
 var ChevronUpIcon = 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,
+    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,
@@ -19,5 +19,5 @@ var ChevronUpIcon = function (_a) {
         React.createElement("path", { d: "M7.41 16L12 11.41 16.59 16 18 14.58l-6-6-6 6z" })));
 };
 
-export default ChevronUpIcon;
+export { ChevronUpIcon as default };
 //# sourceMappingURL=ChevronUpIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronUpIcon.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 = \"chevronUp\"\n\nconst ChevronUpIcon = ({\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=\"M7.41 16L12 11.41 16.59 16 18 14.58l-6-6-6 6z\" />\n    </svg>\n  )\n}\n\nexport default ChevronUpIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,WAAW,CAAA;IAExB,aAAa,GAAG,UAAC,EAKX;;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,+CAA+C,GAAG,CACtD,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../src/components/Icon/__generated__/ChevronUpIcon.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 = \"chevronUp\"\n\nconst ChevronUpIcon = ({\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=\"M7.41 16L12 11.41 16.59 16 18 14.58l-6-6-6 6z\" />\n    </svg>\n  )\n}\n\nexport default ChevronUpIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,WAAW,CAAA;IAExB,aAAa,GAAG,UAAC,EAKX;;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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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,+CAA+C,GAAG,CACtD,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/CloseIcon.js

@@ -7,8 +7,8 @@ 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,
+    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,
@@ -19,5 +19,5 @@ var CloseIcon = function (_a) {
         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 default CloseIcon;
+export { CloseIcon as default };
 //# sourceMappingURL=CloseIcon.js.map

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

@@ -1 +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;;;;"}
+{"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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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

@@ -7,8 +7,8 @@ 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,
+    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,
@@ -19,5 +19,5 @@ var ContactMailIcon = function (_a) {
         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 default ContactMailIcon;
+export { ContactMailIcon as default };
 //# sourceMappingURL=ContactMailIcon.js.map

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

@@ -1 +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;;;;"}
+{"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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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

@@ -7,8 +7,8 @@ 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,
+    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,
@@ -19,5 +19,5 @@ var ContactPhoneIcon = function (_a) {
         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 default ContactPhoneIcon;
+export { ContactPhoneIcon as default };
 //# sourceMappingURL=ContactPhoneIcon.js.map

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

@@ -1 +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;;;;"}
+{"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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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

@@ -7,8 +7,8 @@ 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,
+    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,
@@ -19,5 +19,5 @@ var ContextualPaperclipIcon = function (_a) {
         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 default ContextualPaperclipIcon;
+export { ContextualPaperclipIcon as default };
 //# sourceMappingURL=ContextualPaperclipIcon.js.map

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

@@ -1 +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;;;;"}
+{"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,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,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;;;;"}