@ultraviolet/plus 0.12.4 → 0.12.6

package/dist/@ultraviolet/icons/dist/components/CategoryIcon/Icons.js

@@ -1,4 +1,5 @@
 import { ReactComponent as Memo$k } from './assets/ai.svg.js';
+import { ReactComponent as Memo$o } from './assets/application-integration.svg.js';
 import { ReactComponent as Memo } from './assets/baremetal.svg.js';
 import { ReactComponent as Memo$j } from './assets/billing.svg.js';
 import { ReactComponent as Memo$i } from './assets/compute.svg.js';
@@ -47,7 +48,8 @@ const CATEGORY_ICONS = {
   ai: Memo$k,
   labs: Memo$l,
   devTools: Memo$m,
-  pin: Memo$n
+  pin: Memo$n,
+  applicationIntegration: Memo$o
 };
 
 export { CATEGORY_ICONS };

package/dist/@ultraviolet/icons/dist/components/CategoryIcon/assets/application-integration.svg.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgApplicationIntegration = function SvgApplicationIntegration(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Application-Integration"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "Icon"
+  }, /*#__PURE__*/React.createElement("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__*/React.createElement("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"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgApplicationIntegration);
+
+export { Memo as ReactComponent };

package/dist/index.d.ts

@@ -491,7 +491,7 @@ declare const Navigation: {
     }) => _emotion_react_jsx_runtime.JSX.Element | null;
     Item: ({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, onClick, toggle, active, noPinButton, type, hasParents, as, disabled, noExpand, toggleMenu, }: {
         children?: ReactNode;
-        categoryIcon?: "security" | "console" | "database" | "pin" | "billing" | "storage" | "baremetal" | "webHosting" | "vpc" | "useCase" | "toolsServices" | "serverless" | "observability" | "network" | "managedServices" | "iot" | "documentation" | "dedicatedServer" | "datacenter" | "containers" | "compute" | "ai" | "labs" | "devTools" | undefined;
+        categoryIcon?: "security" | "console" | "database" | "pin" | "billing" | "storage" | "baremetal" | "webHosting" | "vpc" | "useCase" | "toolsServices" | "serverless" | "observability" | "network" | "managedServices" | "iot" | "documentation" | "dedicatedServer" | "datacenter" | "containers" | "compute" | "ai" | "labs" | "devTools" | "applicationIntegration" | undefined;
         categoryIconVariant?: "neutral" | "primary" | undefined;
         label: string;
         subLabel?: string | undefined;

package/dist/src/components/Navigation/components/Item.js

@@ -80,13 +80,13 @@ const StyledContainer = /*#__PURE__*/_styled(Stack, {
   theme
 }) => `calc(${theme.space['0.25']} + ${theme.space['0.5']}) ${theme.space['1']}`, ";&[data-has-sub-label='true']{padding:", ({
   theme
-}) => `${theme.space['0.5']} ${theme.space['1']}`, ";}transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;width:100%;&:hover[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ),&:focus[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ),&[data-has-active-children='true'][data-has-no-expand='false']:not(\n      [disabled][data-is-active='true']\n    ){background-color:", ({
+}) => `${theme.space['0.5']} ${theme.space['1']}`, ";}width:100%;&:hover[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ),&:focus[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ),&[data-has-active-children='true'][data-has-no-expand='false']:not(\n      [disabled][data-is-active='true']\n    ){background-color:", ({
   theme
 }) => theme.colors.neutral.backgroundHover, ";", WrapText, "{color:", ({
   theme
 }) => theme.colors.neutral.textWeakHover, ";}", ExpandedPinnedButton, ",", CollapsedPinnedButton, "{opacity:1;}&[data-is-pinnable='true']{", StyledBadge, "{opacity:0;}}}&:hover[data-has-children='false'][data-is-active='false']{", WrapText, "{color:", ({
   theme
-}) => theme.colors.neutral.textWeakHover, ";transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;}}&:active[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ){background-color:", ({
+}) => theme.colors.neutral.textWeakHover, ";transition:background-color 0.2s ease-in-out;}}&:active[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ){background-color:", ({
   theme
 }) => theme.colors.neutral.backgroundHover, ";}&[data-is-active='true'],&:hover[data-has-active='true']{background-color:", ({
   theme
@@ -373,7 +373,8 @@ const Item = ({
             alignItems: "center",
             justifyContent: "center",
             children: jsx(CategoryIcon, {
-              name: categoryIcon ?? 'console'
+              name: categoryIcon ?? 'console',
+              variant: categoryIconVariant
             })
           })
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -39,7 +39,7 @@
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.24.3",
+    "@babel/core": "7.24.4",
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
@@ -47,7 +47,7 @@
     "@types/react-dom": "18.2.24",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "@ultraviolet/icons": "2.12.1",
+    "@ultraviolet/icons": "2.12.3",
     "@ultraviolet/illustrations": "1.7.0"
   },
   "dependencies": {
@@ -56,7 +56,7 @@
     "@uiw/react-codemirror": "4.21.25",
     "react-intersection-observer": "9.8.1",
     "@ultraviolet/themes": "1.10.0",
-    "@ultraviolet/ui": "1.45.5"
+    "@ultraviolet/ui": "1.46.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",