@drivy/cobalt 2.15.0 → 2.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"WarningCircleFilledIcon.js","sources":["../../../../src/components/Icon/__generated__/WarningCircleFilledIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"warningCircleFilled\"\nconst WarningCircleFilledIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.505 6.497A1.359 1.359 0 0 1 11.887 5h.227c.832 0 1.45.668 1.382 1.497l-.62 7.428a.883.883 0 0 1-.856.795h-.038a.88.88 0 0 1-.858-.795l-.619-7.428ZM13.5 17.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"\n      />\n    </svg>\n  )\n}\nexport default WarningCircleFilledIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,qBAAqB,CAAA;AACxC,MAAM,uBAAuB,GAAG,CAAC,EAC/B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+QAA+Q,EACjR,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WarningCircleFilledIcon.js","sources":["../../../../src/components/Icon/__generated__/WarningCircleFilledIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"warningCircleFilled\"\nconst WarningCircleFilledIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.505 6.497A1.359 1.359 0 0 1 11.887 5h.227c.832 0 1.45.668 1.382 1.497l-.62 7.428a.883.883 0 0 1-.856.795h-.038a.88.88 0 0 1-.858-.795l-.619-7.428ZM13.5 17.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WarningCircleFilledIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,qBAAqB,CAAA;AACxC,MAAM,uBAAuB,GAAG,CAAC,EAC/B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+QAA+Q,EAAA,CACjR,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/WarningCircleIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "warningCircle";
 const WarningCircleIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const WarningCircleIcon = ({ color, size = 24, contained = false, className, })
         "cobalt-Icon--size32": size === 32,
         "cobalt-Icon--contained": contained,
     });
-    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
-    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8Zm-2 0C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12Zm8.754-4.553A1.132 1.132 0 0 1 11.905 6.2h.19c.693 0 1.208.557 1.15 1.247l-.515 6.188a.735.735 0 0 1-.714.662h-.032a.733.733 0 0 1-.714-.662l-.516-6.188ZM12 17.863a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8Zm-2 0C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12Zm8.754-4.553A1.132 1.132 0 0 1 11.905 6.2h.19c.693 0 1.208.557 1.15 1.247l-.515 6.188a.735.735 0 0 1-.714.662h-.032a.733.733 0 0 1-.714-.662l-.516-6.188ZM12 17.863a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" })] }) }));
 };
 
 export { WarningCircleIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"WarningCircleIcon.js","sources":["../../../../src/components/Icon/__generated__/WarningCircleIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"warningCircle\"\nconst WarningCircleIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 12c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8Zm-2 0C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12Zm8.754-4.553A1.132 1.132 0 0 1 11.905 6.2h.19c.693 0 1.208.557 1.15 1.247l-.515 6.188a.735.735 0 0 1-.714.662h-.032a.733.733 0 0 1-.714-.662l-.516-6.188ZM12 17.863a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z\"\n      />\n    </svg>\n  )\n}\nexport default WarningCircleIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,eAAe,CAAA;AAClC,MAAM,iBAAiB,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uTAAuT,EACzT,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WarningCircleIcon.js","sources":["../../../../src/components/Icon/__generated__/WarningCircleIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"warningCircle\"\nconst WarningCircleIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M4 12c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8Zm-2 0C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12Zm8.754-4.553A1.132 1.132 0 0 1 11.905 6.2h.19c.693 0 1.208.557 1.15 1.247l-.515 6.188a.735.735 0 0 1-.714.662h-.032a.733.733 0 0 1-.714-.662l-.516-6.188ZM12 17.863a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WarningCircleIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,eAAe,CAAA;AAClC,MAAM,iBAAiB,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uTAAuT,EAAA,CACzT,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/WarningIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "warning";
 const WarningIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const WarningIcon = ({ color, size = 24, contained = false, className, }) => {
         "cobalt-Icon--size32": size === 32,
         "cobalt-Icon--contained": contained,
     });
-    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
-    return wrap(React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-        React.createElement("path", { fillRule: "evenodd", d: "M12.252 4.45c-.904 0-1.57.727-1.496 1.622l.67 8.044c.04.474.455.861.928.861h.042a.956.956 0 0 0 .928-.861l.67-8.044c.075-.898-.595-1.621-1.496-1.621zm1.747 13.538a1.624 1.624 0 1 1-3.249 0 1.624 1.624 0 0 1 3.249 0", clipRule: "evenodd" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", d: "M12.252 4.45c-.904 0-1.57.727-1.496 1.622l.67 8.044c.04.474.455.861.928.861h.042a.956.956 0 0 0 .928-.861l.67-8.044c.075-.898-.595-1.621-1.496-1.621zm1.747 13.538a1.624 1.624 0 1 1-3.249 0 1.624 1.624 0 0 1 3.249 0", clipRule: "evenodd" })] }) }));
 };
 
 export { WarningIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"WarningIcon.js","sources":["../../../../src/components/Icon/__generated__/WarningIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"warning\"\nconst WarningIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path\n        fillRule=\"evenodd\"\n        d=\"M12.252 4.45c-.904 0-1.57.727-1.496 1.622l.67 8.044c.04.474.455.861.928.861h.042a.956.956 0 0 0 .928-.861l.67-8.044c.075-.898-.595-1.621-1.496-1.621zm1.747 13.538a1.624 1.624 0 1 1-3.249 0 1.624 1.624 0 0 1 3.249 0\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\nexport default WarningIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wNAAwN,EAC1N,QAAQ,EAAC,SAAS,EAClB,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WarningIcon.js","sources":["../../../../src/components/Icon/__generated__/WarningIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"warning\"\nconst WarningIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            d=\"M12.252 4.45c-.904 0-1.57.727-1.496 1.622l.67 8.044c.04.474.455.861.928.861h.042a.956.956 0 0 0 .928-.861l.67-8.044c.075-.898-.595-1.621-1.496-1.621zm1.747 13.538a1.624 1.624 0 1 1-3.249 0 1.624 1.624 0 0 1 3.249 0\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WarningIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wNAAwN,EAC1N,QAAQ,EAAC,SAAS,EAAA,CAClB,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/WeightIcon.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
+
+const iconSource = "weight";
+const WeightIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`c-fill-${camelize(color || "")}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [jsx("title", { children: iconSource }), jsx("path", { d: "M12 2.25a3 3 0 0 1 2.596 4.5h2.77c.732 0 1.359.53 1.48 1.253l2 12a1.5 1.5 0 0 1-1.48 1.747H4.635a1.502 1.502 0 0 1-1.48-1.747l2-12a1.5 1.5 0 0 1 1.48-1.253h2.77A3 3 0 0 1 9 5.25a3 3 0 0 1 3-3m2.634 9.352c-1.673 0-2.707 1.06-2.707 2.86v.004c0 1.826 1.03 2.883 2.741 2.884 1.58 0 2.52-.927 2.52-2.446v-.696h-2.473v1h1.111l-.004.07c-.046.557-.484.903-1.123.903-.81 0-1.334-.63-1.334-1.73v-.004c0-1.076.473-1.676 1.273-1.676.542 0 .938.265 1.084.714l.011.04h1.396l-.007-.048c-.146-1.076-1.127-1.875-2.488-1.875m-7.683.1v5.548h1.411v-1.568l.477-.62 1.385 2.188h1.657l-2.01-3.096 1.899-2.453h-1.512L8.39 14.144h-.028V11.7zM12 3.75a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 12 3.75" })] }) }));
+};
+
+export { WeightIcon as default };
+//# sourceMappingURL=WeightIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeightIcon.js","sources":["../../../../src/components/Icon/__generated__/WeightIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"weight\"\nconst WeightIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n          <title>{iconSource}</title>\n          <path d=\"M12 2.25a3 3 0 0 1 2.596 4.5h2.77c.732 0 1.359.53 1.48 1.253l2 12a1.5 1.5 0 0 1-1.48 1.747H4.635a1.502 1.502 0 0 1-1.48-1.747l2-12a1.5 1.5 0 0 1 1.48-1.253h2.77A3 3 0 0 1 9 5.25a3 3 0 0 1 3-3m2.634 9.352c-1.673 0-2.707 1.06-2.707 2.86v.004c0 1.826 1.03 2.883 2.741 2.884 1.58 0 2.52-.927 2.52-2.446v-.696h-2.473v1h1.111l-.004.07c-.046.557-.484.903-1.123.903-.81 0-1.334-.63-1.334-1.73v-.004c0-1.076.473-1.676 1.273-1.676.542 0 .938.265 1.084.714l.011.04h1.396l-.007-.048c-.146-1.076-1.127-1.875-2.488-1.875m-7.683.1v5.548h1.411v-1.568l.477-.62 1.385 2.188h1.657l-2.01-3.096 1.899-2.453h-1.512L8.39 14.144h-.028V11.7zM12 3.75a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 12 3.75\" />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WeightIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;IACD,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,iqBAAiqB,EAAG,CAAA,CAAA,EAAA,CACxqB,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/WhatsappIcon.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsappIcon.js","sources":["../../../../src/components/Icon/__generated__/WhatsappIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"whatsapp\"\nconst WhatsappIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M13.413 13.275c.29-.365.484-.547.58-.547.097 0 .46.163 1.088.49.63.328.962.525 1 .592a.476.476 0 0 1 .022.168c0 .245-.064.528-.19.848-.12.29-.383.534-.792.73-.41.198-.79.297-1.139.297-.424 0-1.13-.231-2.12-.692a6.37 6.37 0 0 1-1.898-1.317c-.535-.543-1.086-1.232-1.652-2.065-.535-.796-.8-1.518-.792-2.165v-.09c.022-.677.298-1.264.826-1.763a.844.844 0 0 1 .58-.245c.045 0 .112.005.201.016.09.012.16.017.212.017.142 0 .24.024.296.073.056.048.114.15.173.307.06.148.182.476.368.982s.28.785.28.837c0 .156-.129.37-.386.642-.256.271-.385.444-.385.518a.32.32 0 0 0 .056.168c.253.543.633 1.053 1.138 1.529.417.394.979.77 1.686 1.127.089.052.17.078.245.078.112 0 .313-.178.603-.535Zm-1.685 5.368a6.819 6.819 0 0 0 2.717-.558 7.069 7.069 0 0 0 2.238-1.496 7.069 7.069 0 0 0 1.496-2.237 6.82 6.82 0 0 0 .558-2.718 6.82 6.82 0 0 0-.558-2.718 7.069 7.069 0 0 0-1.496-2.237 7.068 7.068 0 0 0-2.238-1.496 6.82 6.82 0 0 0-2.717-.558 6.82 6.82 0 0 0-2.718.558 7.068 7.068 0 0 0-2.238 1.496 7.068 7.068 0 0 0-1.495 2.237 6.82 6.82 0 0 0-.558 2.718c0 1.51.446 2.88 1.339 4.107l-.882 2.6 2.701-.859a6.863 6.863 0 0 0 3.85 1.16l.001.001ZM8.458 3.888a8.217 8.217 0 0 1 3.27-.67c1.138 0 2.226.224 3.264.67a8.5 8.5 0 0 1 2.684 1.797 8.5 8.5 0 0 1 1.797 2.684 8.177 8.177 0 0 1 .67 3.265 8.176 8.176 0 0 1-.67 3.264 8.498 8.498 0 0 1-1.797 2.685 8.5 8.5 0 0 1-2.684 1.796 8.176 8.176 0 0 1-3.264.67c-1.451 0-2.81-.35-4.074-1.049L3 20.496l1.518-4.52a8.214 8.214 0 0 1-1.205-4.342c0-1.138.223-2.227.67-3.265a8.5 8.5 0 0 1 1.796-2.684 8.516 8.516 0 0 1 2.679-1.797Z\" />\n    </svg>\n  )\n}\nexport default WhatsappIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,igDAAigD,EAAG,CAAA,CACxgD,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WhatsappIcon.js","sources":["../../../../src/components/Icon/__generated__/WhatsappIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"whatsapp\"\nconst WhatsappIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path d=\"M13.413 13.275c.29-.365.484-.547.58-.547.097 0 .46.163 1.088.49.63.328.962.525 1 .592a.476.476 0 0 1 .022.168c0 .245-.064.528-.19.848-.12.29-.383.534-.792.73-.41.198-.79.297-1.139.297-.424 0-1.13-.231-2.12-.692a6.37 6.37 0 0 1-1.898-1.317c-.535-.543-1.086-1.232-1.652-2.065-.535-.796-.8-1.518-.792-2.165v-.09c.022-.677.298-1.264.826-1.763a.844.844 0 0 1 .58-.245c.045 0 .112.005.201.016.09.012.16.017.212.017.142 0 .24.024.296.073.056.048.114.15.173.307.06.148.182.476.368.982s.28.785.28.837c0 .156-.129.37-.386.642-.256.271-.385.444-.385.518a.32.32 0 0 0 .056.168c.253.543.633 1.053 1.138 1.529.417.394.979.77 1.686 1.127.089.052.17.078.245.078.112 0 .313-.178.603-.535Zm-1.685 5.368a6.819 6.819 0 0 0 2.717-.558 7.069 7.069 0 0 0 2.238-1.496 7.069 7.069 0 0 0 1.496-2.237 6.82 6.82 0 0 0 .558-2.718 6.82 6.82 0 0 0-.558-2.718 7.069 7.069 0 0 0-1.496-2.237 7.068 7.068 0 0 0-2.238-1.496 6.82 6.82 0 0 0-2.717-.558 6.82 6.82 0 0 0-2.718.558 7.068 7.068 0 0 0-2.238 1.496 7.068 7.068 0 0 0-1.495 2.237 6.82 6.82 0 0 0-.558 2.718c0 1.51.446 2.88 1.339 4.107l-.882 2.6 2.701-.859a6.863 6.863 0 0 0 3.85 1.16l.001.001ZM8.458 3.888a8.217 8.217 0 0 1 3.27-.67c1.138 0 2.226.224 3.264.67a8.5 8.5 0 0 1 2.684 1.797 8.5 8.5 0 0 1 1.797 2.684 8.177 8.177 0 0 1 .67 3.265 8.176 8.176 0 0 1-.67 3.264 8.498 8.498 0 0 1-1.797 2.685 8.5 8.5 0 0 1-2.684 1.796 8.176 8.176 0 0 1-3.264.67c-1.451 0-2.81-.35-4.074-1.049L3 20.496l1.518-4.52a8.214 8.214 0 0 1-1.205-4.342c0-1.138.223-2.227.67-3.265a8.5 8.5 0 0 1 1.796-2.684 8.516 8.516 0 0 1 2.679-1.797Z\" />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WhatsappIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;IACD,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,igDAAigD,EAAG,CAAA,CAAA,EAAA,CACxgD,EAEH,CAAA,EACR;AACH;;;;"}

package/components/Icon/__generated__/WheelIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "wheel";
 const WheelIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const WheelIcon = ({ color, size = 24, contained = false, className, }) => {
         "cobalt-Icon--size32": size === 32,
         "cobalt-Icon--contained": contained,
     });
-    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
-    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm6.966-1.937-4.138 1.109A3.987 3.987 0 0 0 12 8a3.987 3.987 0 0 0-2.828 1.172L5.034 8.063A7.997 7.997 0 0 1 12 4a7.998 7.998 0 0 1 6.966 4.063ZM14 15.465v4.283a8.003 8.003 0 0 0 6-7.821l-4.135 1.108A4.009 4.009 0 0 1 14 15.465ZM4 11.927V12c0 3.728 2.55 6.86 6 7.748v-4.283a4.009 4.009 0 0 1-1.865-2.43L4 11.927Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm6.966-1.937-4.138 1.109A3.987 3.987 0 0 0 12 8a3.987 3.987 0 0 0-2.828 1.172L5.034 8.063A7.997 7.997 0 0 1 12 4a7.998 7.998 0 0 1 6.966 4.063ZM14 15.465v4.283a8.003 8.003 0 0 0 6-7.821l-4.135 1.108A4.009 4.009 0 0 1 14 15.465ZM4 11.927V12c0 3.728 2.55 6.86 6 7.748v-4.283a4.009 4.009 0 0 1-1.865-2.43L4 11.927Z" })] }) }));
 };
 
 export { WheelIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"WheelIcon.js","sources":["../../../../src/components/Icon/__generated__/WheelIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"wheel\"\nconst WheelIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm6.966-1.937-4.138 1.109A3.987 3.987 0 0 0 12 8a3.987 3.987 0 0 0-2.828 1.172L5.034 8.063A7.997 7.997 0 0 1 12 4a7.998 7.998 0 0 1 6.966 4.063ZM14 15.465v4.283a8.003 8.003 0 0 0 6-7.821l-4.135 1.108A4.009 4.009 0 0 1 14 15.465ZM4 11.927V12c0 3.728 2.55 6.86 6 7.748v-4.283a4.009 4.009 0 0 1-1.865-2.43L4 11.927Z\"\n      />\n    </svg>\n  )\n}\nexport default WheelIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,OAAO,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iaAAia,EACna,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WheelIcon.js","sources":["../../../../src/components/Icon/__generated__/WheelIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"wheel\"\nconst WheelIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm6.966-1.937-4.138 1.109A3.987 3.987 0 0 0 12 8a3.987 3.987 0 0 0-2.828 1.172L5.034 8.063A7.997 7.997 0 0 1 12 4a7.998 7.998 0 0 1 6.966 4.063ZM14 15.465v4.283a8.003 8.003 0 0 0 6-7.821l-4.135 1.108A4.009 4.009 0 0 1 14 15.465ZM4 11.927V12c0 3.728 2.55 6.86 6 7.748v-4.283a4.009 4.009 0 0 1-1.865-2.43L4 11.927Z\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WheelIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,OAAO,CAAA;AAC1B,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iaAAia,EAAA,CACna,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/WheelchairIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "wheelchair";
 const WheelchairIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,11 +12,7 @@ const WheelchairIcon = ({ color, size = 24, contained = false, className, }) =>
         "cobalt-Icon--size32": size === 32,
         "cobalt-Icon--contained": contained,
     });
-    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
-    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M9 5.4c.8.8 2 .8 2.8 0 .8-.8.8-2 0-2.8-.4-.4-.9-.6-1.4-.6-.5 0-1 .2-1.4.6-.8.8-.8 2 0 2.8Zm5.1 11h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3Z" }),
-        React.createElement("path", { d: "M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2Z" }),
-        React.createElement("path", { d: "M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { d: "M9 5.4c.8.8 2 .8 2.8 0 .8-.8.8-2 0-2.8-.4-.4-.9-.6-1.4-.6-.5 0-1 .2-1.4.6-.8.8-.8 2 0 2.8Zm5.1 11h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3Z" }), jsx("path", { d: "M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2Z" }), jsx("path", { d: "M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9Z" })] }) }));
 };
 
 export { WheelchairIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"WheelchairIcon.js","sources":["../../../../src/components/Icon/__generated__/WheelchairIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"wheelchair\"\nconst WheelchairIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M9 5.4c.8.8 2 .8 2.8 0 .8-.8.8-2 0-2.8-.4-.4-.9-.6-1.4-.6-.5 0-1 .2-1.4.6-.8.8-.8 2 0 2.8Zm5.1 11h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3Z\" />\n      <path d=\"M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2Z\" />\n      <path d=\"M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9Z\" />\n    </svg>\n  )\n}\nexport default WheelchairIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,YAAY,CAAA;AAC/B,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;QACzD,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sOAAsO,EAAG,CAAA;QACjP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sGAAsG,EAAG,CAAA;AACjH,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,yEAAyE,EAAG,CAAA,CAChF,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WheelchairIcon.js","sources":["../../../../src/components/Icon/__generated__/WheelchairIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"wheelchair\"\nconst WheelchairIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path d=\"M9 5.4c.8.8 2 .8 2.8 0 .8-.8.8-2 0-2.8-.4-.4-.9-.6-1.4-.6-.5 0-1 .2-1.4.6-.8.8-.8 2 0 2.8Zm5.1 11h-2c-.1 1.8-1.6 3.3-3.5 3.3s-3.5-1.6-3.5-3.5c0-1.5 1-2.8 2.3-3.3v-2.1c-2.5.5-4.4 2.8-4.4 5.4 0 3.1 2.5 5.5 5.5 5.5s5.5-2.3 5.6-5.3Z\" />\n          <path d=\"M10.9 6.9h-.5c-1.1 0-2 .9-2 2v3.6c0 1.7 1.3 3 3 3h5.1L20 19l1.4-1.4-5.1-5.1h-3.4V8.9c0-1.1-.9-2-2-2Z\" />\n          <path d=\"M16 10.8h-4.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H16c.5 0 .9.4.9.9s-.4.9-.9.9Z\" />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WheelchairIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,YAAY,CAAA;AAC/B,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,YAE9BC,IAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EACzD,QAAA,EAAA,CAAAD,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sOAAsO,EAAA,CAAG,EACjPA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sGAAsG,EAAA,CAAG,EACjHA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,yEAAyE,GAAG,CAChF,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/WrenchIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "wrench";
 const WrenchIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const WrenchIcon = ({ color, size = 24, contained = false, className, }) => {
         "cobalt-Icon--size32": size === 32,
         "cobalt-Icon--contained": contained,
     });
-    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
-    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.53 3.53a6 6 0 0 1 7.885 8.057l6 5.999a2 2 0 1 1-2.83 2.828l-5.998-5.999A6 6 0 0 1 3.53 6.53L8 11l3-3-4.47-4.47Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.53 3.53a6 6 0 0 1 7.885 8.057l6 5.999a2 2 0 1 1-2.83 2.828l-5.998-5.999A6 6 0 0 1 3.53 6.53L8 11l3-3-4.47-4.47Z" })] }) }));
 };
 
 export { WrenchIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"WrenchIcon.js","sources":["../../../../src/components/Icon/__generated__/WrenchIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"wrench\"\nconst WrenchIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.53 3.53a6 6 0 0 1 7.885 8.057l6 5.999a2 2 0 1 1-2.83 2.828l-5.998-5.999A6 6 0 0 1 3.53 6.53L8 11l3-3-4.47-4.47Z\"\n      />\n    </svg>\n  )\n}\nexport default WrenchIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oHAAoH,EACtH,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"WrenchIcon.js","sources":["../../../../src/components/Icon/__generated__/WrenchIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"wrench\"\nconst WrenchIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M6.53 3.53a6 6 0 0 1 7.885 8.057l6 5.999a2 2 0 1 1-2.83 2.828l-5.998-5.999A6 6 0 0 1 3.53 6.53L8 11l3-3-4.47-4.47Z\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default WrenchIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oHAAoH,EAAA,CACtH,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/__generated__/YingyangIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import camelize from '../../utils/camelize.js';
-import 'lodash.throttle';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
 
 const iconSource = "yingyang";
 const YingyangIcon = ({ color, size = 24, contained = false, className, }) => {
@@ -12,9 +12,7 @@ const YingyangIcon = ({ color, size = 24, contained = false, className, }) => {
         "cobalt-Icon--size32": size === 32,
         "cobalt-Icon--contained": contained,
     });
-    const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
-    return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12Zm18.5 0a8.494 8.494 0 0 0-4.022-7.226A5 5 0 0 1 12 12a5 5 0 0 0-4.478 7.226A8.5 8.5 0 0 0 20.5 12Zm-8-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-1 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" })));
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("title", { children: iconSource }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12Zm18.5 0a8.494 8.494 0 0 0-4.022-7.226A5 5 0 0 1 12 12a5 5 0 0 0-4.478 7.226A8.5 8.5 0 0 0 20.5 12Zm-8-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-1 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" })] }) }));
 };
 
 export { YingyangIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"YingyangIcon.js","sources":["../../../../src/components/Icon/__generated__/YingyangIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { camelize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"yingyang\"\nconst YingyangIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12Zm18.5 0a8.494 8.494 0 0 0-4.022-7.226A5 5 0 0 1 12 12a5 5 0 0 0-4.478 7.226A8.5 8.5 0 0 0 20.5 12Zm-8-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-1 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"\n      />\n    </svg>\n  )\n}\nexport default YingyangIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+PAA+P,EACjQ,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"YingyangIcon.js","sources":["../../../../src/components/Icon/__generated__/YingyangIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"yingyang\"\nconst YingyangIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n  return (\n    <span className={computedClassName}>\n      {\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <title>{iconSource}</title>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12Zm18.5 0a8.494 8.494 0 0 0-4.022-7.226A5 5 0 0 1 12 12a5 5 0 0 0-4.478 7.226A8.5 8.5 0 0 0 20.5 12Zm-8-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-1 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"\n          />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default YingyangIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+PAA+P,EAAA,CACjQ,CACE,EAAA,CAAA,EAAA,CAEH,EACR;AACH;;;;"}

package/components/Icon/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { icons, theme } from '../../tokens/index.js';
 import * as index from '../../icons/index.js';
+import { icons, theme } from '../../tokens/index.js';
+import 'lodash.throttle';
 import camelize from '../utils/camelize.js';
 import eqSet from '../utils/eqSet.js';
-import 'lodash.throttle';
 
 if (!eqSet(new Set(Object.keys(index)), new Set(Object.keys(icons.icons))))
     throw new Error("Icon sources and tokens are not consistent. Did you add the source, export it and run 'pnpm run icons:update'");
-const BUNDLED_ICONS = Object.freeze(Object.keys(icons.icons).reduce((bundledIcons, name) => ({
-    ...bundledIcons,
-    [name]: index[name],
-}), {}));
+const BUNDLED_ICONS = Object.freeze(Object.keys(icons.icons).reduce((bundledIcons, name) => {
+    bundledIcons[name] = index[name];
+    return bundledIcons;
+}, {}));
 const iconColors = [...Object.keys(theme)];
 const isIconSource = (source) => Object.keys(icons.icons).includes(source);
 const Icon = ({ source, color, size = 24, contained = false, className, }) => {
@@ -25,7 +25,9 @@ const Icon = ({ source, color, size = 24, contained = false, className, }) => {
     const iconSource = BUNDLED_ICONS[source];
     if (iconSource == null)
         throw new Error(`Icon '${source}' can not be found. Did you add the source, export it and run 'pnpm run icons:update'?`);
-    return (React.createElement("span", { className: computedClassName, dangerouslySetInnerHTML: { __html: iconSource } }));
+    return (jsx("span", { className: computedClassName, 
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: Legacy icon component
+        dangerouslySetInnerHTML: { __html: iconSource } }));
 };
 
 export { BUNDLED_ICONS, Icon, Icon as default, iconColors, isIconSource };

package/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { icons as iconTokens, theme } from \"../../tokens\"\n\nimport * as icons from \"../../icons\"\nimport { eqSet, camelize } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(icons)),\n    new Set(Object.keys(iconTokens.icons))\n  )\n)\n  throw new Error(\n    \"Icon sources and tokens are not consistent. Did you add the source, export it and run 'pnpm run icons:update'\"\n  )\n\ninterface IconsMap {\n  [name: string]: string | undefined\n}\n\nexport const BUNDLED_ICONS: IconsMap = Object.freeze(\n  Object.keys(iconTokens.icons).reduce(\n    (bundledIcons, name) => ({\n      ...bundledIcons,\n      [name]: (icons as IconsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport type IconSources = keyof typeof iconTokens.icons\n\nexport const iconColors = [...(Object.keys(theme) as Array<keyof typeof theme>)]\n\nexport type IconColorsType = (typeof iconColors)[number]\nexport interface IconProps {\n  source: IconSources\n  /**\n   * Available colors\n   * @default base\n   */\n  color?: IconColorsType\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\n\nexport const isIconSource = (source: string): source is IconSources =>\n  Object.keys(iconTokens.icons).includes(source)\n\nexport const Icon = ({\n  source,\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${source}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const iconSource = BUNDLED_ICONS[source]\n\n  if (iconSource == null)\n    throw new Error(\n      `Icon '${source}' can not be found. Did you add the source, export it and run 'pnpm run icons:update'?`\n    )\n\n  return (\n    <span\n      className={computedClassName}\n      dangerouslySetInnerHTML={{ __html: iconSource }}\n    />\n  )\n}\n\nexport * from \"./__generated__/index\"\n\nexport default Icon\n"],"names":["icons","iconTokens"],"mappings":";;;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,CACvC;AAED,IAAA,MAAM,IAAI,KAAK,CACb,+GAA+G,CAChH,CAAA;AAMU,MAAA,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAACA,KAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAClC,CAAC,YAAY,EAAE,IAAI,MAAM;AACvB,IAAA,GAAG,YAAY;AACf,IAAA,CAAC,IAAI,GAAID,KAAkB,CAAC,IAAI,CAAC;AAClC,CAAA,CAAC,EACF,EAAE,CACH,EACF;AAIM,MAAM,UAAU,GAAG,CAAC,GAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAA+B,EAAC;MAmBnE,YAAY,GAAG,CAAC,MAAc,KACzC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAC;MAEnC,IAAI,GAAG,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,MAAM,CAAA,CAAE,EACpC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAExC,IAAI,UAAU,IAAI,IAAI;AACpB,QAAA,MAAM,IAAI,KAAK,CACb,SAAS,MAAM,CAAA,sFAAA,CAAwF,CACxG,CAAA;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,iBAAiB,EAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAA,CAC/C,EACH;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport * as icons from \"../../icons\"\nimport { icons as iconTokens, theme } from \"../../tokens\"\nimport { camelize, eqSet } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(icons)),\n    new Set(Object.keys(iconTokens.icons)),\n  )\n)\n  throw new Error(\n    \"Icon sources and tokens are not consistent. Did you add the source, export it and run 'pnpm run icons:update'\",\n  )\n\ninterface IconsMap {\n  [name: string]: string | undefined\n}\n\nexport const BUNDLED_ICONS: IconsMap = Object.freeze(\n  Object.keys(iconTokens.icons).reduce((bundledIcons, name) => {\n    bundledIcons[name] = (icons as IconsMap)[name]\n    return bundledIcons\n  }, {} as IconsMap),\n)\n\nexport type IconSources = keyof typeof iconTokens.icons\n\nexport const iconColors = [...(Object.keys(theme) as Array<keyof typeof theme>)]\n\nexport type IconColorsType = (typeof iconColors)[number]\nexport interface IconProps {\n  source: IconSources\n  /**\n   * Available colors\n   * @default base\n   */\n  color?: IconColorsType\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\n\nexport const isIconSource = (source: string): source is IconSources =>\n  Object.keys(iconTokens.icons).includes(source)\n\nexport const Icon = ({\n  source,\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${source}`,\n    {\n      [`c-fill-${camelize(color || \"\")}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    },\n  )\n\n  const iconSource = BUNDLED_ICONS[source]\n\n  if (iconSource == null)\n    throw new Error(\n      `Icon '${source}' can not be found. Did you add the source, export it and run 'pnpm run icons:update'?`,\n    )\n\n  return (\n    <span\n      className={computedClassName}\n      // biome-ignore lint/security/noDangerouslySetInnerHtml: Legacy icon component\n      dangerouslySetInnerHTML={{ __html: iconSource }}\n    />\n  )\n}\n\nexport * from \"./__generated__/index\"\n\nexport default Icon\n"],"names":["icons","iconTokens","_jsx"],"mappings":";;;;;;;;AAKA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,CACvC;AAED,IAAA,MAAM,IAAI,KAAK,CACb,+GAA+G,CAChH,CAAA;AAMU,MAAA,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAACA,KAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,IAAI,KAAI;IAC1D,YAAY,CAAC,IAAI,CAAC,GAAID,KAAkB,CAAC,IAAI,CAAC,CAAA;AAC9C,IAAA,OAAO,YAAY,CAAA;AACrB,CAAC,EAAE,EAAc,CAAC,EACnB;AAIM,MAAM,UAAU,GAAG,CAAC,GAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAA+B,EAAC;MAmBnE,YAAY,GAAG,CAAC,MAAc,KACzC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAC;MAEnC,IAAI,GAAG,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,MAAM,CAAA,CAAE,EACpC;QACE,CAAC,CAAA,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAExC,IAAI,UAAU,IAAI,IAAI;AACpB,QAAA,MAAM,IAAI,KAAK,CACb,SAAS,MAAM,CAAA,sFAAA,CAAwF,CACxG,CAAA;AAEH,IAAA,QACEC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,iBAAiB;;QAE5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAA,CAC/C,EACH;AACH;;;;"}

package/components/Layout/Components/LayoutCard.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
 const LayoutCardItem = ({ children }) => {
-    return React.createElement("div", { className: "cobalt-layout-card__item" }, children);
+    return jsx("div", { className: "cobalt-layout-card__item", children: children });
 };
 const LayoutCard = ({ children, isPageHeader, className, }) => {
-    return (React.createElement("div", { className: cx("cobalt-layout-card", className, {
+    return (jsx("div", { className: cx("cobalt-layout-card", className, {
             "cobalt-layout--isPageHeader": isPageHeader,
-        }) }, children));
+        }), children: children }));
 };
 LayoutCard.Item = LayoutCardItem;
 

package/components/Layout/Components/LayoutCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutCard.js","sources":["../../../../src/components/Layout/Components/LayoutCard.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nconst LayoutCardItem = ({ children }: { children: React.ReactNode }) => {\n  return <div className=\"cobalt-layout-card__item\">{children}</div>\n}\n\nconst LayoutCard = ({\n  children,\n  isPageHeader,\n  className,\n}: {\n  children: React.ReactNode\n  isPageHeader?: boolean\n  className?: string\n}) => {\n  return (\n    <div\n      className={cx(\"cobalt-layout-card\", className, {\n        \"cobalt-layout--isPageHeader\": isPageHeader,\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n\nLayoutCard.Item = LayoutCardItem\n\nexport default LayoutCard\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;AACrE,IAAA,OAAO,6BAAK,SAAS,EAAC,0BAA0B,EAAE,EAAA,QAAQ,CAAO,CAAA;AACnE,CAAC,CAAA;AAEK,MAAA,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,YAAY,EACZ,SAAS,GAKV,KAAI;IACH,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,EAAE;AAC7C,YAAA,6BAA6B,EAAE,YAAY;AAC5C,SAAA,CAAC,EAED,EAAA,QAAQ,CACL,EACP;AACH,EAAC;AAED,UAAU,CAAC,IAAI,GAAG,cAAc;;;;"}
+{"version":3,"file":"LayoutCard.js","sources":["../../../../src/components/Layout/Components/LayoutCard.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nconst LayoutCardItem = ({ children }: { children: React.ReactNode }) => {\n  return <div className=\"cobalt-layout-card__item\">{children}</div>\n}\n\nconst LayoutCard = ({\n  children,\n  isPageHeader,\n  className,\n}: {\n  children: React.ReactNode\n  isPageHeader?: boolean\n  className?: string\n}) => {\n  return (\n    <div\n      className={cx(\"cobalt-layout-card\", className, {\n        \"cobalt-layout--isPageHeader\": isPageHeader,\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n\nLayoutCard.Item = LayoutCardItem\n\nexport default LayoutCard\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;AACrE,IAAA,OAAOA,aAAK,SAAS,EAAC,0BAA0B,EAAE,QAAA,EAAA,QAAQ,GAAO,CAAA;AACnE,CAAC,CAAA;AAEK,MAAA,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,YAAY,EACZ,SAAS,GAKV,KAAI;IACH,QACEA,aACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,EAAE;AAC7C,YAAA,6BAA6B,EAAE,YAAY;AAC5C,SAAA,CAAC,EAED,QAAA,EAAA,QAAQ,EACL,CAAA,EACP;AACH,EAAC;AAED,UAAU,CAAC,IAAI,GAAG,cAAc;;;;"}

package/components/Layout/Components/LayoutSection.js

@@ -1,14 +1,12 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
 const LayoutSection = ({ children, isPageHeader, className, headerLink, }) => {
     const hasHeaderLink = !!headerLink && isPageHeader;
-    return (React.createElement("div", { className: cx("cobalt-layout-section", className, {
+    return (jsxs("div", { className: cx("cobalt-layout-section", className, {
             "cobalt-layout--isPageHeader": isPageHeader,
             "cobalt-layout--hasHeaderLink": hasHeaderLink,
-        }) },
-        hasHeaderLink && (React.createElement("div", { className: "cobalt-layout-header-link" }, headerLink)),
-        children));
+        }), children: [hasHeaderLink && (jsx("div", { className: "cobalt-layout-header-link", children: headerLink })), children] }));
 };
 
 export { LayoutSection as default };

package/components/Layout/Components/LayoutSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSection.js","sources":["../../../../src/components/Layout/Components/LayoutSection.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nconst LayoutSection = ({\n  children,\n  isPageHeader,\n  className,\n  headerLink,\n}: {\n  children: React.ReactNode\n  isPageHeader?: boolean\n  className?: string\n  headerLink?: React.ReactNode\n}) => {\n  const hasHeaderLink = !!headerLink && isPageHeader\n  return (\n    <div\n      className={cx(\"cobalt-layout-section\", className, {\n        \"cobalt-layout--isPageHeader\": isPageHeader,\n        \"cobalt-layout--hasHeaderLink\": hasHeaderLink,\n      })}\n    >\n      {hasHeaderLink && (\n        <div className=\"cobalt-layout-header-link\">{headerLink}</div>\n      )}\n      {children}\n    </div>\n  )\n}\n\nexport default LayoutSection\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,GAMX,KAAI;AACH,IAAA,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,YAAY,CAAA;IAClD,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;AAChD,YAAA,6BAA6B,EAAE,YAAY;AAC3C,YAAA,8BAA8B,EAAE,aAAa;SAC9C,CAAC,EAAA;QAED,aAAa,KACZ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAA,EAAE,UAAU,CAAO,CAC9D;QACA,QAAQ,CACL,EACP;AACH;;;;"}
+{"version":3,"file":"LayoutSection.js","sources":["../../../../src/components/Layout/Components/LayoutSection.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nconst LayoutSection = ({\n  children,\n  isPageHeader,\n  className,\n  headerLink,\n}: {\n  children: React.ReactNode\n  isPageHeader?: boolean\n  className?: string\n  headerLink?: React.ReactNode\n}) => {\n  const hasHeaderLink = !!headerLink && isPageHeader\n  return (\n    <div\n      className={cx(\"cobalt-layout-section\", className, {\n        \"cobalt-layout--isPageHeader\": isPageHeader,\n        \"cobalt-layout--hasHeaderLink\": hasHeaderLink,\n      })}\n    >\n      {hasHeaderLink && (\n        <div className=\"cobalt-layout-header-link\">{headerLink}</div>\n      )}\n      {children}\n    </div>\n  )\n}\n\nexport default LayoutSection\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAGA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,GAMX,KAAI;AACH,IAAA,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,YAAY,CAAA;IAClD,QACEA,cACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;AAChD,YAAA,6BAA6B,EAAE,YAAY;AAC3C,YAAA,8BAA8B,EAAE,aAAa;AAC9C,SAAA,CAAC,aAED,aAAa,KACZC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,QAAA,EAAA,UAAU,GAAO,CAC9D,EACA,QAAQ,CAAA,EAAA,CACL,EACP;AACH;;;;"}

package/components/Layout/Components/LayoutSectionTitle.js

@@ -1,12 +1,10 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
 const LayoutSectionTitle = ({ children, headerLink, }) => {
-    return (React.createElement("h2", { className: cx("cobalt-layout-section-title", {
+    return (jsxs("h2", { className: cx("cobalt-layout-section-title", {
             "cobalt-layout--hasHeaderLink": !!headerLink,
-        }) },
-        headerLink && (React.createElement("div", { className: "cobalt-layout-header-link" }, headerLink)),
-        children));
+        }), children: [headerLink && (jsx("div", { className: "cobalt-layout-header-link", children: headerLink })), children] }));
 };
 
 export { LayoutSectionTitle as default };

package/components/Layout/Components/LayoutSectionTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSectionTitle.js","sources":["../../../../src/components/Layout/Components/LayoutSectionTitle.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nconst LayoutSectionTitle = ({\n  children,\n  headerLink,\n}: {\n  children: string\n  headerLink?: React.ReactNode\n}) => {\n  return (\n    <h2\n      className={cx(\"cobalt-layout-section-title\", {\n        \"cobalt-layout--hasHeaderLink\": !!headerLink,\n      })}\n    >\n      {headerLink && (\n        <div className=\"cobalt-layout-header-link\">{headerLink}</div>\n      )}\n      {children}\n    </h2>\n  )\n}\n\nexport default LayoutSectionTitle\n"],"names":[],"mappings":";;;AAGM,MAAA,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,UAAU,GAIX,KAAI;AACH,IAAA,QACE,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE;YAC3C,8BAA8B,EAAE,CAAC,CAAC,UAAU;SAC7C,CAAC,EAAA;QAED,UAAU,KACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAA,EAAE,UAAU,CAAO,CAC9D;QACA,QAAQ,CACN,EACN;AACH;;;;"}
+{"version":3,"file":"LayoutSectionTitle.js","sources":["../../../../src/components/Layout/Components/LayoutSectionTitle.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nconst LayoutSectionTitle = ({\n  children,\n  headerLink,\n}: {\n  children: string\n  headerLink?: React.ReactNode\n}) => {\n  return (\n    <h2\n      className={cx(\"cobalt-layout-section-title\", {\n        \"cobalt-layout--hasHeaderLink\": !!headerLink,\n      })}\n    >\n      {headerLink && (\n        <div className=\"cobalt-layout-header-link\">{headerLink}</div>\n      )}\n      {children}\n    </h2>\n  )\n}\n\nexport default LayoutSectionTitle\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAGM,MAAA,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,UAAU,GAIX,KAAI;AACH,IAAA,QACEA,IACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE;YAC3C,8BAA8B,EAAE,CAAC,CAAC,UAAU;AAC7C,SAAA,CAAC,aAED,UAAU,KACTC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,QAAA,EAAA,UAAU,GAAO,CAC9D,EACA,QAAQ,CAAA,EAAA,CACN,EACN;AACH;;;;"}

package/components/Layout/Components/LayoutStack.js

@@ -1,13 +1,14 @@
-import { nanoid } from 'nanoid';
-import React, { Children, cloneElement, isValidElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
+import { nanoid } from 'nanoid';
+import { Children, cloneElement, isValidElement } from 'react';
 
 const LayoutStackItem = ({ children, isTable, className, isTableHeader: _isTableHeader, ...props }) => {
     const Comp = isTable ? "tr" : "div";
-    return (React.createElement(Comp, { className: cx("cobalt-layout-stack__item", className), ...props }, children));
+    return (jsx(Comp, { className: cx("cobalt-layout-stack__item", className), ...props, children: children }));
 };
 const LayoutStackLinkItem = ({ children, className, ...hyperlinkProps }) => {
-    return (React.createElement("a", { className: cx("cobalt-layout-stack__item", className), ...hyperlinkProps }, children));
+    return (jsx("a", { className: cx("cobalt-layout-stack__item", className), ...hyperlinkProps, children: children }));
 };
 const isStackItem = (child) => {
     return (isValidElement(child) &&
@@ -32,12 +33,10 @@ const LayoutStack = ({ children, isTable, isPageHeader, className, ...props }) =
             }
             return child;
         });
-        return (React.createElement("table", { className: classNames, ...props },
-            !!headerElements.length && React.createElement("thead", null, headerElements),
-            React.createElement("tbody", null, bodyElements)));
+        return (jsxs("table", { className: classNames, ...props, children: [!!headerElements.length && jsx("thead", { children: headerElements }), jsx("tbody", { children: bodyElements })] }));
     }
     else {
-        return (React.createElement("div", { className: classNames, ...props }, children));
+        return (jsx("div", { className: classNames, ...props, children: children }));
     }
 };
 LayoutStack.Item = LayoutStackItem;

package/components/Layout/Components/LayoutStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutStack.js","sources":["../../../../src/components/Layout/Components/LayoutStack.tsx"],"sourcesContent":["import { nanoid } from \"nanoid\"\nimport React, { Children, isValidElement, cloneElement } from \"react\"\nimport cx from \"classnames\"\n\ntype LayoutStackPropsType = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  isTable?: boolean\n  isPageHeader?: boolean\n}\n\ntype LayoutStackItemPropsType =\n  | (React.HTMLAttributes<HTMLDivElement> & {\n      children: React.ReactNode\n      isTable: never\n      isTableHeader: never\n    })\n  | (React.HTMLAttributes<HTMLTableRowElement> & {\n      children: React.ReactNode\n      isTable?: boolean\n      isTableHeader?: boolean\n    })\n\ntype LayoutStackLinkItemPropsType =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    children: React.ReactNode\n  }\n\nconst LayoutStackItem = ({\n  children,\n  isTable,\n  className,\n  isTableHeader: _isTableHeader,\n  ...props\n}: LayoutStackItemPropsType) => {\n  const Comp = isTable ? \"tr\" : \"div\"\n  return (\n    <Comp className={cx(\"cobalt-layout-stack__item\", className)} {...props}>\n      {children}\n    </Comp>\n  )\n}\n\nconst LayoutStackLinkItem = ({\n  children,\n  className,\n  ...hyperlinkProps\n}: LayoutStackLinkItemPropsType) => {\n  return (\n    <a\n      className={cx(\"cobalt-layout-stack__item\", className)}\n      {...hyperlinkProps}\n    >\n      {children}\n    </a>\n  )\n}\n\nconst isStackItem = (\n  child: React.ReactNode\n): child is React.ReactElement<Omit<LayoutStackItemPropsType, \"children\">> => {\n  return (\n    isValidElement(child) &&\n    (child.type === LayoutStackItem || child.type === LayoutStackLinkItem)\n  )\n}\n\nconst LayoutStack = ({\n  children,\n  isTable,\n  isPageHeader,\n  className,\n  ...props\n}: LayoutStackPropsType) => {\n  const classNames = cx(\n    \"cobalt-layout-stack\",\n    {\n      \"cobalt-layout--isPageHeader\": isPageHeader,\n    },\n    className\n  )\n  if (isTable) {\n    const headerElements: React.ReactElement[] = []\n    const bodyElements: React.ReactElement[] = []\n    Children.map(children, (child) => {\n      if (isStackItem(child)) {\n        const newChild = cloneElement(child, { isTable: true, key: nanoid() })\n        if (newChild.props.isTableHeader) {\n          headerElements.push(newChild)\n        } else {\n          bodyElements.push(newChild)\n        }\n      }\n      return child\n    })\n    return (\n      <table className={classNames} {...props}>\n        {!!headerElements.length && <thead>{headerElements}</thead>}\n        <tbody>{bodyElements}</tbody>\n      </table>\n    )\n  } else {\n    return (\n      <div className={classNames} {...props}>\n        {children}\n      </div>\n    )\n  }\n}\n\nLayoutStack.Item = LayoutStackItem\n\nLayoutStack.LinkItem = LayoutStackLinkItem\n\nexport default LayoutStack\n"],"names":[],"mappings":";;;;AA2BA,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACiB,KAAI;IAC7B,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;AACnC,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAAM,GAAA,KAAK,IACnE,QAAQ,CACJ,EACR;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,cAAc,EACY,KAAI;AACjC,IAAA,QACE,KACE,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,cAAc,EAAA,EAEjB,QAAQ,CACP,EACL;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAClB,KAAsB,KACqD;AAC3E,IAAA,QACE,cAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAK,eAAe,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAmB,CAAC,EACvE;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,MAAM,UAAU,GAAG,EAAE,CACnB,qBAAqB,EACrB;AACE,QAAA,6BAA6B,EAAE,YAAY;KAC5C,EACD,SAAS,CACV,CAAA;IACD,IAAI,OAAO,EAAE;QACX,MAAM,cAAc,GAAyB,EAAE,CAAA;QAC/C,MAAM,YAAY,GAAyB,EAAE,CAAA;QAC7C,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AAC/B,YAAA,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;AACtB,gBAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAA;AACtE,gBAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE;AAChC,oBAAA,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;iBAC9B;qBAAM;AACL,oBAAA,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;iBAC5B;aACF;AACD,YAAA,OAAO,KAAK,CAAA;AACd,SAAC,CAAC,CAAA;AACF,QAAA,QACE,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,UAAU,KAAM,KAAK,EAAA;AACpC,YAAA,CAAC,CAAC,cAAc,CAAC,MAAM,IAAI,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,cAAc,CAAS;AAC3D,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,YAAY,CAAS,CACvB,EACT;KACF;SAAM;QACL,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,EAAM,GAAA,KAAK,EAClC,EAAA,QAAQ,CACL,EACP;KACF;AACH,EAAC;AAED,WAAW,CAAC,IAAI,GAAG,eAAe,CAAA;AAElC,WAAW,CAAC,QAAQ,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"LayoutStack.js","sources":["../../../../src/components/Layout/Components/LayoutStack.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { nanoid } from \"nanoid\"\nimport type React from \"react\"\nimport { Children, cloneElement, isValidElement } from \"react\"\n\ntype LayoutStackPropsType = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  isTable?: boolean\n  isPageHeader?: boolean\n}\n\ntype LayoutStackItemPropsType =\n  | (React.HTMLAttributes<HTMLDivElement> & {\n      children: React.ReactNode\n      isTable: never\n      isTableHeader: never\n    })\n  | (React.HTMLAttributes<HTMLTableRowElement> & {\n      children: React.ReactNode\n      isTable?: boolean\n      isTableHeader?: boolean\n    })\n\ntype LayoutStackLinkItemPropsType =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    children: React.ReactNode\n  }\n\nconst LayoutStackItem = ({\n  children,\n  isTable,\n  className,\n  isTableHeader: _isTableHeader,\n  ...props\n}: LayoutStackItemPropsType) => {\n  const Comp = isTable ? \"tr\" : \"div\"\n  return (\n    <Comp className={cx(\"cobalt-layout-stack__item\", className)} {...props}>\n      {children}\n    </Comp>\n  )\n}\n\nconst LayoutStackLinkItem = ({\n  children,\n  className,\n  ...hyperlinkProps\n}: LayoutStackLinkItemPropsType) => {\n  return (\n    <a\n      className={cx(\"cobalt-layout-stack__item\", className)}\n      {...hyperlinkProps}\n    >\n      {children}\n    </a>\n  )\n}\n\nconst isStackItem = (\n  child: React.ReactNode,\n): child is React.ReactElement<Omit<LayoutStackItemPropsType, \"children\">> => {\n  return (\n    isValidElement(child) &&\n    (child.type === LayoutStackItem || child.type === LayoutStackLinkItem)\n  )\n}\n\nconst LayoutStack = ({\n  children,\n  isTable,\n  isPageHeader,\n  className,\n  ...props\n}: LayoutStackPropsType) => {\n  const classNames = cx(\n    \"cobalt-layout-stack\",\n    {\n      \"cobalt-layout--isPageHeader\": isPageHeader,\n    },\n    className,\n  )\n  if (isTable) {\n    const headerElements: React.ReactElement[] = []\n    const bodyElements: React.ReactElement[] = []\n    Children.map(children, (child) => {\n      if (isStackItem(child)) {\n        const newChild = cloneElement(child, { isTable: true, key: nanoid() })\n        if (newChild.props.isTableHeader) {\n          headerElements.push(newChild)\n        } else {\n          bodyElements.push(newChild)\n        }\n      }\n      return child\n    })\n    return (\n      <table className={classNames} {...props}>\n        {!!headerElements.length && <thead>{headerElements}</thead>}\n        <tbody>{bodyElements}</tbody>\n      </table>\n    )\n  } else {\n    return (\n      <div className={classNames} {...props}>\n        {children}\n      </div>\n    )\n  }\n}\n\nLayoutStack.Item = LayoutStackItem\n\nLayoutStack.LinkItem = LayoutStackLinkItem\n\nexport default LayoutStack\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AA4BA,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACiB,KAAI;IAC7B,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;AACnC,IAAA,QACEA,GAAC,CAAA,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAAM,GAAA,KAAK,YACnE,QAAQ,EAAA,CACJ,EACR;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,cAAc,EACY,KAAI;AACjC,IAAA,QACEA,GACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,cAAc,EAAA,QAAA,EAEjB,QAAQ,EAAA,CACP,EACL;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAClB,KAAsB,KACqD;AAC3E,IAAA,QACE,cAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAK,eAAe,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAmB,CAAC,EACvE;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,MAAM,UAAU,GAAG,EAAE,CACnB,qBAAqB,EACrB;AACE,QAAA,6BAA6B,EAAE,YAAY;KAC5C,EACD,SAAS,CACV,CAAA;IACD,IAAI,OAAO,EAAE;QACX,MAAM,cAAc,GAAyB,EAAE,CAAA;QAC/C,MAAM,YAAY,GAAyB,EAAE,CAAA;QAC7C,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AAC/B,YAAA,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;AACtB,gBAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAA;AACtE,gBAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE;AAChC,oBAAA,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;iBAC9B;qBAAM;AACL,oBAAA,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;iBAC5B;aACF;AACD,YAAA,OAAO,KAAK,CAAA;AACd,SAAC,CAAC,CAAA;QACF,QACEC,gBAAO,SAAS,EAAE,UAAU,EAAM,GAAA,KAAK,EACpC,QAAA,EAAA,CAAA,CAAC,CAAC,cAAc,CAAC,MAAM,IAAID,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,cAAc,EAAS,CAAA,EAC3DA,yBAAQ,YAAY,EAAA,CAAS,CACvB,EAAA,CAAA,EACT;KACF;SAAM;QACL,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,EAAM,GAAA,KAAK,EAClC,QAAA,EAAA,QAAQ,EACL,CAAA,EACP;KACF;AACH,EAAC;AAED,WAAW,CAAC,IAAI,GAAG,eAAe,CAAA;AAElC,WAAW,CAAC,QAAQ,GAAG,mBAAmB;;;;"}