@ultraviolet/plus 0.12.6 → 0.13.0

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

@@ -46,6 +46,7 @@ import { ReactComponent as Memo$f } from './assets/elastic-metal-iridium.svg.js'
 import { ReactComponent as Memo$g } from './assets/elastic-metal-lithium.svg.js';
 import { ReactComponent as Memo$h } from './assets/elastic-metal-titanium.svg.js';
 import { ReactComponent as Memo$G } from './assets/elastic-metal.svg.js';
+import { ReactComponent as Memo$2c } from './assets/environmental-footprint-calculator.svg.js';
 import { ReactComponent as Memo$1Z } from './assets/file.svg.js';
 import { ReactComponent as Memo$Q } from './assets/flexible-ip.svg.js';
 import { ReactComponent as Memo$1_ } from './assets/folder.svg.js';
@@ -132,6 +133,9 @@ import { ReactComponent as Memo$Y } from './assets/verify-card.svg.js';
 import { ReactComponent as Memo$1W } from './assets/video.svg.js';
 import { ReactComponent as Memo$I } from './assets/volume.svg.js';
 import { ReactComponent as Memo$1r } from './assets/vpc.svg.js';
+import { ReactComponent as Memo$29 } from './assets/vps-pro-servers.svg.js';
+import { ReactComponent as Memo$2a } from './assets/vps-servers.svg.js';
+import { ReactComponent as Memo$2b } from './assets/vps-start-servers.svg.js';
 import { ReactComponent as Memo$A } from './assets/web-platform.svg.js';
 import { ReactComponent as Memo$1i } from './assets/webhosting.svg.js';
 import { ReactComponent as Memo$1q } from './assets/zone.svg.js';
@@ -273,7 +277,11 @@ const PRODUCT_ICONS = {
   nabu: Memo$25,
   inference: Memo$26,
   managedSearchDataBase: Memo$27,
-  costManager: Memo$28
+  costManager: Memo$28,
+  vpsProServers: Memo$29,
+  vpsServers: Memo$2a,
+  vpsStartServers: Memo$2b,
+  environmentalFootprintCalculator: Memo$2c
 };
 
 export { PRODUCT_ICONS };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/environmental-footprint-calculator.svg.js

@@ -0,0 +1,49 @@
+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 SvgEnvironmentalFootprintCalculator = function SvgEnvironmentalFootprintCalculator(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: "environmental-footprint-calculator"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#F1EEFC",
+    className: "fillWeak"
+  }, /*#__PURE__*/React.createElement("path", {
+    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"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M48 2H16C8.268 2 2 8.268 2 16v32c0 7.732 6.268 14 14 14h32c7.732 0 14-6.268 14-14V16c0-7.732-6.268-14-14-14M16 0C7.163 0 0 7.163 0 16v32c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16z",
+    clipRule: "evenodd"
+  }))), /*#__PURE__*/React.createElement("path", {
+    fill: "#521094",
+    fillRule: "evenodd",
+    d: "M51 32.4a1 1 0 0 0-1-1h-9.474a1 1 0 0 0-1 1V50a1 1 0 0 0 1 1H50a1 1 0 0 0 1-1zm-2 1V49h-7.474V33.4zm-11.263-7.6a1 1 0 0 0-1-1h-9.474a1 1 0 0 0-1 1V37h2V26.8h7.474V49H30v2h6.737a1 1 0 0 0 1-1zM24.474 17a1 1 0 0 0-1-1H14a1 1 0 0 0-1 1v18.5h2V18h7.474v16.5h2z",
+    className: "fill",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#A060F6",
+    fillRule: "evenodd",
+    className: "fillStrong",
+    clipRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M51.153 27.471c3.257-4.315 2.394-10.463-1.936-13.732a1 1 0 1 1 1.205-1.596c5.208 3.931 6.253 11.333 2.327 16.533a1 1 0 1 1-1.596-1.204Zm-6.664-15.718c-5.379-.67-10.271 3.142-10.93 8.513a1 1 0 0 1-1.114.87 1 1 0 0 1-.87-1.117c.793-6.47 6.685-11.058 13.157-10.251.548.068.938.568.87 1.116a1 1 0 0 1-1.113.869"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42.416 7.417a1 1 0 0 1 1.398.213l2.038 2.766a1 1 0 0 1-.21 1.398l-2.761 2.032a1 1 0 0 1-1.188-1.611l1.957-1.44-1.445-1.96a1 1 0 0 1 .211-1.398m13.267 20.659a.997.997 0 0 1-.853 1.127l-3.393.466a1.003 1.003 0 0 1-1.13-.854l-.474-3.395a.997.997 0 0 1 .852-1.126 1.003 1.003 0 0 1 1.13.854l.336 2.404 2.402-.33a1.003 1.003 0 0 1 1.13.854M20 55c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10m0 2c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12S8 38.372 8 45c0 6.627 5.373 12 12 12"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 37.702a1 1 0 0 1 1 1v12.631a1 1 0 1 1-2 0V38.702a1 1 0 0 1 1-1"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 37a1 1 0 0 1 .716.302c1.486 1.523 2.573 2.694 3.27 3.87C24.718 42.41 25 43.618 25 45.18c0 2.546-2.182 5.103-5 5.103s-5-2.557-5-5.103c0-1.561.282-2.77 1.014-4.007.697-1.176 1.784-2.346 3.27-3.87A1 1 0 0 1 20 37m-2.264 5.19c-.518.876-.736 1.719-.736 2.99 0 1.556 1.4 3.102 3 3.102s3-1.545 3-3.103c0-1.27-.218-2.113-.736-2.988-.46-.779-1.168-1.603-2.264-2.752-1.096 1.149-1.804 1.973-2.264 2.752Z"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgEnvironmentalFootprintCalculator);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/vps-pro-servers.svg.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g, _defs;
+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 SvgVpsProServers = function SvgVpsProServers(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: "VPS-pro-servers"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "VPS-pro-servers",
+    clipPath: "url(#a)"
+  }, /*#__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: "VPS-pro-servers"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#A060F6",
+    className: "fillStrong"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M32.306 24.005a1 1 0 0 0-.89 0l-12.96 6.442a1 1 0 0 0-.556.896v6.6a1 1 0 0 0 1.446.895l12.514-6.22 2.396 1.19.89-1.791-2.84-1.412a1 1 0 0 0-.89 0L19.9 36.329v-4.367l11.96-5.945 9.816 4.879.89-1.791zM49.794 47.07q-.73 0-1.32-.25a2.16 2.16 0 0 1-.92-.72 1.9 1.9 0 0 1-.35-1.11h1.5q.03.43.3.68.28.25.76.25.49 0 .77-.23a.78.78 0 0 0 .28-.62.7.7 0 0 0-.19-.51 1.3 1.3 0 0 0-.48-.31 7 7 0 0 0-.78-.26 9 9 0 0 1-1.11-.39 2.06 2.06 0 0 1-.73-.59q-.3-.4-.3-1.06 0-.62.31-1.08a1.94 1.94 0 0 1 .87-.7q.56-.25 1.28-.25 1.08 0 1.75.53.68.52.75 1.46h-1.54a.78.78 0 0 0-.31-.59q-.28-.24-.75-.24-.41 0-.66.21-.24.21-.24.61 0 .28.18.47.19.18.46.3.28.11.78.26.68.2 1.11.4.43.201.74.6.31.4.31 1.05 0 .56-.29 1.04a2.1 2.1 0 0 1-.85.77q-.56.28-1.33.28"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M46.39 42.18q0 .561-.27 1.05-.26.49-.83.79-.56.3-1.42.3H42.7V47h-1.4v-6.98h2.57q.81 0 1.38.28t.85.77q.29.49.29 1.11m-2.58 1.01q.58 0 .86-.26.28-.27.28-.75 0-1.02-1.14-1.02H42.7v2.03z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m37.9 47 2.56-6.98h-1.49l-1.91 5.55-1.92-5.55h-1.5L36.2 47z"
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "#521094",
+    fillRule: "evenodd",
+    d: "M31.795 8h-.027a1 1 0 0 0-.447.105l-17.768 8.88a1 1 0 0 0-.553.904l.083 9.12.008.115a1 1 0 0 0 1.44.77l17.25-8.622 17.252 8.623a1 1 0 0 0 1.447-.886l.083-9.12a1 1 0 0 0-.553-.904l-17.768-8.88A1 1 0 0 0 31.795 8m-.013 2.111 16.775 8.383-.063 6.895-16.266-8.128-.123-.052a1 1 0 0 0-.77.052L15.067 25.39l-.063-6.896 16.777-8.383ZM30.02 37.743C32.1 32.616 37.128 29 43 29c7.732 0 14 6.268 14 14s-6.268 14-14 14c-6.75 0-12.385-4.778-13.707-11.136l-5.998 2.981a1 1 0 0 1-1.445-.895v-5.526a1 1 0 0 1 .555-.896zM43 31c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12m-13.751 9.36-5.399 2.683v3.293l5.17-2.57a14.2 14.2 0 0 1 .229-3.406",
+    className: "fill",
+    clipRule: "evenodd"
+  }))))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "a",
+    className: "a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h64v64H0z"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgVpsProServers);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/vps-servers.svg.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g, _defs;
+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 SvgVpsServers = function SvgVpsServers(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: "VPS-servers"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "VPS-servers",
+    clipPath: "url(#a)"
+  }, /*#__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 VPS"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#A060F6",
+    className: "fillStrong"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M16.36 18.21A18.9 18.9 0 0 0 13 29q0 1.208.147 2.376l-1.985.248A21 21 0 0 1 11 29c0-11.598 9.402-21 21-21s21 9.402 21 21q0 1.333-.162 2.624l-1.985-.248Q50.999 30.209 51 29c0-4.008-1.24-7.726-3.36-10.79q-.09.058-.198.12c-.547.323-1.384.726-2.61 1.122q-.662.215-1.485.42c.624 2.18 1.029 4.565 1.173 7.07l-1.997.115c-.14-2.427-.537-4.71-1.138-6.77-2.134.38-4.879.662-8.385.707v10.164h-2V20.994c-3.506-.046-6.25-.326-8.385-.707-.76 2.604-1.194 5.563-1.194 8.713q0 .984.055 1.942l-1.996.115A36 36 0 0 1 19.42 29c0-3.262.44-6.361 1.233-9.128a23 23 0 0 1-1.485-.42c-1.225-.396-2.062-.8-2.609-1.121l-.2-.122Zm1.23-1.594a19.04 19.04 0 0 1 7.653-5.38c-.995 1.053-1.881 2.318-2.637 3.734-.496.928-.942 1.93-1.333 2.995a21 21 0 0 1-1.49-.417c-1.086-.35-1.782-.691-2.194-.931Zm5.668 1.753c1.965.332 4.5.582 7.742.625v-8.908c-2.468.429-4.836 2.469-6.63 5.826q-.612 1.145-1.112 2.457m9.742.625c3.241-.043 5.777-.293 7.742-.625a21 21 0 0 0-1.47-3.096c-1.75-2.983-3.967-4.786-6.272-5.187zm9.727-1.029a21 21 0 0 0 1.491-.417c1.085-.35 1.781-.691 2.193-.931a19.04 19.04 0 0 0-7.654-5.38 16.6 16.6 0 0 1 2.24 3.024 23 23 0 0 1 1.73 3.704M21 40a1.889 1.889 0 1 0-3.778 0A1.889 1.889 0 0 0 21 40m2 0a3.889 3.889 0 1 0-7.778 0A3.889 3.889 0 0 0 23 40",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M48.793 44.07a3.35 3.35 0 0 1-1.32-.25 2.16 2.16 0 0 1-.92-.72 1.9 1.9 0 0 1-.35-1.11h1.5q.03.43.3.68.28.25.76.25.49 0 .77-.23a.78.78 0 0 0 .28-.62.7.7 0 0 0-.19-.51 1.3 1.3 0 0 0-.48-.31 7 7 0 0 0-.78-.26 9 9 0 0 1-1.11-.39 2.06 2.06 0 0 1-.73-.59q-.3-.4-.3-1.06 0-.62.31-1.08t.87-.7q.56-.25 1.28-.25 1.08 0 1.75.53.681.52.75 1.46h-1.54a.78.78 0 0 0-.31-.59q-.279-.24-.75-.24-.41 0-.66.21-.24.21-.24.61 0 .28.18.47.19.18.46.3.28.11.78.26.681.2 1.11.4t.74.6.31 1.05q0 .56-.29 1.04a2.1 2.1 0 0 1-.85.77q-.56.28-1.33.28m-3.403-4.89q0 .56-.27 1.05-.26.49-.83.79-.56.3-1.42.3H41.7V44h-1.4v-6.98h2.57q.81 0 1.38.28t.85.77q.29.49.29 1.11m-2.58 1.01q.58 0 .86-.26.28-.27.28-.75 0-1.02-1.14-1.02H41.7v2.03zm-3.35-3.17L36.9 44h-1.7l-2.56-6.98h1.5l1.92 5.55 1.91-5.55z"
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "#521094",
+    fillRule: "evenodd",
+    d: "M32.202 30H14.5A6.5 6.5 0 0 0 8 36.5v7a6.5 6.5 0 0 0 6.5 6.5h17.702c2.525 2.474 5.983 4 9.798 4 7.732 0 14-6.268 14-14s-6.268-14-14-14a13.96 13.96 0 0 0-9.798 4M30 40c0-6.627 5.373-12 12-12s12 5.373 12 12-5.373 12-12 12-12-5.373-12-12m.51-8A13.94 13.94 0 0 0 28 40c0 2.974.928 5.732 2.51 8H14.5a4.5 4.5 0 0 1-4.5-4.5v-7a4.5 4.5 0 0 1 4.5-4.5z",
+    className: "fill",
+    clipRule: "evenodd"
+  }))))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "a",
+    className: "a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h64v64H0z"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgVpsServers);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/vps-start-servers.svg.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g, _defs;
+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 SvgVpsStartServers = function SvgVpsStartServers(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: "VPS-start-servers"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "VPS-start-servers",
+    clipPath: "url(#a)"
+  }, /*#__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 VPS-start"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#A060F6",
+    className: "fillStrong"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M32.097 16.932h.481l6.215 3.105a1 1 0 0 1-.787 1.835l-.107-.046-5.561-2.78-5.56 2.78a1 1 0 0 1-1.284-.346l-.058-.101a1 1 0 0 1 .346-1.284l.101-.058zm6.296 10a1 1 0 0 0-1-1h-10l-.117.006a1 1 0 0 0 .117 1.994h10l.116-.007a1 1 0 0 0 .884-.993m-2.893 6a1 1 0 0 0-1-1h-7.107l-.117.006a1 1 0 0 0 .117 1.994H34.5l.116-.007a1 1 0 0 0 .884-.993M49.794 47.07q-.73 0-1.32-.25a2.16 2.16 0 0 1-.92-.72 1.9 1.9 0 0 1-.35-1.11h1.5q.03.43.3.68.28.25.76.25.49 0 .77-.23a.78.78 0 0 0 .28-.62.7.7 0 0 0-.19-.51 1.3 1.3 0 0 0-.48-.31 7 7 0 0 0-.78-.26 9 9 0 0 1-1.11-.39 2.06 2.06 0 0 1-.73-.59q-.3-.4-.3-1.06 0-.62.31-1.08a1.94 1.94 0 0 1 .87-.7q.56-.25 1.28-.25 1.08 0 1.75.53.68.52.75 1.46h-1.54a.78.78 0 0 0-.31-.59q-.28-.24-.75-.24-.41 0-.66.21-.24.21-.24.61 0 .28.18.47.19.18.46.3.28.11.78.26.68.2 1.11.4.43.201.74.6.31.4.31 1.05 0 .56-.29 1.04a2.1 2.1 0 0 1-.85.77q-.56.28-1.33.28"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M46.39 42.18q0 .561-.27 1.05-.26.49-.83.79-.56.3-1.42.3H42.7V47h-1.4v-6.98h2.57q.81 0 1.38.28t.85.77q.29.49.29 1.11m-2.58 1.01q.58 0 .86-.26.28-.27.28-.75 0-1.02-1.14-1.02H42.7v2.03z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m37.9 47 2.56-6.98h-1.49l-1.91 5.55-1.92-5.55h-1.5L36.2 47z"
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "#521094",
+    fillRule: "evenodd",
+    d: "M32.32 8h.034a1 1 0 0 1 .447.105l22.32 11.155a1 1 0 0 1 .554.903l-.105 11.458a1 1 0 0 1-1.447.885l-10.732-5.364v1.863C50.942 29.212 57 35.4 57 43c0 7.732-6.268 14-14 14-7.053 0-12.888-5.215-13.858-12h-6.75a1 1 0 0 1-1-1V27.087l-10.84 5.42a1 1 0 0 1-1.44-.772l-.007-.114L9 20.164a1 1 0 0 1 .553-.904l22.32-11.155A1 1 0 0 1 32.32 8M29 43c0-7.188 5.417-13.111 12.392-13.909v-3.566a1 1 0 0 1 1.341-.94l.106.046L53.585 30l.083-9.232-21.331-10.66-21.332 10.66.084 9.232 10.856-5.425a1 1 0 0 1 1.44.779l.007.115V43zm2 0c0-6.627 5.373-12 12-12s12 5.373 12 12-5.373 12-12 12-12-5.373-12-12",
+    className: "fill",
+    clipRule: "evenodd"
+  }))))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "a",
+    className: "a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h64v64H0z"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgVpsStartServers);
+
+export { Memo as ReactComponent };

package/dist/index.d.ts

@@ -477,6 +477,7 @@ type NavigationProps = {
      * This function is called when resize occur using the vertical bar on the left of the navigation.
      */
     onWidthResize?: (width: number) => void;
+    id?: string;
 };
 /**
  * Navigation is a component that allows you to create a sidebar navigation.
@@ -484,7 +485,7 @@ type NavigationProps = {
  * to make it work in your application.
  */
 declare const Navigation: {
-    ({ children, logo, pinnedFeature, onClickPinUnpin, onClickExpand, initialPinned, initialExpanded, locales, pinLimit, width, onWidthResize, className, }: NavigationProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ children, logo, pinnedFeature, onClickPinUnpin, onClickExpand, initialPinned, initialExpanded, locales, pinLimit, width, onWidthResize, className, id, }: NavigationProps): _emotion_react_jsx_runtime.JSX.Element;
     Group: ({ children, label }: {
         children: ReactNode;
         label: string;

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

@@ -25,7 +25,8 @@ const Navigation = ({
   pinLimit = 7,
   width = NAVIGATION_WIDTH,
   onWidthResize,
-  className
+  className,
+  id
 }) => jsx(NavigationProvider, {
   onClickPinUnpin: onClickPinUnpin,
   pinnedFeature: pinnedFeature,
@@ -39,6 +40,7 @@ const Navigation = ({
     className: className,
     width: width,
     onWidthResize: onWidthResize,
+    id: id,
     children: children
   })
 });

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

@@ -61,7 +61,7 @@ const Content = /*#__PURE__*/_styled(Stack, {
 }) => theme.space['2'], ";}");
 const Slider = /*#__PURE__*/_styled("div", {
   target: "esezfu50"
-})("background:transparent;position:absolute;top:0;bottom:0;right:0;width:8px;cursor:col-resize;border-right:2px solid transparent;display:flex;&:hover{border-color:", ({
+})("background:transparent;position:absolute;top:0;bottom:0;right:0;width:6px;cursor:col-resize;border-right:2px solid transparent;display:flex;&:hover{border-color:", ({
   theme
 }) => theme.colors.primary.border, ";}");
 const NavigationContent = ({
@@ -70,7 +70,8 @@ const NavigationContent = ({
   onClickExpand,
   width,
   onWidthResize,
-  className
+  className,
+  id
 }) => {
   const sliderRef = useRef(null);
   const navigationRef = useRef(null);
@@ -188,6 +189,7 @@ const NavigationContent = ({
   }, [expanded, onWidthResize, toggleExpand]);
   return jsxs(StyledNav, {
     className: className,
+    id: id,
     children: [jsxs(Container, {
       ref: navigationRef,
       "data-animation": animation,

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

@@ -59,7 +59,7 @@ const WrapText = /*#__PURE__*/_styled(Text, {
   animation
 }) => animation ? 'normal' : 'anywhere', ";white-space:", ({
   animation
-}) => animation ? 'nowrap' : 'normal', ";");
+}) => animation ? 'nowrap' : 'normal', ";overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;");
 const StyledStack = /*#__PURE__*/_styled(Stack, {
   target: "e134hokc3"
 })(process.env.NODE_ENV === "production" ? {
@@ -86,7 +86,7 @@ const StyledContainer = /*#__PURE__*/_styled(Stack, {
   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;}}&:active[data-has-no-expand='false']:not([disabled]):not(\n      [data-is-active='true']\n    ){background-color:", ({
+}) => theme.colors.neutral.textWeakHover, ";}}&: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
@@ -243,7 +243,7 @@ const Item = ({
             justifyContent: "center",
             children: jsx(CategoryIcon, {
               name: categoryIcon,
-              variant: categoryIconVariant,
+              variant: active ? 'primary' : categoryIconVariant,
               disabled: disabled
             })
           }) : null, jsxs(Stack, {
@@ -336,6 +336,7 @@ const Item = ({
       alignItems: "start",
       justifyContent: "start",
       children: Children.count(children) > 0 ? jsx(StyledMenu, {
+        triggerMethod: "hover",
         disclosure: jsx(Button, {
           sentiment: "neutral",
           variant: hasActiveChildren ? 'filled' : 'ghost',
@@ -347,7 +348,8 @@ const Item = ({
             alignItems: "center",
             justifyContent: "center",
             children: jsx(CategoryIcon, {
-              name: categoryIcon
+              name: categoryIcon,
+              variant: active ? 'primary' : categoryIconVariant
             })
           }) : null
         }),
@@ -374,7 +376,7 @@ const Item = ({
             justifyContent: "center",
             children: jsx(CategoryIcon, {
               name: categoryIcon ?? 'console',
-              variant: categoryIconVariant
+              variant: active ? 'primary' : categoryIconVariant
             })
           })
         })
@@ -391,16 +393,30 @@ const Item = ({
         toggleMenu?.();
       },
       borderless: true,
+      active: active,
+      sentiment: active ? 'primary' : 'neutral',
       children: jsxs(Stack, {
         gap: 1,
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
+        flex: 1,
         children: [jsx(WrapText, {
           as: "span",
           variant: "bodySmall",
           children: label
-        }), shouldShowPinnedButton ? jsx(Tooltip, {
+        }), badgeText ? jsx(StyledBadge, {
+          sentiment: badgeSentiment,
+          size: "small",
+          prominence: "strong",
+          disabled: disabled,
+          children: badgeText
+        }) : null, hasHrefAndNoChildren ? jsx(AnimatedIcon, {
+          name: "open-in-new",
+          sentiment: "neutral",
+          prominence: "weak",
+          disabled: disabled
+        }) : null, shouldShowPinnedButton ? jsx(Tooltip, {
           text: isItemPinned ? locales['navigation.unpin.tooltip'] : locales['navigation.pin.tooltip'],
           placement: "right",
           children: jsx(CollapsedPinnedButton, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.12.6",
+  "version": "0.13.0",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -43,20 +43,20 @@
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
-    "@types/react": "18.2.74",
-    "@types/react-dom": "18.2.24",
+    "@types/react": "18.2.78",
+    "@types/react-dom": "18.2.25",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "@ultraviolet/icons": "2.12.3",
+    "@ultraviolet/icons": "2.12.4",
     "@ultraviolet/illustrations": "1.7.0"
   },
   "dependencies": {
     "@uiw/codemirror-extensions-langs": "4.21.25",
     "@uiw/codemirror-theme-material": "4.21.25",
     "@uiw/react-codemirror": "4.21.25",
-    "react-intersection-observer": "9.8.1",
+    "react-intersection-observer": "9.8.2",
     "@ultraviolet/themes": "1.10.0",
-    "@ultraviolet/ui": "1.46.0"
+    "@ultraviolet/ui": "1.47.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",