@ultraviolet/icons 2.12.9 → 2.12.11

package/README.md

@@ -2,12 +2,47 @@
 
 [![npm version](https://badge.fury.io/js/%40ultraviolet%2Ficons.svg)](https://badge.fury.io/js/%40ultraviolet%2Ficons)
 
-Ultraviolet Icons is a set of SVG icons and components related to icons.
+Ultraviolet Icons is a set of components based on SVG icons. It provides a set of icons that can be used in your projects.
 
 ## Installation
 
+For icons to work you will need to install some extra dependencies, such as `@ultraviolet/themes` and `@emotion/react`.
+
 ```sh
-$ pnpm add @ultraviolet/icons
+$ pnpm add @ultraviolet/icons @ultraviolet/themes @emotion/react
+```
+
+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 { ProductIcon } from '@ultraviolet/icons'
+import { consoleLightTheme } from '@ultraviolet/themes'
+
+const App = () => (
+  <ThemeProvider theme={consoleLightTheme}>
+    <ProductIcon name="sdkGo" size="medium" variant="primary"/>
+  </ThemeProvider>
+)
+```
+
+> **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

package/dist/components/ProductIcon/Icons.cjs

@@ -35,6 +35,7 @@ const dedibackup = require("./assets/dedibackup.svg.cjs");
 const dedibox = require("./assets/dedibox.svg.cjs");
 const dedicatedControlPlane = require("./assets/dedicated-control-plane.svg.cjs");
 const dedicatedServer = require("./assets/dedicated-server.svg.cjs");
+const deleteMarker = require("./assets/delete-marker.svg.cjs");
 const devices = require("./assets/devices.svg.cjs");
 const directConnect = require("./assets/direct-connect.svg.cjs");
 const distributedDataLab = require("./assets/distributed-data-lab.svg.cjs");
@@ -74,6 +75,7 @@ const instance = require("./assets/instance.svg.cjs");
 const iotEdge = require("./assets/iot-edge.svg.cjs");
 const iot = require("./assets/iot.svg.cjs");
 const ipFailover = require("./assets/ip-failover.svg.cjs");
+const ipam = require("./assets/ipam.svg.cjs");
 const ipfsNaming = require("./assets/ipfs-naming.svg.cjs");
 const ipfs = require("./assets/ipfs.svg.cjs");
 const jero = require("./assets/jero.svg.cjs");
@@ -292,6 +294,8 @@ const PRODUCT_ICONS = {
   savingPlan: savingPlan.ReactComponent,
   kms: kms.ReactComponent,
   privateIp: privateIp.ReactComponent,
-  quantumApplication: quantumApplication.ReactComponent
+  quantumApplication: quantumApplication.ReactComponent,
+  ipam: ipam.ReactComponent,
+  deleteMarker: deleteMarker.ReactComponent
 };
 exports.PRODUCT_ICONS = PRODUCT_ICONS;

package/dist/components/ProductIcon/Icons.d.ts

@@ -145,4 +145,6 @@ export declare const PRODUCT_ICONS: {
     readonly kms: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     readonly privateIp: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     readonly quantumApplication: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ipam: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly deleteMarker: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
 };

package/dist/components/ProductIcon/Icons.js

@@ -33,6 +33,7 @@ import { ReactComponent as Memo$b } from "./assets/dedibackup.svg.js";
 import { ReactComponent as Memo$R } from "./assets/dedibox.svg.js";
 import { ReactComponent as Memo$21 } from "./assets/dedicated-control-plane.svg.js";
 import { ReactComponent as Memo$H } from "./assets/dedicated-server.svg.js";
+import { ReactComponent as Memo$2j } from "./assets/delete-marker.svg.js";
 import { ReactComponent as Memo$1o } from "./assets/devices.svg.js";
 import { ReactComponent as Memo$1z } from "./assets/direct-connect.svg.js";
 import { ReactComponent as Memo$20 } from "./assets/distributed-data-lab.svg.js";
@@ -72,6 +73,7 @@ import { ReactComponent as Memo$M } from "./assets/instance.svg.js";
 import { ReactComponent as Memo$1l } from "./assets/iot-edge.svg.js";
 import { ReactComponent as Memo$1k } from "./assets/iot.svg.js";
 import { ReactComponent as Memo$F } from "./assets/ip-failover.svg.js";
+import { ReactComponent as Memo$2i } from "./assets/ipam.svg.js";
 import { ReactComponent as Memo$1Y } from "./assets/ipfs-naming.svg.js";
 import { ReactComponent as Memo$1h } from "./assets/ipfs.svg.js";
 import { ReactComponent as Memo$24 } from "./assets/jero.svg.js";
@@ -290,7 +292,9 @@ const PRODUCT_ICONS = {
   savingPlan: Memo$2e,
   kms: Memo$2f,
   privateIp: Memo$2g,
-  quantumApplication: Memo$2h
+  quantumApplication: Memo$2h,
+  ipam: Memo$2i,
+  deleteMarker: Memo$2j
 };
 export {
   PRODUCT_ICONS

package/dist/components/ProductIcon/assets/delete-marker.svg.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+var _g;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+var SvgDeleteMarker = function SvgDeleteMarker2(props) {
+  return /* @__PURE__ */ React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 64,
+    height: 64,
+    fill: "none",
+    viewBox: "0 0 64 64"
+  }, props), _g || (_g = /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "deleteMarker"
+  }, /* @__PURE__ */ React__namespace.createElement("g", {
+    className: ".Square"
+  }, /* @__PURE__ */ React__namespace.createElement("path", {
+    fill: "#F1EEFC",
+    d: "M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48z",
+    className: "fillWeak"
+  })), /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "File"
+  }, /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "icon"
+  }, /* @__PURE__ */ React__namespace.createElement("g", {
+    fill: "#521094",
+    className: "fill"
+  }, /* @__PURE__ */ React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M21 14a1 1 0 0 0-1 1v33a1 1 0 0 0 1 1h15a1 1 0 1 1 0 2H21a3 3 0 0 1-3-3V15a3 3 0 0 1 3-3h17.5a1 1 0 0 1 .791.389l8.5 11A1 1 0 0 1 48 24v8.5a1 1 0 1 1-2 0v-8.159L38.009 14z",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React__namespace.createElement("path", {
+    d: "M47 25h-1v23a1 1 0 0 1-1 1H30a1 1 0 1 0 0 2h15a3 3 0 0 0 3-3V25z"
+  }), /* @__PURE__ */ React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M37.5 22v-8.5h2V22a1 1 0 0 0 1 1H47v2h-6.5a3 3 0 0 1-3-3",
+    clipRule: "evenodd"
+  })), /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "fillStrong"
+  }, /* @__PURE__ */ React__namespace.createElement("path", {
+    fill: "#BF95F9",
+    fillRule: "evenodd",
+    d: "M27.657 39.97c-.39-.39-.38-1.033.023-1.436l9.853-9.854c.404-.403 1.047-.413 1.438-.023.39.39.38 1.034-.023 1.437l-9.854 9.854c-.403.403-1.047.413-1.437.023Z",
+    className: "fillStrong",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "Group 5"
+  }, /* @__PURE__ */ React__namespace.createElement("path", {
+    fill: "#BF95F9",
+    fillRule: "evenodd",
+    d: "M38.97 39.97c-.39.39-1.034.38-1.437-.023l-9.854-9.854c-.403-.403-.413-1.046-.022-1.437.39-.39 1.034-.38 1.437.023l9.853 9.854c.404.403.414 1.046.023 1.437",
+    className: "fillStrong",
+    clipRule: "evenodd"
+  }))))))));
+};
+var Memo = /* @__PURE__ */ React.memo(SvgDeleteMarker);
+exports.ReactComponent = Memo;

package/dist/components/ProductIcon/assets/delete-marker.svg.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+import { memo } from "react";
+var _g;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+var SvgDeleteMarker = function SvgDeleteMarker2(props) {
+  return /* @__PURE__ */ React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 64,
+    height: 64,
+    fill: "none",
+    viewBox: "0 0 64 64"
+  }, props), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+    className: "deleteMarker"
+  }, /* @__PURE__ */ React.createElement("g", {
+    className: ".Square"
+  }, /* @__PURE__ */ React.createElement("path", {
+    fill: "#F1EEFC",
+    d: "M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48z",
+    className: "fillWeak"
+  })), /* @__PURE__ */ React.createElement("g", {
+    className: "File"
+  }, /* @__PURE__ */ React.createElement("g", {
+    className: "icon"
+  }, /* @__PURE__ */ React.createElement("g", {
+    fill: "#521094",
+    className: "fill"
+  }, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M21 14a1 1 0 0 0-1 1v33a1 1 0 0 0 1 1h15a1 1 0 1 1 0 2H21a3 3 0 0 1-3-3V15a3 3 0 0 1 3-3h17.5a1 1 0 0 1 .791.389l8.5 11A1 1 0 0 1 48 24v8.5a1 1 0 1 1-2 0v-8.159L38.009 14z",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M47 25h-1v23a1 1 0 0 1-1 1H30a1 1 0 1 0 0 2h15a3 3 0 0 0 3-3V25z"
+  }), /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M37.5 22v-8.5h2V22a1 1 0 0 0 1 1H47v2h-6.5a3 3 0 0 1-3-3",
+    clipRule: "evenodd"
+  })), /* @__PURE__ */ React.createElement("g", {
+    className: "fillStrong"
+  }, /* @__PURE__ */ React.createElement("path", {
+    fill: "#BF95F9",
+    fillRule: "evenodd",
+    d: "M27.657 39.97c-.39-.39-.38-1.033.023-1.436l9.853-9.854c.404-.403 1.047-.413 1.438-.023.39.39.38 1.034-.023 1.437l-9.854 9.854c-.403.403-1.047.413-1.437.023Z",
+    className: "fillStrong",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React.createElement("g", {
+    className: "Group 5"
+  }, /* @__PURE__ */ React.createElement("path", {
+    fill: "#BF95F9",
+    fillRule: "evenodd",
+    d: "M38.97 39.97c-.39.39-1.034.38-1.437-.023l-9.854-9.854c-.403-.403-.413-1.046-.022-1.437.39-.39 1.034-.38 1.437.023l9.853 9.854c.404.403.414 1.046.023 1.437",
+    className: "fillStrong",
+    clipRule: "evenodd"
+  }))))))));
+};
+var Memo = /* @__PURE__ */ memo(SvgDeleteMarker);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/assets/iot.svg.cjs

@@ -32,7 +32,7 @@ var SvgIot = function SvgIot2(props) {
     className: "fillWeak"
   })), /* @__PURE__ */ React__namespace.createElement("path", {
     fill: "#A365F6",
-    d: "M28.156 10c3.67 0 7.07 1.66 9.406 4.448l.235.289.027-.016a6.225 6.225 0 0 1 2.943-.892l.289-.007a6.256 6.256 0 0 1 6.218 5.574l.02.226.199.03c3.62.591 6.39 3.859 6.503 7.817l.004.253c0 3.607-2.223 6.768-5.439 7.811a1 1 0 0 1-.617-1.902C50.324 32.86 52 30.475 52 27.722c0-3.343-2.448-6.041-5.456-6.162l-.232-.004a1 1 0 0 1-1.018-1.09 4.256 4.256 0 0 0-7.052-3.58 1 1 0 0 1-1.495-.194C34.8 13.772 31.62 12 28.156 12c-4.992 0-9.271 3.686-10.256 8.75a1 1 0 0 1-.88.805l-.12.005-.211-.004c-3.126 0-5.689 2.746-5.689 6.166 0 2.705 1.62 5.06 3.943 5.87a1 1 0 0 1-.66 1.889C11.147 34.385 9 31.266 9 27.722c0-4.24 3.05-7.748 6.989-8.132l.125-.01.034-.127c1.454-5.413 6.173-9.31 11.7-9.45z",
+    d: "M28.156 10c3.67 0 7.07 1.66 9.406 4.448l.235.289.027-.016a6.2 6.2 0 0 1 2.943-.892l.289-.007a6.256 6.256 0 0 1 6.218 5.574l.02.226.199.03c3.62.591 6.39 3.859 6.503 7.817l.004.253c0 3.607-2.223 6.768-5.439 7.811a1 1 0 0 1-.617-1.902C50.324 32.86 52 30.475 52 27.722c0-3.343-2.448-6.041-5.456-6.162l-.232-.004a1 1 0 0 1-1.018-1.09 4.256 4.256 0 0 0-7.052-3.58 1 1 0 0 1-1.495-.194C34.8 13.772 31.62 12 28.156 12c-4.992 0-9.271 3.686-10.256 8.75a1 1 0 0 1-.88.805l-.12.005-.211-.004c-3.126 0-5.689 2.746-5.689 6.166 0 2.705 1.62 5.06 3.943 5.87a1 1 0 0 1-.66 1.889C11.147 34.385 9 31.266 9 27.722c0-4.24 3.05-7.748 6.989-8.132l.125-.01.034-.127c1.454-5.413 6.173-9.31 11.7-9.45z",
     className: "fillStrong"
   }), /* @__PURE__ */ React__namespace.createElement("path", {
     fill: "#4F0599",

package/dist/components/ProductIcon/assets/iot.svg.js

@@ -12,7 +12,7 @@ var SvgIot = function SvgIot2(props) {
     className: "fillWeak"
   })), /* @__PURE__ */ React.createElement("path", {
     fill: "#A365F6",
-    d: "M28.156 10c3.67 0 7.07 1.66 9.406 4.448l.235.289.027-.016a6.225 6.225 0 0 1 2.943-.892l.289-.007a6.256 6.256 0 0 1 6.218 5.574l.02.226.199.03c3.62.591 6.39 3.859 6.503 7.817l.004.253c0 3.607-2.223 6.768-5.439 7.811a1 1 0 0 1-.617-1.902C50.324 32.86 52 30.475 52 27.722c0-3.343-2.448-6.041-5.456-6.162l-.232-.004a1 1 0 0 1-1.018-1.09 4.256 4.256 0 0 0-7.052-3.58 1 1 0 0 1-1.495-.194C34.8 13.772 31.62 12 28.156 12c-4.992 0-9.271 3.686-10.256 8.75a1 1 0 0 1-.88.805l-.12.005-.211-.004c-3.126 0-5.689 2.746-5.689 6.166 0 2.705 1.62 5.06 3.943 5.87a1 1 0 0 1-.66 1.889C11.147 34.385 9 31.266 9 27.722c0-4.24 3.05-7.748 6.989-8.132l.125-.01.034-.127c1.454-5.413 6.173-9.31 11.7-9.45z",
+    d: "M28.156 10c3.67 0 7.07 1.66 9.406 4.448l.235.289.027-.016a6.2 6.2 0 0 1 2.943-.892l.289-.007a6.256 6.256 0 0 1 6.218 5.574l.02.226.199.03c3.62.591 6.39 3.859 6.503 7.817l.004.253c0 3.607-2.223 6.768-5.439 7.811a1 1 0 0 1-.617-1.902C50.324 32.86 52 30.475 52 27.722c0-3.343-2.448-6.041-5.456-6.162l-.232-.004a1 1 0 0 1-1.018-1.09 4.256 4.256 0 0 0-7.052-3.58 1 1 0 0 1-1.495-.194C34.8 13.772 31.62 12 28.156 12c-4.992 0-9.271 3.686-10.256 8.75a1 1 0 0 1-.88.805l-.12.005-.211-.004c-3.126 0-5.689 2.746-5.689 6.166 0 2.705 1.62 5.06 3.943 5.87a1 1 0 0 1-.66 1.889C11.147 34.385 9 31.266 9 27.722c0-4.24 3.05-7.748 6.989-8.132l.125-.01.034-.127c1.454-5.413 6.173-9.31 11.7-9.45z",
     className: "fillStrong"
   }), /* @__PURE__ */ React.createElement("path", {
     fill: "#4F0599",

package/dist/components/ProductIcon/assets/ipam.svg.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+var _g;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+var SvgIpam = function SvgIpam2(props) {
+  return /* @__PURE__ */ React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 64,
+    height: 64,
+    fill: "none",
+    viewBox: "0 0 64 64"
+  }, props), _g || (_g = /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "IPAM"
+  }, /* @__PURE__ */ React__namespace.createElement("g", {
+    className: ".Square"
+  }, /* @__PURE__ */ React__namespace.createElement("path", {
+    fill: "#F1EEFC",
+    d: "M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48z",
+    className: "fillWeak"
+  })), /* @__PURE__ */ React__namespace.createElement("g", {
+    className: "icon"
+  }, /* @__PURE__ */ React__namespace.createElement("g", {
+    fill: "#A060F6",
+    className: "fillStrong"
+  }, /* @__PURE__ */ React__namespace.createElement("path", {
+    d: "M22.275 9a3 3 0 0 0-3 3v2.792c-.964.406-1.864.933-2.682 1.562l-2.508-1.448a3 3 0 0 0-4.098 1.098l-1.72 2.978a3 3 0 0 0 1.099 4.098l2.555 1.475a12.3 12.3 0 0 0-.002 2.877l-2.553 1.474a3 3 0 0 0-1.098 4.098l1.719 2.978a3 3 0 0 0 4.098 1.098l2.497-1.441a12.2 12.2 0 0 0 2.693 1.57V40a3 3 0 0 0 3 3h3.439a3 3 0 0 0 3-3v-2.792a12 12 0 0 0 1.72-.895l-.804-1.428a14 14 0 0 1-.17-.322c-.647.414-1.344.757-2.08 1.017a1 1 0 0 0-.666.943V40a1 1 0 0 1-1 1h-3.439a1 1 0 0 1-1-1v-3.477a1 1 0 0 0-.667-.942 10.2 10.2 0 0 1-3.272-1.909 1 1 0 0 0-1.156-.11l-3.095 1.786a1 1 0 0 1-1.366-.366l-1.72-2.978a1 1 0 0 1 .367-1.366l3.14-1.814a1 1 0 0 0 .485-1.04 10.2 10.2 0 0 1 .003-3.58 1 1 0 0 0-.485-1.041l-3.143-1.815A1 1 0 0 1 10 19.982l1.719-2.978a1 1 0 0 1 1.366-.366l3.105 1.792a1 1 0 0 0 1.155-.11 10.2 10.2 0 0 1 3.263-1.9 1 1 0 0 0 .667-.943V12a1 1 0 0 1 1-1h3.439a1 1 0 0 1 1 1v3.478a1 1 0 0 0 .666.942c1.218.43 2.33 1.088 3.286 1.92a1 1 0 0 0 1.157.113l3.144-1.815a1 1 0 0 1 .237-.1 13.4 13.4 0 0 1 2.519-1.013 3 3 0 0 0-3.756-.62l-2.545 1.47a12 12 0 0 0-2.708-1.582V12a3 3 0 0 0-3-3z"
+  }), /* @__PURE__ */ React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M28.677 24.23A5.002 5.002 0 0 0 19 26a5 5 0 0 0 9.01 2.986 13.5 13.5 0 0 1 .667-4.756M21 26a3 3 0 1 1 6 0 3 3 0 0 1-6 0",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React__namespace.createElement("path", {
+    d: "M40.108 32.227V24.69h-1.34v7.537z"
+  }), /* @__PURE__ */ React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M46.046 28.157a2.55 2.55 0 0 0 .259-1.134 2.54 2.54 0 0 0-.278-1.199 1.94 1.94 0 0 0-.814-.831q-.546-.303-1.32-.303h-2.461v7.537h1.34v-2.893h1.12q.823 0 1.36-.324.545-.324.794-.853m-1.388-.324q-.268.28-.823.28h-1.063v-2.192h1.063q1.09 0 1.091 1.102 0 .517-.268.81",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M32.118 28.648a9.53 9.53 0 0 1 9.53-9.53 9.53 9.53 0 0 1 9.53 9.53 9.53 9.53 0 0 1-9.53 9.53 9.53 9.53 0 0 1-9.53-9.53m9.53-7.53a7.53 7.53 0 1 0 0 15.06 7.53 7.53 0 0 0 0-15.06",
+    clipRule: "evenodd"
+  })), /* @__PURE__ */ React__namespace.createElement("path", {
+    fill: "#521094",
+    fillRule: "evenodd",
+    d: "M27 28.459C27 20.474 33.474 14 41.459 14s14.459 6.474 14.459 14.459a14.4 14.4 0 0 1-1.694 6.8l-.041.083-.024.045-11.086 19.67c-.709 1.258-2.52 1.257-3.229 0L28.76 35.375l-.007-.013A14.4 14.4 0 0 1 27 28.46ZM41.459 16C34.578 16 29 21.578 29 28.459c0 2.105.523 4.134 1.505 5.942L41.46 53.848l10.945-19.42.008-.017a1 1 0 0 1 .04-.085 12.4 12.4 0 0 0 1.466-5.867C53.918 21.578 48.34 16 41.458 16Z",
+    className: "fill",
+    clipRule: "evenodd"
+  })))));
+};
+var Memo = /* @__PURE__ */ React.memo(SvgIpam);
+exports.ReactComponent = Memo;

package/dist/components/ProductIcon/assets/ipam.svg.js

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { memo } from "react";
+var _g;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+var SvgIpam = function SvgIpam2(props) {
+  return /* @__PURE__ */ React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 64,
+    height: 64,
+    fill: "none",
+    viewBox: "0 0 64 64"
+  }, props), _g || (_g = /* @__PURE__ */ React.createElement("g", {
+    className: "IPAM"
+  }, /* @__PURE__ */ React.createElement("g", {
+    className: ".Square"
+  }, /* @__PURE__ */ React.createElement("path", {
+    fill: "#F1EEFC",
+    d: "M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48z",
+    className: "fillWeak"
+  })), /* @__PURE__ */ React.createElement("g", {
+    className: "icon"
+  }, /* @__PURE__ */ React.createElement("g", {
+    fill: "#A060F6",
+    className: "fillStrong"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M22.275 9a3 3 0 0 0-3 3v2.792c-.964.406-1.864.933-2.682 1.562l-2.508-1.448a3 3 0 0 0-4.098 1.098l-1.72 2.978a3 3 0 0 0 1.099 4.098l2.555 1.475a12.3 12.3 0 0 0-.002 2.877l-2.553 1.474a3 3 0 0 0-1.098 4.098l1.719 2.978a3 3 0 0 0 4.098 1.098l2.497-1.441a12.2 12.2 0 0 0 2.693 1.57V40a3 3 0 0 0 3 3h3.439a3 3 0 0 0 3-3v-2.792a12 12 0 0 0 1.72-.895l-.804-1.428a14 14 0 0 1-.17-.322c-.647.414-1.344.757-2.08 1.017a1 1 0 0 0-.666.943V40a1 1 0 0 1-1 1h-3.439a1 1 0 0 1-1-1v-3.477a1 1 0 0 0-.667-.942 10.2 10.2 0 0 1-3.272-1.909 1 1 0 0 0-1.156-.11l-3.095 1.786a1 1 0 0 1-1.366-.366l-1.72-2.978a1 1 0 0 1 .367-1.366l3.14-1.814a1 1 0 0 0 .485-1.04 10.2 10.2 0 0 1 .003-3.58 1 1 0 0 0-.485-1.041l-3.143-1.815A1 1 0 0 1 10 19.982l1.719-2.978a1 1 0 0 1 1.366-.366l3.105 1.792a1 1 0 0 0 1.155-.11 10.2 10.2 0 0 1 3.263-1.9 1 1 0 0 0 .667-.943V12a1 1 0 0 1 1-1h3.439a1 1 0 0 1 1 1v3.478a1 1 0 0 0 .666.942c1.218.43 2.33 1.088 3.286 1.92a1 1 0 0 0 1.157.113l3.144-1.815a1 1 0 0 1 .237-.1 13.4 13.4 0 0 1 2.519-1.013 3 3 0 0 0-3.756-.62l-2.545 1.47a12 12 0 0 0-2.708-1.582V12a3 3 0 0 0-3-3z"
+  }), /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M28.677 24.23A5.002 5.002 0 0 0 19 26a5 5 0 0 0 9.01 2.986 13.5 13.5 0 0 1 .667-4.756M21 26a3 3 0 1 1 6 0 3 3 0 0 1-6 0",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M40.108 32.227V24.69h-1.34v7.537z"
+  }), /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M46.046 28.157a2.55 2.55 0 0 0 .259-1.134 2.54 2.54 0 0 0-.278-1.199 1.94 1.94 0 0 0-.814-.831q-.546-.303-1.32-.303h-2.461v7.537h1.34v-2.893h1.12q.823 0 1.36-.324.545-.324.794-.853m-1.388-.324q-.268.28-.823.28h-1.063v-2.192h1.063q1.09 0 1.091 1.102 0 .517-.268.81",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M32.118 28.648a9.53 9.53 0 0 1 9.53-9.53 9.53 9.53 0 0 1 9.53 9.53 9.53 9.53 0 0 1-9.53 9.53 9.53 9.53 0 0 1-9.53-9.53m9.53-7.53a7.53 7.53 0 1 0 0 15.06 7.53 7.53 0 0 0 0-15.06",
+    clipRule: "evenodd"
+  })), /* @__PURE__ */ React.createElement("path", {
+    fill: "#521094",
+    fillRule: "evenodd",
+    d: "M27 28.459C27 20.474 33.474 14 41.459 14s14.459 6.474 14.459 14.459a14.4 14.4 0 0 1-1.694 6.8l-.041.083-.024.045-11.086 19.67c-.709 1.258-2.52 1.257-3.229 0L28.76 35.375l-.007-.013A14.4 14.4 0 0 1 27 28.46ZM41.459 16C34.578 16 29 21.578 29 28.459c0 2.105.523 4.134 1.505 5.942L41.46 53.848l10.945-19.42.008-.017a1 1 0 0 1 .04-.085 12.4 12.4 0 0 0 1.466-5.867C53.918 21.578 48.34 16 41.458 16Z",
+    className: "fill",
+    clipRule: "evenodd"
+  })))));
+};
+var Memo = /* @__PURE__ */ memo(SvgIpam);
+export {
+  Memo as ReactComponent
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/icons",
-  "version": "2.12.9",
+  "version": "2.12.11",
   "description": "Ultraviolet Icons",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -59,10 +59,11 @@
   "devDependencies": {
     "@babel/core": "7.24.5",
     "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0"
+    "@types/react-dom": "18.3.0",
+    "@utils/test": "0.0.1"
   },
   "dependencies": {
-    "@ultraviolet/themes": "1.10.2"
+    "@ultraviolet/themes": "1.11.0"
   },
   "scripts": {
     "prebuild": "shx rm -rf dist",