@ultraviolet/icons 5.0.0-beta.9 → 5.0.0

package/README.md

@@ -13,9 +13,8 @@ $ pnpm add @ultraviolet/icons @ultraviolet/themes
 You can then add `ThemeProvider` to your applications and use the provided theme from `@ultraviolet/themes` or use your own.
 
 ```tsx
-import { ThemeProvider } from '@emotion/react'
 import { SdkGoProductIcon } from '@ultraviolet/icons/product'
-import { theme } from '@ultraviolet/themes'
+import { theme, ThemeProvider } from '@ultraviolet/themes'
 
 const App = () => (
   <ThemeProvider theme={theme}>
@@ -27,22 +26,6 @@ const App = () => (
 > **Note**:
 > To generate your own theme easily you can check the [theme generator](https://storybook.ultraviolet.scaleway.com/?path=/docs/tools-theme-generator--docs).
 
-N.B. To allow typescript theme typings with `@emotion/styled` components,
-you'll have to define the `@emotion/react` module `Theme` interface in your project.
-
-Example, in a `emotion.d.ts` file:
-
-```ts
-import '@emotion/react'
-import type { consoleLightTheme } from '@ultraviolet/themes'
-
-type UltravioletUITheme = typeof consoleLightTheme
-
-declare module '@emotion/react' {
-  export interface Theme extends UltravioletUITheme {}
-}
-```
-
 ## Documentation
 
 Checkout our [documentation website](https://storybook.ultraviolet.scaleway.com/).

package/dist/components/CategoryIcon/Icon.d.ts

@@ -1,13 +1,14 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { VARIANTS } from './style.css';
 export type IconProps = {
     variant?: (typeof VARIANTS)[number];
     disabled?: boolean;
     children: ReactNode;
     className?: string;
+    style?: CSSProperties;
 };
 /**
  * CategoryIcon component is used to render category icons, those icons are more complex than system icons
  * as they involve multiple colors that changes depending on theme.
  */
-export declare const Icon: ({ variant, disabled, children, className, }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ variant, disabled, children, className, style, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/Icon.js

@@ -1,14 +1,25 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { categoryIcon } from "./style.css.js";
 const Icon = ({
   variant = "primary",
   disabled,
   children,
-  className
+  className,
+  style
 }) => {
   const computedVariant = `${variant}${disabled ? "Disabled" : ""}`;
-  return /* @__PURE__ */ jsx("svg", { className: `${className ? `${className} ` : ""}${categoryIcon[computedVariant]}`, height: "20", viewBox: "0 0 20 20", width: "20", children });
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: `${className ? `${className} ` : ""}${categoryIcon[computedVariant]}`,
+      height: "20",
+      style,
+      viewBox: "0 0 20 20",
+      width: "20",
+      children
+    }
+  );
 };
 export {
   Icon

package/dist/components/CategoryIcon/__generated__/AiCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const AiCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AiCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/AiCategoryIcon.js

@@ -1,13 +1,25 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
-const AiCategoryIcon = ({
-  ...props
-}) => (
+const AiCategoryIcon = ({ ...props }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "AI", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M17.784 11.897c.021-.066.034-.136.05-.204a2.82 2.82 0 0 0-.958-2.862 3.04 3.04 0 0 0-.44-3.427 2.73 2.73 0 0 0-1.74-.926 4.03 4.03 0 0 0-2.512-2.275 2.74 2.74 0 0 0-2.094.013 2.35 2.35 0 0 0-.992 2.401l.002.103-.01 9.861c0 .01.005.017.005.026a3.184 3.184 0 0 0 2.663 3.367q.217.024.435.024a2.97 2.97 0 0 0 2.742-1.619 2.55 2.55 0 0 0 1.496-1.501c.183-.459.223-.962.113-1.444a2.73 2.73 0 0 0 1.24-1.537m-3.052 2.328a.69.69 0 0 1-.583.48.94.94 0 0 0-.762.668 1.203 1.203 0 0 1-1.44.792c-.514-.054-1.033-.613-1.033-1.578l-.004-.017.003-2.594a1.26 1.26 0 0 1 .177-.716.835.835 0 0 1 .819-.485.911.911 0 0 0-.092-1.818c-.307.01-.61.068-.9.17l.004-4.423-.003-.126q-.024-.376.019-.752c.23-.024.462.01.674.102a1.95 1.95 0 0 1 1.195.927c-.49.346-.87.828-1.092 1.385a.91.91 0 0 0 1.675.713q.288-.675.724-.694a1.09 1.09 0 0 1 .925.311 1.276 1.276 0 0 1-.124 1.896.915.915 0 0 0 .327 1.468c.36.152.648.435.806.792q.039.173.046.35c-.007.151-.047.3-.118.435a1 1 0 0 1-.14.152 1.11 1.11 0 0 1-.944.281.91.91 0 0 0-.47 1.758q.153.028.31.039a.57.57 0 0 1 .001.483Z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", d: "m10.922 14.581-.01-9.844.002-.117a2.35 2.35 0 0 0-.991-2.406A2.75 2.75 0 0 0 7.829 2.2a4.04 4.04 0 0 0-2.511 2.277 2.75 2.75 0 0 0-1.74.927 3.04 3.04 0 0 0-.44 3.426 2.88 2.88 0 0 0-.998 1.809 2.55 2.55 0 0 0 .786 2.418q.248.226.542.39a2.43 2.43 0 0 0 .114 1.43 2.55 2.55 0 0 0 1.496 1.502A2.97 2.97 0 0 0 7.82 18q.21 0 .435-.024a3.185 3.185 0 0 0 2.663-3.368c0-.01.005-.017.005-.026Zm-2.856 1.584c-1.095.105-1.378-.579-1.436-.779a.91.91 0 0 0-.766-.681.69.69 0 0 1-.584-.482.58.58 0 0 1-.017-.428q.156-.01.31-.039a.909.909 0 0 0 .227-1.675.9.9 0 0 0-.699-.083c-.21.037-.426.01-.62-.077a1 1 0 0 1-.11-.06l-.028-.02a.96.96 0 0 1-.407-.985c.005-.029.003-.047.01-.077v-.002a1.48 1.48 0 0 1 .819-.84.91.91 0 0 0 .335-1.472 1.277 1.277 0 0 1-.125-1.896 1.08 1.08 0 0 1 .925-.31q.436.02.724.693a.91.91 0 1 0 1.675-.712 3.1 3.1 0 0 0-1.092-1.386 2.05 2.05 0 0 1 1.27-.953 1.6 1.6 0 0 1 .574-.102c.052.257.066.52.043.781l-.002.14.007 6.592a2.2 2.2 0 0 0-.88-.199.91.91 0 1 0 0 1.82c.358 0 .88.645.88 1.653 0 .966-.52 1.525-1.033 1.579", fill: "#4F0599" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        d: "M17.784 11.897c.021-.066.034-.136.05-.204a2.82 2.82 0 0 0-.958-2.862 3.04 3.04 0 0 0-.44-3.427 2.73 2.73 0 0 0-1.74-.926 4.03 4.03 0 0 0-2.512-2.275 2.74 2.74 0 0 0-2.094.013 2.35 2.35 0 0 0-.992 2.401l.002.103-.01 9.861c0 .01.005.017.005.026a3.184 3.184 0 0 0 2.663 3.367q.217.024.435.024a2.97 2.97 0 0 0 2.742-1.619 2.55 2.55 0 0 0 1.496-1.501c.183-.459.223-.962.113-1.444a2.73 2.73 0 0 0 1.24-1.537m-3.052 2.328a.69.69 0 0 1-.583.48.94.94 0 0 0-.762.668 1.203 1.203 0 0 1-1.44.792c-.514-.054-1.033-.613-1.033-1.578l-.004-.017.003-2.594a1.26 1.26 0 0 1 .177-.716.835.835 0 0 1 .819-.485.911.911 0 0 0-.092-1.818c-.307.01-.61.068-.9.17l.004-4.423-.003-.126q-.024-.376.019-.752c.23-.024.462.01.674.102a1.95 1.95 0 0 1 1.195.927c-.49.346-.87.828-1.092 1.385a.91.91 0 0 0 1.675.713q.288-.675.724-.694a1.09 1.09 0 0 1 .925.311 1.276 1.276 0 0 1-.124 1.896.915.915 0 0 0 .327 1.468c.36.152.648.435.806.792q.039.173.046.35c-.007.151-.047.3-.118.435a1 1 0 0 1-.14.152 1.11 1.11 0 0 1-.944.281.91.91 0 0 0-.47 1.758q.153.028.31.039a.57.57 0 0 1 .001.483Z",
+        fill: "#A365F6"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        d: "m10.922 14.581-.01-9.844.002-.117a2.35 2.35 0 0 0-.991-2.406A2.75 2.75 0 0 0 7.829 2.2a4.04 4.04 0 0 0-2.511 2.277 2.75 2.75 0 0 0-1.74.927 3.04 3.04 0 0 0-.44 3.426 2.88 2.88 0 0 0-.998 1.809 2.55 2.55 0 0 0 .786 2.418q.248.226.542.39a2.43 2.43 0 0 0 .114 1.43 2.55 2.55 0 0 0 1.496 1.502A2.97 2.97 0 0 0 7.82 18q.21 0 .435-.024a3.185 3.185 0 0 0 2.663-3.368c0-.01.005-.017.005-.026Zm-2.856 1.584c-1.095.105-1.378-.579-1.436-.779a.91.91 0 0 0-.766-.681.69.69 0 0 1-.584-.482.58.58 0 0 1-.017-.428q.156-.01.31-.039a.909.909 0 0 0 .227-1.675.9.9 0 0 0-.699-.083c-.21.037-.426.01-.62-.077a1 1 0 0 1-.11-.06l-.028-.02a.96.96 0 0 1-.407-.985c.005-.029.003-.047.01-.077v-.002a1.48 1.48 0 0 1 .819-.84.91.91 0 0 0 .335-1.472 1.277 1.277 0 0 1-.125-1.896 1.08 1.08 0 0 1 .925-.31q.436.02.724.693a.91.91 0 1 0 1.675-.712 3.1 3.1 0 0 0-1.092-1.386 2.05 2.05 0 0 1 1.27-.953 1.6 1.6 0 0 1 .574-.102c.052.257.066.52.043.781l-.002.14.007 6.592a2.2 2.2 0 0 0-.88-.199.91.91 0 1 0 0 1.82c.358 0 .88.645.88 1.653 0 .966-.52 1.525-1.033 1.579",
+        fill: "#4F0599"
+      }
+    )
   ] }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/BaremetalCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const BaremetalCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BaremetalCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/BaremetalCategoryIcon.js

@@ -1,15 +1,38 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const BaremetalCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "Baremetal", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M11.167 11.167H8.834v3.5H5.167a1 1 0 0 0-1 1V16a1 1 0 0 0 1 1h9.666a1 1 0 0 0 1-1v-.333a1 1 0 0 0-1-1h-3.666z", fill: "#A365F6", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        clipRule: "evenodd",
+        d: "M11.167 11.167H8.834v3.5H5.167a1 1 0 0 0-1 1V16a1 1 0 0 0 1 1h9.666a1 1 0 0 0 1-1v-.333a1 1 0 0 0-1-1h-3.666z",
+        fill: "#A365F6",
+        fillRule: "evenodd"
+      }
+    ),
     /* @__PURE__ */ jsxs("g", { fill: "#4F0599", children: [
-      /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M13 5H7a2 2 0 0 0-2 2v1.333a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2M7 3a4 4 0 0 0-4 4v1.333a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z", fillRule: "evenodd" }),
-      /* @__PURE__ */ jsx("path", { className: "fill", d: "M8.833 7.5a1 1 0 0 1 1-1H12.5a1 1 0 0 1 1 1v.333a1 1 0 0 1-1 1H9.833a1 1 0 0 1-1-1z" })
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fill",
+          clipRule: "evenodd",
+          d: "M13 5H7a2 2 0 0 0-2 2v1.333a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2M7 3a4 4 0 0 0-4 4v1.333a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z",
+          fillRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fill",
+          d: "M8.833 7.5a1 1 0 0 1 1-1H12.5a1 1 0 0 1 1 1v.333a1 1 0 0 1-1 1H9.833a1 1 0 0 1-1-1z"
+        }
+      )
     ] })
   ] }) })
 );

package/dist/components/CategoryIcon/__generated__/BillingCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const BillingCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BillingCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/BillingCategoryIcon.js

@@ -1,13 +1,31 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const BillingCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Billing", children: /* @__PURE__ */ jsxs("g", { className: "Icon", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M6.25 7A.75.75 0 0 1 7 6.25h5a.75.75 0 0 1 0 1.5H7A.75.75 0 0 1 6.25 7m0 3A.75.75 0 0 1 7 9.25h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M7 12.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M5 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5.732L12.812 2zm0 2h7.05L15 6.629V16H5zm7.5 10.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5", fill: "#4F0599", fillRule: "evenodd" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        clipRule: "evenodd",
+        d: "M6.25 7A.75.75 0 0 1 7 6.25h5a.75.75 0 0 1 0 1.5H7A.75.75 0 0 1 6.25 7m0 3A.75.75 0 0 1 7 9.25h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M7 12.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z",
+        fill: "#A365F6",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        clipRule: "evenodd",
+        d: "M5 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5.732L12.812 2zm0 2h7.05L15 6.629V16H5zm7.5 10.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5",
+        fill: "#4F0599",
+        fillRule: "evenodd"
+      }
+    )
   ] }) }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/BusinessDetailsCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const BusinessDetailsCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BusinessDetailsCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/BusinessDetailsCategoryIcon.js

@@ -1,13 +1,27 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const BusinessDetailsCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M9.99989 8C10.8283 8 11.4999 8.67157 11.4999 9.5C11.4999 10.3284 10.8283 11 9.99989 11C9.17151 10.9999 8.49989 10.3284 8.49989 9.5C8.49989 8.67161 9.17151 8.00006 9.99989 8ZM10.9999 1.5C12.2789 1.5 13.1505 1.99002 13.6151 2.79102C14.017 3.48376 13.9999 4.24471 13.9999 4.5V5.5H11.9999V4.5C11.9999 4.20306 11.9828 3.96409 11.8847 3.79492C11.8491 3.73361 11.7983 3.67494 11.6991 3.62402C11.5909 3.56862 11.3806 3.5 10.9999 3.5H8.99989C8.61912 3.50001 8.40886 3.56862 8.30067 3.62402C8.2015 3.67494 8.15069 3.73361 8.11513 3.79492C8.01706 3.96409 7.99989 4.20308 7.99989 4.5V5.5H5.99989V4.5C5.99989 4.24471 5.98284 3.48375 6.38466 2.79102C6.84931 1.99002 7.72095 1.50003 8.99989 1.5H10.9999Z", fill: "#A060F6" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", d: "M16 8.16699C16 7.74883 15.7185 7.45923 15.4189 7.41309C14.5678 7.28197 13.7065 7.18148 12.8369 7.1123C11.901 7.03785 10.9549 7 10 7C9.04512 7 8.09904 7.03785 7.16309 7.1123C6.29354 7.18149 5.43218 7.28197 4.58105 7.41309C4.28151 7.45923 4 7.74883 4 8.16699V10.1846C4 10.3517 4.02766 10.5541 4.08203 10.7295C4.14173 10.922 4.20068 10.9775 4.18848 10.9668L4.27734 11.0312C4.30858 11.0495 4.3415 11.0644 4.37598 11.0762C6.12588 11.6752 7.99788 12 9.94531 12C11.8927 12 13.7648 11.6751 15.5146 11.0762C15.5837 11.0525 15.6463 11.0158 15.7021 10.9668C15.73 10.9423 15.814 10.8399 15.8926 10.6475C15.9681 10.4623 16 10.2888 16 10.1846V8.16699ZM15.3867 13.2148C13.6577 13.7256 11.832 14 9.94531 14C8.0767 14 6.26795 13.7308 4.55371 13.2295L4.58301 14.9014C4.5831 14.9069 4.58301 14.9124 4.58301 14.918C4.58301 15.3417 4.87172 15.6314 5.1748 15.6729C6.753 15.8886 8.36361 16 10 16C11.6364 16 13.247 15.8886 14.8252 15.6729C15.0904 15.6366 15.344 15.4102 15.4033 15.0703L15.417 14.918L15.3867 13.2148ZM18 10.1846C18 10.6008 17.8957 11.0331 17.7441 11.4043C17.653 11.6275 17.5284 11.8652 17.3682 12.085L17.417 14.9014C17.4171 14.9069 17.417 14.9124 17.417 14.918C17.417 16.2469 16.481 17.4648 15.0967 17.6543C13.429 17.8823 11.7273 18 10 18C8.27266 18 6.57104 17.8823 4.90332 17.6543C3.5244 17.4656 2.59128 16.2565 2.58398 14.9336L2.58301 14.9346L2.53613 12.0889C2.36066 11.8339 2.24564 11.5601 2.17188 11.3223C2.05372 10.9413 2 10.5379 2 10.1846V8.16699C2 6.85402 2.913 5.64659 4.27637 5.43652C5.17576 5.29797 6.08542 5.19222 7.00391 5.11914C7.99271 5.04047 8.99197 5 10 5C11.008 5 12.0073 5.04047 12.9961 5.11914C13.9146 5.19222 14.8242 5.29797 15.7236 5.43652C17.087 5.64659 18 6.85402 18 8.16699V10.1846Z", fill: "#521094" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        d: "M9.99989 8C10.8283 8 11.4999 8.67157 11.4999 9.5C11.4999 10.3284 10.8283 11 9.99989 11C9.17151 10.9999 8.49989 10.3284 8.49989 9.5C8.49989 8.67161 9.17151 8.00006 9.99989 8ZM10.9999 1.5C12.2789 1.5 13.1505 1.99002 13.6151 2.79102C14.017 3.48376 13.9999 4.24471 13.9999 4.5V5.5H11.9999V4.5C11.9999 4.20306 11.9828 3.96409 11.8847 3.79492C11.8491 3.73361 11.7983 3.67494 11.6991 3.62402C11.5909 3.56862 11.3806 3.5 10.9999 3.5H8.99989C8.61912 3.50001 8.40886 3.56862 8.30067 3.62402C8.2015 3.67494 8.15069 3.73361 8.11513 3.79492C8.01706 3.96409 7.99989 4.20308 7.99989 4.5V5.5H5.99989V4.5C5.99989 4.24471 5.98284 3.48375 6.38466 2.79102C6.84931 1.99002 7.72095 1.50003 8.99989 1.5H10.9999Z",
+        fill: "#A060F6"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        d: "M16 8.16699C16 7.74883 15.7185 7.45923 15.4189 7.41309C14.5678 7.28197 13.7065 7.18148 12.8369 7.1123C11.901 7.03785 10.9549 7 10 7C9.04512 7 8.09904 7.03785 7.16309 7.1123C6.29354 7.18149 5.43218 7.28197 4.58105 7.41309C4.28151 7.45923 4 7.74883 4 8.16699V10.1846C4 10.3517 4.02766 10.5541 4.08203 10.7295C4.14173 10.922 4.20068 10.9775 4.18848 10.9668L4.27734 11.0312C4.30858 11.0495 4.3415 11.0644 4.37598 11.0762C6.12588 11.6752 7.99788 12 9.94531 12C11.8927 12 13.7648 11.6751 15.5146 11.0762C15.5837 11.0525 15.6463 11.0158 15.7021 10.9668C15.73 10.9423 15.814 10.8399 15.8926 10.6475C15.9681 10.4623 16 10.2888 16 10.1846V8.16699ZM15.3867 13.2148C13.6577 13.7256 11.832 14 9.94531 14C8.0767 14 6.26795 13.7308 4.55371 13.2295L4.58301 14.9014C4.5831 14.9069 4.58301 14.9124 4.58301 14.918C4.58301 15.3417 4.87172 15.6314 5.1748 15.6729C6.753 15.8886 8.36361 16 10 16C11.6364 16 13.247 15.8886 14.8252 15.6729C15.0904 15.6366 15.344 15.4102 15.4033 15.0703L15.417 14.918L15.3867 13.2148ZM18 10.1846C18 10.6008 17.8957 11.0331 17.7441 11.4043C17.653 11.6275 17.5284 11.8652 17.3682 12.085L17.417 14.9014C17.4171 14.9069 17.417 14.9124 17.417 14.918C17.417 16.2469 16.481 17.4648 15.0967 17.6543C13.429 17.8823 11.7273 18 10 18C8.27266 18 6.57104 17.8823 4.90332 17.6543C3.5244 17.4656 2.59128 16.2565 2.58398 14.9336L2.58301 14.9346L2.53613 12.0889C2.36066 11.8339 2.24564 11.5601 2.17188 11.3223C2.05372 10.9413 2 10.5379 2 10.1846V8.16699C2 6.85402 2.913 5.64659 4.27637 5.43652C5.17576 5.29797 6.08542 5.19222 7.00391 5.11914C7.99271 5.04047 8.99197 5 10 5C11.008 5 12.0073 5.04047 12.9961 5.11914C13.9146 5.19222 14.8242 5.29797 15.7236 5.43652C17.087 5.64659 18 6.85402 18 8.16699V10.1846Z",
+        fill: "#521094"
+      }
+    )
   ] })
 );
 export {

package/dist/components/CategoryIcon/__generated__/ComputeCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const ComputeCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ComputeCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/ComputeCategoryIcon.js

@@ -1,14 +1,37 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const ComputeCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "Compute", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M11 16a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm-4 0a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm8-4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m13-4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1M2 8a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1m9-5a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zM7 3a1 1 0 0 1 2 0v1a1 1 0 0 1-2 0z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M14 6H6v8h8zM6 4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M8 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z", fill: "#A365F6" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        d: "M11 16a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm-4 0a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm8-4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m13-4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1M2 8a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1m9-5a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zM7 3a1 1 0 0 1 2 0v1a1 1 0 0 1-2 0z",
+        fill: "#A365F6"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        clipRule: "evenodd",
+        d: "M14 6H6v8h8zM6 4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z",
+        fill: "#4F0599",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        d: "M8 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z",
+        fill: "#A365F6"
+      }
+    )
   ] }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/ContainersCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const ContainersCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ContainersCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/ContainersCategoryIcon.js

@@ -1,13 +1,31 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const ContainersCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "Containers", children: [
-    /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12 0H5v10h10z", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M8 7a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1", fill: "#A365F6", fillRule: "evenodd" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        clipRule: "evenodd",
+        d: "M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12 0H5v10h10z",
+        fill: "#4F0599",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        clipRule: "evenodd",
+        d: "M8 7a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1",
+        fill: "#A365F6",
+        fillRule: "evenodd"
+      }
+    )
   ] }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/CostAndImpactManagementCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const CostAndImpactManagementCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CostAndImpactManagementCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/CostAndImpactManagementCategoryIcon.js

@@ -1,14 +1,36 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const CostAndImpactManagementCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "sentiment=primary, disabled=false", clipRule: "evenodd", fillRule: "evenodd", children: [
-    /* @__PURE__ */ jsx("path", { className: "fill", d: "M14.995 2.502c1.101-.006 2.028.894 1.987 2.034-.049 1.308-.21 3.036-.715 4.674-.502 1.625-1.382 3.291-2.96 4.297q-.082.052-.196.133a7.1 7.1 0 0 1-2.018 1.027c-1.209.386-2.922.601-5.526.38a1.87 1.87 0 0 1-1.42-.835c-1.168-1.809-2.178-5.656.863-9.206C6.085 3.75 7.9 3.17 9.636 2.87c1.786-.308 3.748-.36 5.359-.369Zm-.014 2c-1.592.01-3.402.064-5.004.34-1.661.287-2.857.775-3.448 1.465-2.266 2.646-1.562 5.428-.746 6.75 2.401.2 3.822-.014 4.702-.295.692-.221 1.062-.476 1.43-.73q.154-.106.317-.212c1.009-.643 1.689-1.79 2.123-3.2.427-1.383.58-2.896.626-4.118", fill: "#521094" }),
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M10.848 7.697a1 1 0 0 1-.318 1.379c-1.355.848-4.159 3.576-4.331 7.468a1 1 0 1 1-1.998-.088c.212-4.78 3.584-8.022 5.269-9.076a1 1 0 0 1 1.378.317", fill: "#A060F6" })
-  ] }) })
+  /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs(
+    "g",
+    {
+      className: "sentiment=primary, disabled=false",
+      clipRule: "evenodd",
+      fillRule: "evenodd",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: "fill",
+            d: "M14.995 2.502c1.101-.006 2.028.894 1.987 2.034-.049 1.308-.21 3.036-.715 4.674-.502 1.625-1.382 3.291-2.96 4.297q-.082.052-.196.133a7.1 7.1 0 0 1-2.018 1.027c-1.209.386-2.922.601-5.526.38a1.87 1.87 0 0 1-1.42-.835c-1.168-1.809-2.178-5.656.863-9.206C6.085 3.75 7.9 3.17 9.636 2.87c1.786-.308 3.748-.36 5.359-.369Zm-.014 2c-1.592.01-3.402.064-5.004.34-1.661.287-2.857.775-3.448 1.465-2.266 2.646-1.562 5.428-.746 6.75 2.401.2 3.822-.014 4.702-.295.692-.221 1.062-.476 1.43-.73q.154-.106.317-.212c1.009-.643 1.689-1.79 2.123-3.2.427-1.383.58-2.896.626-4.118",
+            fill: "#521094"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: "fillStrong",
+            d: "M10.848 7.697a1 1 0 0 1-.318 1.379c-1.355.848-4.159 3.576-4.331 7.468a1 1 0 1 1-1.998-.088c.212-4.78 3.584-8.022 5.269-9.076a1 1 0 0 1 1.378.317",
+            fill: "#A060F6"
+          }
+        )
+      ]
+    }
+  ) })
 );
 export {
   CostAndImpactManagementCategoryIcon

package/dist/components/CategoryIcon/__generated__/DataAndAnalyticsCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const DataAndAnalyticsCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DataAndAnalyticsCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/DataAndAnalyticsCategoryIcon.js

@@ -1,12 +1,19 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const DataAndAnalyticsCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Managed-Services", children: /* @__PURE__ */ jsxs("g", { className: "Group 42", children: [
-    /* @__PURE__ */ jsx("path", { className: "fill", d: "M12 5.5 14.5 3 17 5.5 14.5 8zm0 9 2.5-2.5 2.5 2.5-2.5 2.5zm-9 0L5.5 12 8 14.5 5.5 17zm0-9L5.5 3 8 5.5 5.5 8z", fill: "#4F0599" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        d: "M12 5.5 14.5 3 17 5.5 14.5 8zm0 9 2.5-2.5 2.5 2.5-2.5 2.5zm-9 0L5.5 12 8 14.5 5.5 17zm0-9L5.5 3 8 5.5 5.5 8z",
+        fill: "#4F0599"
+      }
+    ),
     /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "m7 10 3-3 3 3-3 3z", fill: "#A365F6" })
   ] }) }) })
 );

package/dist/components/CategoryIcon/__generated__/DatabaseCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const DatabaseCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DatabaseCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/DatabaseCategoryIcon.js

@@ -1,13 +1,27 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const DatabaseCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Database", children: /* @__PURE__ */ jsxs("g", { className: "DB", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M10.024 12.797c-2.89 0-6-.841-6-2.69h1.444c.084.32 1.612 1.187 4.556 1.187s4.473-.867 4.557-1.196l1.443.01c0 1.848-3.11 2.69-6 2.69Z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", d: "m16.497 5.532.003-.028C16.5 3.44 13.13 2.5 10 2.5s-6.5.94-6.5 3.004c0 .02.005.037.006.057v8.952h.003c.018 2.052 3.373 2.987 6.493 2.987 3.114 0 6.461-.932 6.49-2.977h.005zM10 4.5c2.576 0 4.085.65 4.444 1.004-.359.353-1.868 1.003-4.444 1.003s-4.085-.65-4.444-1.003C5.915 5.15 7.425 4.5 10 4.5m.002 11c-2.797 0-4.335-.768-4.489-1.003h-.002V7.75c1.242.512 2.895.757 4.489.757 1.595 0 3.25-.246 4.492-.758v6.679c-.207.328-1.734 1.072-4.49 1.072", fill: "#4F0599" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        d: "M10.024 12.797c-2.89 0-6-.841-6-2.69h1.444c.084.32 1.612 1.187 4.556 1.187s4.473-.867 4.557-1.196l1.443.01c0 1.848-3.11 2.69-6 2.69Z",
+        fill: "#A365F6"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        d: "m16.497 5.532.003-.028C16.5 3.44 13.13 2.5 10 2.5s-6.5.94-6.5 3.004c0 .02.005.037.006.057v8.952h.003c.018 2.052 3.373 2.987 6.493 2.987 3.114 0 6.461-.932 6.49-2.977h.005zM10 4.5c2.576 0 4.085.65 4.444 1.004-.359.353-1.868 1.003-4.444 1.003s-4.085-.65-4.444-1.003C5.915 5.15 7.425 4.5 10 4.5m.002 11c-2.797 0-4.335-.768-4.489-1.003h-.002V7.75c1.242.512 2.895.757 4.489.757 1.595 0 3.25-.246 4.492-.758v6.679c-.207.328-1.734 1.072-4.49 1.072",
+        fill: "#4F0599"
+      }
+    )
   ] }) }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/DatacenterCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const DatacenterCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DatacenterCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/DatacenterCategoryIcon.js

@@ -1,13 +1,31 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const DatacenterCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Datacenter", children: /* @__PURE__ */ jsxs("g", { className: "Datacenters-icon", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M15 9V7H5v2zm0 4v-2H5v2z", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M5 3h10a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m9 12V5H6v10z", fill: "#4F0599", fillRule: "evenodd" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        clipRule: "evenodd",
+        d: "M15 9V7H5v2zm0 4v-2H5v2z",
+        fill: "#A365F6",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        clipRule: "evenodd",
+        d: "M5 3h10a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m9 12V5H6v10z",
+        fill: "#4F0599",
+        fillRule: "evenodd"
+      }
+    )
   ] }) }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/DedicatedServerCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const DedicatedServerCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DedicatedServerCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/DedicatedServerCategoryIcon.js

@@ -1,13 +1,31 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const DedicatedServerCategoryIcon = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "Dedicated-Server", children: [
-    /* @__PURE__ */ jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M10.25 14a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.75-.75m0-7.7a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.75-.75", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M3 13.5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM3 5.8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z", fill: "#4F0599", fillRule: "evenodd" })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fillStrong",
+        clipRule: "evenodd",
+        d: "M10.25 14a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.75-.75m0-7.7a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.75-.75",
+        fill: "#A365F6",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: "fill",
+        clipRule: "evenodd",
+        d: "M3 13.5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM3 5.8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z",
+        fill: "#4F0599",
+        fillRule: "evenodd"
+      }
+    )
   ] }) })
 );
 export {

package/dist/components/CategoryIcon/__generated__/DevToolsCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const DevToolsCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DevToolsCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/__generated__/DevToolsCategoryIcon.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const DevToolsCategoryIcon = ({
   ...props
@@ -7,12 +7,40 @@ const DevToolsCategoryIcon = ({
   // eslint-disable-next-line react/jsx-props-no-spreading
   /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsxs("g", { className: "DevTools", children: [
     /* @__PURE__ */ jsxs("g", { fill: "#A365F6", children: [
-      /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M16.828 13.101a2.25 2.25 0 1 1-2.177-3.363c.339-.035.512.338.342.633l-.554.96a.5.5 0 0 0 .183.684l.353.204a.5.5 0 0 0 .683-.183l.555-.96c.17-.295.58-.332.72-.021a2.25 2.25 0 0 1-.105 2.046" }),
-      /* @__PURE__ */ jsx("path", { className: "fillStrong", d: "M13.549 12.781a.5.5 0 0 1 .683-.183l.433.25a.5.5 0 0 1 .183.683l-1.5 2.598a.5.5 0 0 1-.683.183l-.433-.25a.5.5 0 0 1-.183-.683z" })
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fillStrong",
+          d: "M16.828 13.101a2.25 2.25 0 1 1-2.177-3.363c.339-.035.512.338.342.633l-.554.96a.5.5 0 0 0 .183.684l.353.204a.5.5 0 0 0 .683-.183l.555-.96c.17-.295.58-.332.72-.021a2.25 2.25 0 0 1-.105 2.046"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fillStrong",
+          d: "M13.549 12.781a.5.5 0 0 1 .683-.183l.433.25a.5.5 0 0 1 .183.683l-1.5 2.598a.5.5 0 0 1-.683.183l-.433-.25a.5.5 0 0 1-.183-.683z"
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("g", { fill: "#4F0599", children: [
-      /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M2.5 6a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v2.5a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1H10a1 1 0 1 1 0 2H5.5a3 3 0 0 1-3-3z", fillRule: "evenodd" }),
-      /* @__PURE__ */ jsx("path", { className: "fill", clipRule: "evenodd", d: "M2.75 7a.75.75 0 0 1 .75-.75H16a.75.75 0 0 1 0 1.5H3.5A.75.75 0 0 1 2.75 7m3.68 2.012a.75.75 0 0 1 1.058-.081l2.435 2.087a.75.75 0 0 1-.025 1.159L7.463 14.09a.75.75 0 0 1-.926-1.18l1.716-1.348-1.741-1.492a.75.75 0 0 1-.081-1.058Z", fillRule: "evenodd" })
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fill",
+          clipRule: "evenodd",
+          d: "M2.5 6a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v2.5a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1H10a1 1 0 1 1 0 2H5.5a3 3 0 0 1-3-3z",
+          fillRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fill",
+          clipRule: "evenodd",
+          d: "M2.75 7a.75.75 0 0 1 .75-.75H16a.75.75 0 0 1 0 1.5H3.5A.75.75 0 0 1 2.75 7m3.68 2.012a.75.75 0 0 1 1.058-.081l2.435 2.087a.75.75 0 0 1-.025 1.159L7.463 14.09a.75.75 0 0 1-.926-1.18l1.716-1.348-1.741-1.492a.75.75 0 0 1-.081-1.058Z",
+          fillRule: "evenodd"
+        }
+      )
     ] })
   ] }) })
 );

package/dist/components/CategoryIcon/__generated__/DocumentationCategoryIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from '../Icon';
-export declare const DocumentationCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DocumentationCategoryIcon: ({ ...props }: Omit<IconProps, "children">) => import("react/jsx-runtime").JSX.Element;