@ultraviolet/icons 2.16.2 → 3.0.0

package/README.md

@@ -16,12 +16,12 @@ You can then add `ThemeProvider` to your applications and use the provided theme
 
 ```tsx
 import { ThemeProvider } from '@emotion/react'
-import { ProductIcon } from '@ultraviolet/icons'
+import { SdkGoProductIcon } from '@ultraviolet/icons/product'
 import { consoleLightTheme } from '@ultraviolet/themes'
 
 const App = () => (
   <ThemeProvider theme={consoleLightTheme}>
-    <ProductIcon name="sdkGo" size="medium" variant="primary"/>
+    <SdkGoProductIcon size="medium" variant="primary"/>
   </ThemeProvider>
 )
 ```

package/dist/components/CategoryIcon/Icon.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledIcon = /* @__PURE__ */ _styled__default.default("svg", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
+  target: "eqf5g0p0"
+} : {
+  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
+  target: "eqf5g0p0",
+  label: "StyledIcon"
+})(".fill{fill:", ({
+  theme,
+  variant,
+  disabled
+}) => theme.colors.other.icon.category[variant][disabled ? "fillDisabled" : "fill"], ";}.fillStrong{fill:", ({
+  theme,
+  variant,
+  disabled
+}) => theme.colors.other.icon.category[variant][disabled ? "fillStrongDisabled" : "fillStrong"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0NhdGVnb3J5SWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvaWNvbnMvc3JjL2NvbXBvbmVudHMvQ2F0ZWdvcnlJY29uL0ljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKCdzdmcnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3ZhcmlhbnQnLCAnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgdmFyaWFudDogJ25ldXRyYWwnIHwgJ3ByaW1hcnknOyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gIC5maWxsIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCB2YXJpYW50LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLm90aGVyLmljb24uY2F0ZWdvcnlbdmFyaWFudF1bXG4gICAgICAgIGRpc2FibGVkID8gJ2ZpbGxEaXNhYmxlZCcgOiAnZmlsbCdcbiAgICAgIF19O1xuICB9XG5cbiAgLmZpbGxTdHJvbmcge1xuICAgIGZpbGw6ICR7KHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+XG4gICAgICB0aGVtZS5jb2xvcnMub3RoZXIuaWNvbi5jYXRlZ29yeVt2YXJpYW50XVtcbiAgICAgICAgZGlzYWJsZWQgPyAnZmlsbFN0cm9uZ0Rpc2FibGVkJyA6ICdmaWxsU3Ryb25nJ1xuICAgICAgXX07XG4gIH1cbmBcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ25ldXRyYWwnXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbi8qKlxuICogQ2F0ZWdvcnlJY29uIGNvbXBvbmVudCBpcyB1c2VkIHRvIHJlbmRlciBjYXRlZ29yeSBpY29ucywgdGhvc2UgaWNvbnMgYXJlIG1vcmUgY29tcGxleCB0aGFuIHN5c3RlbSBpY29uc1xuICogYXMgdGhleSBpbnZvbHZlIG11bHRpcGxlIGNvbG9ycyB0aGF0IGNoYW5nZXMgZGVwZW5kaW5nIG9uIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgSWNvbiA9ICh7XG4gIHZhcmlhbnQgPSAncHJpbWFyeScsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbn06IEljb25Qcm9wcykgPT4gKFxuICA8U3R5bGVkSWNvblxuICAgIHdpZHRoPVwiMjBcIlxuICAgIGhlaWdodD1cIjIwXCJcbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRJY29uPlxuKVxuIl19 */"));
+const Icon = ({
+  variant = "primary",
+  disabled,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { width: "20", height: "20", viewBox: "0 0 20 20", variant, disabled, children });
+exports.Icon = Icon;

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type IconProps = {
+    variant?: 'primary' | 'neutral';
+    disabled?: boolean;
+    children: ReactNode;
+};
+/**
+ * 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, }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/Icon.js

@@ -0,0 +1,26 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+const StyledIcon = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
+  target: "eqf5g0p0"
+} : {
+  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
+  target: "eqf5g0p0",
+  label: "StyledIcon"
+})(".fill{fill:", ({
+  theme,
+  variant,
+  disabled
+}) => theme.colors.other.icon.category[variant][disabled ? "fillDisabled" : "fill"], ";}.fillStrong{fill:", ({
+  theme,
+  variant,
+  disabled
+}) => theme.colors.other.icon.category[variant][disabled ? "fillStrongDisabled" : "fillStrong"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0NhdGVnb3J5SWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvaWNvbnMvc3JjL2NvbXBvbmVudHMvQ2F0ZWdvcnlJY29uL0ljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKCdzdmcnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3ZhcmlhbnQnLCAnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgdmFyaWFudDogJ25ldXRyYWwnIHwgJ3ByaW1hcnknOyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gIC5maWxsIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCB2YXJpYW50LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLm90aGVyLmljb24uY2F0ZWdvcnlbdmFyaWFudF1bXG4gICAgICAgIGRpc2FibGVkID8gJ2ZpbGxEaXNhYmxlZCcgOiAnZmlsbCdcbiAgICAgIF19O1xuICB9XG5cbiAgLmZpbGxTdHJvbmcge1xuICAgIGZpbGw6ICR7KHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+XG4gICAgICB0aGVtZS5jb2xvcnMub3RoZXIuaWNvbi5jYXRlZ29yeVt2YXJpYW50XVtcbiAgICAgICAgZGlzYWJsZWQgPyAnZmlsbFN0cm9uZ0Rpc2FibGVkJyA6ICdmaWxsU3Ryb25nJ1xuICAgICAgXX07XG4gIH1cbmBcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ25ldXRyYWwnXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbi8qKlxuICogQ2F0ZWdvcnlJY29uIGNvbXBvbmVudCBpcyB1c2VkIHRvIHJlbmRlciBjYXRlZ29yeSBpY29ucywgdGhvc2UgaWNvbnMgYXJlIG1vcmUgY29tcGxleCB0aGFuIHN5c3RlbSBpY29uc1xuICogYXMgdGhleSBpbnZvbHZlIG11bHRpcGxlIGNvbG9ycyB0aGF0IGNoYW5nZXMgZGVwZW5kaW5nIG9uIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgSWNvbiA9ICh7XG4gIHZhcmlhbnQgPSAncHJpbWFyeScsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbn06IEljb25Qcm9wcykgPT4gKFxuICA8U3R5bGVkSWNvblxuICAgIHdpZHRoPVwiMjBcIlxuICAgIGhlaWdodD1cIjIwXCJcbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRJY29uPlxuKVxuIl19 */"));
+const Icon = ({
+  variant = "primary",
+  disabled,
+  children
+}) => /* @__PURE__ */ jsx(StyledIcon, { width: "20", height: "20", viewBox: "0 0 20 20", variant, disabled, children });
+export {
+  Icon
+};

package/dist/components/CategoryIcon/__generatedIcons__/AiCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const AiCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "AI", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", d: "M17.784 11.897c.021-.066.034-.136.05-.204a2.818 2.818 0 0 0-.958-2.862 3.037 3.037 0 0 0-.44-3.427 2.726 2.726 0 0 0-1.74-.926 4.032 4.032 0 0 0-2.512-2.275 2.736 2.736 0 0 0-2.094.013 2.348 2.348 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.367c.144.016.29.024.435.024a2.972 2.972 0 0 0 2.742-1.619 2.548 2.548 0 0 0 1.496-1.501c.183-.459.223-.962.113-1.444a2.728 2.728 0 0 0 1.24-1.537m-3.052 2.328a.693.693 0 0 1-.583.48.935.935 0 0 0-.762.668 1.203 1.203 0 0 1-1.44.792c-.514-.054-1.033-.613-1.033-1.578 0-.006-.004-.011-.004-.017l.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-.126c-.016-.25-.01-.502.019-.752.23-.024.462.01.674.102a1.954 1.954 0 0 1 1.195.927c-.49.346-.87.828-1.092 1.385a.91.91 0 0 0 1.675.713c.191-.449.434-.682.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.792.026.115.041.232.046.35-.007.151-.047.3-.118.435a1.065 1.065 0 0 1-.14.152 1.109 1.109 0 0 1-.944.281.91.91 0 0 0-.47 1.758c.102.019.206.032.31.039a.566.566 0 0 1 .001.483Z", className: "fillStrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", d: "m10.922 14.581-.01-9.844.002-.117a2.352 2.352 0 0 0-.991-2.406A2.753 2.753 0 0 0 7.829 2.2a4.041 4.041 0 0 0-2.511 2.277 2.75 2.75 0 0 0-1.74.927 3.038 3.038 0 0 0-.44 3.426 2.884 2.884 0 0 0-.998 1.809 2.547 2.547 0 0 0 .786 2.418c.165.15.347.281.542.39a2.43 2.43 0 0 0 .114 1.43 2.55 2.55 0 0 0 1.496 1.502A2.971 2.971 0 0 0 7.82 18c.14 0 .285-.009.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.694.694 0 0 1-.584-.482.58.58 0 0 1-.017-.428c.104-.007.207-.02.31-.039a.909.909 0 0 0 .227-1.675.911.911 0 0 0-.699-.083c-.21.037-.426.01-.62-.077a1.133 1.133 0 0 1-.11-.06l-.028-.02a.958.958 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.077 1.077 0 0 1 .925-.31c.29.012.533.245.724.693a.91.91 0 1 0 1.675-.712 3.11 3.11 0 0 0-1.092-1.386 2.054 2.054 0 0 1 1.27-.953 1.63 1.63 0 0 1 .574-.102c.052.257.066.52.043.781l-.002.14.007 6.592a2.205 2.205 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", className: "fill" })
+  ] }) })
+);
+exports.AiCategoryIcon = AiCategoryIcon;

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

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

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Icon } from "../Icon.js";
+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", { fill: "#A365F6", d: "M17.784 11.897c.021-.066.034-.136.05-.204a2.818 2.818 0 0 0-.958-2.862 3.037 3.037 0 0 0-.44-3.427 2.726 2.726 0 0 0-1.74-.926 4.032 4.032 0 0 0-2.512-2.275 2.736 2.736 0 0 0-2.094.013 2.348 2.348 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.367c.144.016.29.024.435.024a2.972 2.972 0 0 0 2.742-1.619 2.548 2.548 0 0 0 1.496-1.501c.183-.459.223-.962.113-1.444a2.728 2.728 0 0 0 1.24-1.537m-3.052 2.328a.693.693 0 0 1-.583.48.935.935 0 0 0-.762.668 1.203 1.203 0 0 1-1.44.792c-.514-.054-1.033-.613-1.033-1.578 0-.006-.004-.011-.004-.017l.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-.126c-.016-.25-.01-.502.019-.752.23-.024.462.01.674.102a1.954 1.954 0 0 1 1.195.927c-.49.346-.87.828-1.092 1.385a.91.91 0 0 0 1.675.713c.191-.449.434-.682.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.792.026.115.041.232.046.35-.007.151-.047.3-.118.435a1.065 1.065 0 0 1-.14.152 1.109 1.109 0 0 1-.944.281.91.91 0 0 0-.47 1.758c.102.019.206.032.31.039a.566.566 0 0 1 .001.483Z", className: "fillStrong" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", d: "m10.922 14.581-.01-9.844.002-.117a2.352 2.352 0 0 0-.991-2.406A2.753 2.753 0 0 0 7.829 2.2a4.041 4.041 0 0 0-2.511 2.277 2.75 2.75 0 0 0-1.74.927 3.038 3.038 0 0 0-.44 3.426 2.884 2.884 0 0 0-.998 1.809 2.547 2.547 0 0 0 .786 2.418c.165.15.347.281.542.39a2.43 2.43 0 0 0 .114 1.43 2.55 2.55 0 0 0 1.496 1.502A2.971 2.971 0 0 0 7.82 18c.14 0 .285-.009.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.694.694 0 0 1-.584-.482.58.58 0 0 1-.017-.428c.104-.007.207-.02.31-.039a.909.909 0 0 0 .227-1.675.911.911 0 0 0-.699-.083c-.21.037-.426.01-.62-.077a1.133 1.133 0 0 1-.11-.06l-.028-.02a.958.958 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.077 1.077 0 0 1 .925-.31c.29.012.533.245.724.693a.91.91 0 1 0 1.675-.712 3.11 3.11 0 0 0-1.092-1.386 2.054 2.054 0 0 1 1.27-.953 1.63 1.63 0 0 1 .574-.102c.052.257.066.52.043.781l-.002.14.007 6.592a2.205 2.205 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", className: "fill" })
+  ] }) })
+);
+export {
+  AiCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/ApplicationIntegrationCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const ApplicationIntegrationCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Application-Integration", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Icon", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#521094", d: "M6.707 18.707a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L6.414 15H16a1 1 0 1 1 0 2H6.414l.293.293a1 1 0 0 1 0 1.414m6.586-17.414a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L13.586 5H4a1 1 0 1 1 0-2h9.586l-.293-.293a1 1 0 0 1 0-1.414", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A060F6", d: "M4 7.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 4 7.25m3 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 7 7.25m4 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75m5 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+exports.ApplicationIntegrationCategoryIcon = ApplicationIntegrationCategoryIcon;

package/dist/components/CategoryIcon/__generatedIcons__/ApplicationIntegrationCategoryIcon.d.ts

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

package/dist/components/CategoryIcon/__generatedIcons__/ApplicationIntegrationCategoryIcon.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Icon } from "../Icon.js";
+const ApplicationIntegrationCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Application-Integration", children: /* @__PURE__ */ jsxs("g", { className: "Icon", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#521094", d: "M6.707 18.707a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L6.414 15H16a1 1 0 1 1 0 2H6.414l.293.293a1 1 0 0 1 0 1.414m6.586-17.414a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L13.586 5H4a1 1 0 1 1 0-2h9.586l-.293-.293a1 1 0 0 1 0-1.414", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#A060F6", d: "M4 7.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 4 7.25m3 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 7 7.25m4 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75m5 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+export {
+  ApplicationIntegrationCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/BaremetalCategoryIcon.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const BaremetalCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Baremetal", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#4F0599", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { 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", className: "fill" })
+    ] })
+  ] }) })
+);
+exports.BaremetalCategoryIcon = BaremetalCategoryIcon;

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

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

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

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxs("g", { fill: "#4F0599", children: [
+      /* @__PURE__ */ jsx("path", { 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+      /* @__PURE__ */ jsx("path", { 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", className: "fill" })
+    ] })
+  ] }) })
+);
+export {
+  BaremetalCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/BillingCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const BillingCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Billing", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Icon", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+exports.BillingCategoryIcon = BillingCategoryIcon;

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

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

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+export {
+  BillingCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/ComputeCategoryIcon.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const ComputeCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Compute", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong" })
+  ] }) })
+);
+exports.ComputeCategoryIcon = ComputeCategoryIcon;

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

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

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

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#A365F6", 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", className: "fillStrong" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#A365F6", 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", className: "fillStrong" })
+  ] }) })
+);
+export {
+  ComputeCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/ConsoleCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const ConsoleCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Console", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Console-icon", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", d: "M5 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm7 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", d: "M12 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm-7 9a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+exports.ConsoleCategoryIcon = ConsoleCategoryIcon;

package/dist/components/CategoryIcon/__generatedIcons__/ConsoleCategoryIcon.d.ts

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

package/dist/components/CategoryIcon/__generatedIcons__/ConsoleCategoryIcon.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Icon } from "../Icon.js";
+const ConsoleCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Console", children: /* @__PURE__ */ jsxs("g", { className: "Console-icon", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", d: "M5 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm7 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#A365F6", d: "M12 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm-7 9a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+export {
+  ConsoleCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/ContainersCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const ContainersCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Containers", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) })
+);
+exports.ContainersCategoryIcon = ContainersCategoryIcon;

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

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

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) })
+);
+export {
+  ContainersCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/DatabaseCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const DatabaseCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Database", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "DB", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", d: "M16.497 5.532c0-.01.003-.018.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.003-2.576 0-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", className: "fill" })
+  ] }) }) })
+);
+exports.DatabaseCategoryIcon = DatabaseCategoryIcon;

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

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

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#A365F6", 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", className: "fillStrong" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", d: "M16.497 5.532c0-.01.003-.018.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.003-2.576 0-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", className: "fill" })
+  ] }) }) })
+);
+export {
+  DatabaseCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/DatacenterCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const DatacenterCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Datacenter", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Datacenters-icon", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", d: "M15 9V7H5v2zm0 4v-2H5v2z", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+exports.DatacenterCategoryIcon = DatacenterCategoryIcon;

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

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

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#A365F6", d: "M15 9V7H5v2zm0 4v-2H5v2z", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+export {
+  DatacenterCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/DedicatedServerCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const DedicatedServerCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Dedicated-Server", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) })
+);
+exports.DedicatedServerCategoryIcon = DedicatedServerCategoryIcon;

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

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

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/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", { fill: "#A365F6", 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", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) })
+);
+export {
+  DedicatedServerCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/DevToolsCategoryIcon.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const DevToolsCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "DevTools", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#A365F6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { 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.247 2.247 0 0 1-.105 2.046", className: "fillStrong" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { 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", className: "fillStrong" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#4F0599", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+    ] })
+  ] }) })
+);
+exports.DevToolsCategoryIcon = DevToolsCategoryIcon;

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

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

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

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Icon } from "../Icon.js";
+const DevToolsCategoryIcon = ({
+  ...props
+}) => (
+  // 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", { 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.247 2.247 0 0 1-.105 2.046", className: "fillStrong" }),
+      /* @__PURE__ */ jsx("path", { 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", className: "fillStrong" })
+    ] }),
+    /* @__PURE__ */ jsxs("g", { fill: "#4F0599", children: [
+      /* @__PURE__ */ jsx("path", { 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+      /* @__PURE__ */ jsx("path", { 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", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+    ] })
+  ] }) })
+);
+export {
+  DevToolsCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/DocumentationCategoryIcon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const DocumentationCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Documentation", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Icon", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", d: "M10 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-1 1a1 1 0 0 0 0 2v3a1 1 0 1 0 2 0v-5z", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", d: "M10 4.5a5.5 5.5 0 0 0-4.582 8.544 1 1 0 0 1 .146.764L5.29 15.08l1.27-.363a1 1 0 0 1 .763.088A5.5 5.5 0 1 0 10 4.5M2.5 10a7.5 7.5 0 1 1 4.228 6.75l-2.489.712a1 1 0 0 1-1.253-1.171l.538-2.507A7.47 7.47 0 0 1 2.5 10", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+exports.DocumentationCategoryIcon = DocumentationCategoryIcon;

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

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

package/dist/components/CategoryIcon/__generatedIcons__/DocumentationCategoryIcon.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Icon } from "../Icon.js";
+const DocumentationCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsx(Icon, { ...props, children: /* @__PURE__ */ jsx("g", { className: "Documentation", children: /* @__PURE__ */ jsxs("g", { className: "Icon", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#A365F6", d: "M10 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-1 1a1 1 0 0 0 0 2v3a1 1 0 1 0 2 0v-5z", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4F0599", d: "M10 4.5a5.5 5.5 0 0 0-4.582 8.544 1 1 0 0 1 .146.764L5.29 15.08l1.27-.363a1 1 0 0 1 .763.088A5.5 5.5 0 1 0 10 4.5M2.5 10a7.5 7.5 0 1 1 4.228 6.75l-2.489.712a1 1 0 0 1-1.253-1.171l.538-2.507A7.47 7.47 0 0 1 2.5 10", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) }) })
+);
+export {
+  DocumentationCategoryIcon
+};

package/dist/components/CategoryIcon/__generatedIcons__/IotCategoryIcon.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const IotCategoryIcon = ({
+  ...props
+}) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "IoT", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", d: "M9.892 18a1.42 1.42 0 0 1-1.41-1.452 1.426 1.426 0 0 1 1.44-1.413 1.43 1.43 0 0 1 1.4 1.452A1.42 1.42 0 0 1 9.902 18zm-4.34-1.335a1.442 1.442 0 0 1-.405-1.99 1.411 1.411 0 0 1 1.97-.41 1.44 1.44 0 0 1 .407 1.99c-.27.42-.725.644-1.19.644-.27 0-.54-.078-.782-.234m9.818-2.623a1.453 1.453 0 0 1-.676-1.911 1.42 1.42 0 0 1 1.904-.683 1.44 1.44 0 0 1 .667 1.91 1.417 1.417 0 0 1-1.895.684m-3.072 2.272a1.443 1.443 0 0 1 .444-1.98h.01a1.408 1.408 0 0 1 1.952.459c.415.673.212 1.56-.455 1.979a1.41 1.41 0 0 1-1.951-.458m-9.673-3.14c-.319-.732 0-1.58.725-1.891.714-.322 1.554 0 1.874.722a1.448 1.448 0 0 1-.725 1.9 1.536 1.536 0 0 1-.58.117 1.405 1.405 0 0 1-1.294-.848m12.533-3.968v-.06a1.418 1.418 0 0 1 1.208-1.618 1.43 1.43 0 0 1 1.605 1.219v.029c.009.02.009.049.018.069a1.447 1.447 0 0 1-1.236 1.608c-.068 0-.127.01-.184.01a1.44 1.44 0 0 1-1.411-1.257M3.214 10.278A1.445 1.445 0 0 1 2.016 8.64c.126-.78.85-1.317 1.623-1.2a1.426 1.426 0 0 1 1.188 1.639 1.423 1.423 0 0 1-1.4 1.209c-.068 0-.146 0-.213-.01M13.95 6.446v.01a1.448 1.448 0 0 1 .155-2.03 1.406 1.406 0 0 1 2 .158 1.436 1.436 0 0 1-.154 2.018 1.395 1.395 0 0 1-2.001-.156m-9.886.078a1.444 1.444 0 0 1-.125-2.028 1.412 1.412 0 0 1 2.009-.126c.59.526.648 1.432.126 2.028-.28.32-.675.477-1.062.477-.338 0-.677-.116-.948-.351", className: "fill", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#A365F6", d: "M13.781 9.876c0 2.112-1.697 3.825-3.792 3.825-2.094 0-3.79-1.713-3.79-3.825 0-2.113 1.696-3.826 3.79-3.826 2.095 0 3.792 1.713 3.792 3.826", className: "fillStrong", clipRule: "evenodd", fillRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4F0599", d: "M11.486 4.828v.009a1.446 1.446 0 0 1-.948-1.794 1.406 1.406 0 0 1 1.769-.955 1.435 1.435 0 0 1-.405 2.808c-.135 0-.281-.02-.416-.068M6.8 3.823a1.43 1.43 0 0 1 .976-1.765 1.415 1.415 0 0 1 1.757.985 1.436 1.436 0 0 1-.985 1.775 1.273 1.273 0 0 1-.387.049c-.618 0-1.187-.41-1.362-1.044Z", className: "fill", clipRule: "evenodd", fillRule: "evenodd" })
+  ] }) })
+);
+exports.IotCategoryIcon = IotCategoryIcon;

package/dist/components/CategoryIcon/__generatedIcons__/IotCategoryIcon.d.ts

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