npm - @ultraviolet/icons - Versions diffs - 2.12.4 → 2.12.6 - Mend

@ultraviolet/icons 2.12.4 → 2.12.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (478) hide show

package/dist/components/ProductIcon/assets/vps-pro-servers.svg.js CHANGED Viewed

@@ -1,53 +1,66 @@
-import * as React from 'react';
-import { memo } from 'react';
+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({
+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 SvgVpsProServers2(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", {
+  }, props), _g || (_g = /* @__PURE__ */ React.createElement("g", {
     className: "VPS-pro-servers"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: "VPS-pro-servers",
     clipPath: "url(#a)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: ".Square"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__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", {
+  })), /* @__PURE__ */ React.createElement("g", {
     className: "VPS-pro-servers"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     fill: "#A060F6",
     className: "fillStrong"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__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", {
+  }), /* @__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", {
+  }), /* @__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", {
+  })), /* @__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", {
+  }))))), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
     id: "a",
     className: "a"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#fff",
     d: "M0 0h64v64H0z"
   })))));
 };
-var Memo = /*#__PURE__*/memo(SvgVpsProServers);
-export { Memo as ReactComponent };
+var Memo = /* @__PURE__ */ memo(SvgVpsProServers);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/assets/vps-servers.svg.js CHANGED Viewed

@@ -1,51 +1,64 @@
-import * as React from 'react';
-import { memo } from 'react';
+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({
+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 SvgVpsServers2(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", {
+  }, props), _g || (_g = /* @__PURE__ */ React.createElement("g", {
     className: "VPS-servers"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: "VPS-servers",
     clipPath: "url(#a)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: ".Square"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__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", {
+  })), /* @__PURE__ */ React.createElement("g", {
     className: "icon VPS"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     fill: "#A060F6",
     className: "fillStrong"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__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", {
+  }), /* @__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", {
+  })), /* @__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", {
+  }))))), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
     id: "a",
     className: "a"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#fff",
     d: "M0 0h64v64H0z"
   })))));
 };
-var Memo = /*#__PURE__*/memo(SvgVpsServers);
-export { Memo as ReactComponent };
+var Memo = /* @__PURE__ */ memo(SvgVpsServers);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/assets/vps-start-servers.svg.js CHANGED Viewed

@@ -1,53 +1,66 @@
-import * as React from 'react';
-import { memo } from 'react';
+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({
+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 SvgVpsStartServers2(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", {
+  }, props), _g || (_g = /* @__PURE__ */ React.createElement("g", {
     className: "VPS-start-servers"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: "VPS-start-servers",
     clipPath: "url(#a)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: ".Square"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__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", {
+  })), /* @__PURE__ */ React.createElement("g", {
     className: "icon VPS-start"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     fill: "#A060F6",
     className: "fillStrong"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__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", {
+  }), /* @__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", {
+  }), /* @__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", {
+  })), /* @__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", {
+  }))))), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
     id: "a",
     className: "a"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#fff",
     d: "M0 0h64v64H0z"
   })))));
 };
-var Memo = /*#__PURE__*/memo(SvgVpsStartServers);
-export { Memo as ReactComponent };
+var Memo = /* @__PURE__ */ memo(SvgVpsStartServers);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/assets/web-platform.svg.js CHANGED Viewed

@@ -1,44 +1,57 @@
-import * as React from 'react';
-import { memo } from 'react';
+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 SvgWebPlatform = function SvgWebPlatform(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+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 SvgWebPlatform = function SvgWebPlatform2(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", {
+  }, props), _g || (_g = /* @__PURE__ */ React.createElement("g", {
     className: "Web-Platform",
     clipPath: "url(#a)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: ".Square"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#F1EEFC",
     d: "M-.056 15.944c0-8.836 7.164-16 16-16h32c8.837 0 16 7.164 16 16v32c0 8.837-7.163 16-16 16h-32c-8.836 0-16-7.163-16-16z",
     className: "fillWeak"
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /* @__PURE__ */ React.createElement("g", {
     fillRule: "evenodd",
     className: "icon",
     clipRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#521094",
     d: "M28.518 13.75c-.486.585-.98 1.245-1.443 1.972h-9.38a3.944 3.944 0 0 0-3.945 3.945v1.668h11.348c-.022.626.003 1.29.064 1.973H13.75v17.788a3.944 3.944 0 0 0 3.945 3.944h6.41a.986.986 0 0 1 0 1.972h-6.41a5.917 5.917 0 0 1-5.917-5.916v-21.43a5.917 5.917 0 0 1 5.917-5.916zm17.243 1.972h-9.696a15.5 15.5 0 0 0-1.39-1.972H45.76a5.917 5.917 0 0 1 5.916 5.917v21.429a5.917 5.917 0 0 1-5.916 5.916h-6.78a.986.986 0 0 1 0-1.972h6.78a3.944 3.944 0 0 0 3.944-3.944V23.308H37.723a17 17 0 0 0 .05-1.973h11.932v-1.668a3.944 3.944 0 0 0-3.944-3.945M28.25 38.345c.546 0 .987.441.987.986v4.409a.986.986 0 0 1-1.972 0v-4.41c0-.545.441-.986.986-.986Zm7.6.986a.986.986 0 0 0-1.973 0v4.409a.986.986 0 0 0 1.972 0v-4.41Zm-3.307 3.306a.986.986 0 0 0-1.972 0v6.613a.986.986 0 1 0 1.972 0zm9.69-25.094a.986.986 0 0 0 0 1.972h3.944a.986.986 0 0 0 0-1.972z",
     className: "fill"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     fill: "#A060F6",
     d: "M32.25 9.992a.98.98 0 0 0-.664-.182.98.98 0 0 0-.665.182l.066.091-.067-.09-.002.002-.005.003-.015.012a6 6 0 0 0-.246.188c-.163.128-.393.315-.669.557a21 21 0 0 0-2.061 2.071c-1.523 1.76-3.217 4.328-3.633 7.41-.202 1.496-.106 3.183.146 4.864a4.4 4.4 0 0 0-1.058.647c-.683.557-1.317 1.367-1.8 2.42-.97 2.111-1.336 5.2-.308 9.315a.986.986 0 0 0 1.52.57l4.451-3.09.112.274.034.081.009.022.002.006.001.002a.99.99 0 0 0 .908.602H31.5q.044 0 .087-.004l.087.004h3.192a.99.99 0 0 0 .908-.602l-.908-.384.908.383.003-.007.01-.022.033-.08.112-.276 4.452 3.092a.986.986 0 0 0 1.519-.571c1.029-4.115.662-7.204-.308-9.316-.483-1.052-1.117-1.862-1.8-2.419a4.4 4.4 0 0 0-1.058-.647c.253-1.68.349-3.368.146-4.863-.416-3.083-2.11-5.652-3.633-7.411a21 21 0 0 0-2.06-2.071 17 17 0 0 0-.916-.745l-.015-.012-.005-.003zm-.066.091.066-.09zm-.604 1.892.006.005a19 19 0 0 0-2.172 2.137c-1.405 1.622-2.827 3.842-3.17 6.384-.2 1.473-.058 3.233.257 5.015q.027.076.041.157c.152.874.648 3.106 1.514 5.773a54 54 0 0 0 .915 2.53H31.5q.044 0 .087.004l.087-.003H34.2a54 54 0 0 0 1.523-4.477c.308-1.06.596-2.192.823-3.327q.048-.272.08-.479a1 1 0 0 1 .044-.178c.315-1.782.457-3.541.258-5.015-.344-2.542-1.766-4.762-3.17-6.385a19 19 0 0 0-2.172-2.136l.005-.005h-.01Zm-6.956 15.3q.096-.078.187-.14c.22 1.02.48 2.008.743 2.915.21.72.424 1.398.629 2.014q.16.49.335.998l-3.638 2.526c-.537-3.035-.155-5.195.49-6.599.371-.81.83-1.368 1.254-1.713Zm15.668 8.313-3.614-2.509c.83-2.175 1.39-4.436 1.691-5.938q.086.06.179.135c.423.345.882.903 1.254 1.713.644 1.404 1.026 3.564.49 6.6ZM30.34 20.711a1.218 1.218 0 1 1 2.436 0 1.218 1.218 0 0 1-2.436 0m1.218-3.19a3.19 3.19 0 1 0 0 6.38 3.19 3.19 0 0 0 0-6.38",
     className: "fillStrong"
-  })))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  })))), _defs || (_defs = /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
     id: "a",
     className: "a"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#fff",
     d: "M0 0h64v64H0z"
   })))));
 };
-var Memo = /*#__PURE__*/memo(SvgWebPlatform);
-export { Memo as ReactComponent };
+var Memo = /* @__PURE__ */ memo(SvgWebPlatform);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/assets/webhosting.svg.js CHANGED Viewed

@@ -1,47 +1,47 @@
-import * as React from 'react';
-import { memo } from 'react';
+import * as React from "react";
+import { memo } from "react";
 var _g;
-var SvgWebhosting = function SvgWebhosting(props) {
-  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+var SvgWebhosting = function SvgWebhosting2(props) {
+  return /* @__PURE__ */ React.createElement("svg", props, _g || (_g = /* @__PURE__ */ React.createElement("g", {
     className: "Web-Hosting"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: ".Square"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#EEF",
     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", {
+  })), /* @__PURE__ */ React.createElement("g", {
     fill: "#A365F6",
     className: "fillStrong"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     d: "M17 39c0 3.732 5.607 5.2 15 5.2l.87-.004C41.738 44.106 47 42.616 47 39a1 1 0 0 0-1.993-.117L45 39c0 1.92-4.89 3.2-13 3.2l-.827-.005c-7.479-.083-12.01-1.297-12.169-3.096L19 39a1 1 0 1 0-2 0"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     d: "M47 39c0-3.732-5.607-5.2-15-5.2l-.87.004C22.263 33.894 17 35.384 17 39a1 1 0 0 0 1.993.117L19 39c0-1.92 4.89-3.2 13-3.2l.827.005c7.479.083 12.01 1.297 12.169 3.096L45 39a1 1 0 1 0 2 0"
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /* @__PURE__ */ React.createElement("g", {
     fill: "#A365F6",
     className: "fillStrong"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     d: "M47.13 11a5.87 5.87 0 0 1 5.866 5.65l.004.22v23.26a5.87 5.87 0 0 1-5.65 5.866l-.22.004h-2.29a1 1 0 0 1-.117-1.993l.116-.007h2.291a3.87 3.87 0 0 0 3.865-3.67l.005-.2V16.87a3.87 3.87 0 0 0-3.67-3.865l-.2-.005H16.87a3.87 3.87 0 0 0-3.865 3.67l-.005.2v23.26a3.87 3.87 0 0 0 3.67 3.865l.2.005h2.266a1 1 0 0 1 .116 1.993l-.116.007H16.87a5.87 5.87 0 0 1-5.866-5.65L11 40.13V16.87a5.87 5.87 0 0 1 5.65-5.866l.22-.004z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     d: "M52 19v2H12v-2z"
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /* @__PURE__ */ React.createElement("g", {
     fill: "#4F0599",
     className: "fill"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     d: "M32 24c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15m12.557 18.377C46.15 41.563 47 40.453 47 39c0-1.453-.85-2.563-2.443-3.377C43.07 30.081 38.012 26 32 26c-6.012 0-11.07 4.08-12.557 9.623C17.85 36.437 17 37.547 17 39c0 1.453.85 2.563 2.443 3.377C20.93 47.919 25.988 52 32 52c6.012 0 11.07-4.08 12.557-9.623",
     clipRule: "evenodd",
     fillRule: "evenodd"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     d: "M32 24.084a1 1 0 0 1 .993.883l.007.117v13.964a1 1 0 0 1-1.993.117L31 39.048V25.084a1 1 0 0 1 1-1m-1 20.11V53l.007.117A1 1 0 0 0 33 53v-8.806l-.13.002-.87.004c-.338 0-.672-.002-1-.006"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     d: "M32 24c4.607 0 8 6.787 8 15a1 1 0 1 1-2 0c0-7.25-2.875-13-6-13s-6 5.75-6 13a1 1 0 1 1-2 0c0-8.213 3.393-15 8-15m-5.524 19.988C27.438 48.818 29.706 52 32 52c2.293 0 4.562-3.18 5.524-8.012a37.517 37.517 0 0 0 2.078-.237C38.565 49.756 35.642 54 32 54c-3.642 0-6.565-4.246-7.602-10.249.654.094 1.347.173 2.078.237"
-  })), /*#__PURE__*/React.createElement("path", {
+  })), /* @__PURE__ */ React.createElement("path", {
     fill: "#4F0599",
     d: "M41 15h5.498a1 1 0 0 1 .116 1.993l-.116.007H41a1 1 0 0 1-.117-1.993z",
     className: "fill"
   }))));
 };
-var Memo = /*#__PURE__*/memo(SvgWebhosting);
-export { Memo as ReactComponent };
+var Memo = /* @__PURE__ */ memo(SvgWebhosting);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/assets/zone.svg.js CHANGED Viewed

@@ -1,24 +1,23 @@
-import * as React from 'react';
-import { memo } from 'react';
+import * as React from "react";
+import { memo } from "react";
 var _g;
-var SvgZone = function SvgZone(props) {
-  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+var SvgZone = function SvgZone2(props) {
+  return /* @__PURE__ */ React.createElement("svg", props, _g || (_g = /* @__PURE__ */ React.createElement("g", {
     className: "Zone",
     clipPath: "url(#b)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /* @__PURE__ */ React.createElement("g", {
     className: ".Square"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /* @__PURE__ */ React.createElement("path", {
     fill: "#EEF",
     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("path", {
+  })), /* @__PURE__ */ React.createElement("path", {
     fill: "#A365F6",
     d: "M38.47 16.563a1 1 0 0 1-.332-1.965l.178-.03 7.88-.605a.995.995 0 0 1 .988.586.963.963 0 0 1 .083.307v.004l.002.023a.977.977 0 0 1 0 .153l-.606 7.88a1 1 0 0 1-1.991.027l-.003-.18.399-5.179-6.944 7.034a10.978 10.978 0 0 1 3.836 7.439h9.336l-3.947-3.384a1 1 0 0 1 1.155-1.623l.147.105 5.979 5.124a1.01 1.01 0 0 1 .203.224 1.001 1.001 0 0 1-.203 1.331l-5.98 5.125a1 1 0 0 1-1.427-1.39l.126-.129 3.948-3.383H41.95a10.975 10.975 0 0 1-3.78 7.287l6.966 7.007-.398-5.181a1 1 0 0 1 1.964-.332l.03.178.604 7.849a1.002 1.002 0 0 1-.891 1.102h-.004l-.024.002a1.015 1.015 0 0 1-.153 0l-7.879-.606a1 1 0 0 1-.027-1.992l.18-.002 5.187.399-7.207-7.249c-1.502.872-3.23 1.4-5.075 1.472L31 44v-2c4.831 0 8.77-3.8 8.99-8.576L40 33a9 9 0 0 0-8.145-8.96l-.431-.03L31 24v-2c1.99 0 3.855.528 5.465 1.451l7.195-7.288z",
     className: "fillStrong",
     clipRule: "evenodd",
     fillRule: "evenodd"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     fill: "#4F0599",
     d: "M31.98 12.799A1 1 0 0 0 31 12c-11.598 0-21 9.402-21 21s9.402 21 21 21a1 1 0 0 0 1-1V13c0-.069-.007-.136-.02-.201M30 14.123c-2.668.659-5.07 3.91-6.53 8.588a38.712 38.712 0 0 1 6.53-.7zm0 9.89c-2.54.064-4.943.372-7.116.871C22.32 27.34 22 30.09 22 33c0 2.91.32 5.66.884 8.116 2.173.499 4.575.807 7.116.871zm0 19.975a38.712 38.712 0 0 1-6.53-.7c1.46 4.68 3.862 7.93 6.53 8.589zm-4.595 7.175a19.044 19.044 0 0 1-12.568-12.568c1.986 1.786 4.904 3.229 8.395 4.173.944 3.49 2.387 6.409 4.173 8.395M12 33c0 3.06 3.455 5.89 8.711 7.53A39.143 39.143 0 0 1 20 33c0-2.648.25-5.189.711-7.53C15.455 27.11 12 29.94 12 33m.837-5.595c1.986-1.786 4.904-3.229 8.395-4.173.944-3.49 2.387-6.409 4.173-8.395a19.044 19.044 0 0 0-12.568 12.568",
     className: "fill",
@@ -26,6 +25,7 @@ var SvgZone = function SvgZone(props) {
     fillRule: "evenodd"
   }))));
 };
-var Memo = /*#__PURE__*/memo(SvgZone);
-export { Memo as ReactComponent };
+var Memo = /* @__PURE__ */ memo(SvgZone);
+export {
+  Memo as ReactComponent
+};

package/dist/components/ProductIcon/index.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { PRODUCT_ICONS } from './Icons';
+type Variants = 'primary' | 'danger' | 'warning' | 'original';
+declare const SIZES: {
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+};
+type ProductIconProps = {
+    name: keyof typeof PRODUCT_ICONS;
+    variant?: Variants;
+    disabled?: boolean;
+    size?: keyof typeof SIZES;
+};
+/**
+ * ProductIcon component is used to render a set of icons that are linked to a product or service.
+ * Those icons are made of multiple colors that changes automatically based on the current theme.
+ */
+export declare const ProductIcon: ({ name, variant, disabled, size, }: ProductIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProductIcon/index.js CHANGED Viewed

@@ -1,53 +1,56 @@
-import _styled from '@emotion/styled/base';
-import { PRODUCT_ICONS } from './Icons.js';
-import { jsx } from '@emotion/react/jsx-runtime';
+import { jsx } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { PRODUCT_ICONS } from "./Icons.js";
 const SIZES = {
   small: 32,
   medium: 40,
   large: 48,
   xlarge: 64
 };
-const StyledIcon = component => /*#__PURE__*/_styled(component, {
-  shouldForwardProp: prop => !['variant', 'disabled'].includes(prop),
-  target: "euby9wl0"
-})("&{width:", ({
-  size
-}) => `${SIZES[size]}px`, ";min-width:", ({
-  size
-}) => `${SIZES[size]}px`, ";height:", ({
-  size
-}) => `${SIZES[size]}px`, ";}path[fill].fill,g[fill].fill>*,g.fill>*{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => `${theme.colors.other.icon.product[variant][disabled ? 'fillDisabled' : 'fill']}`, ";}path[fill].fillStrong,g[fill].fillStrong>*,g.fillStrong>*{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => `${theme.colors.other.icon.product[variant][disabled ? 'fillStrongDisabled' : 'fillStrong']}`, ";}path[fill].fillWeak,g[fill].fillWeak>*,g.fillWeak>*{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => `${theme.colors.other.icon.product[variant][disabled ? 'fillWeakDisabled' : 'fillWeak']}`, ";}");
+const StyledIcon = (component) => styled(component, {
+  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop)
+})`
+  & {
+    width: ${({ size }) => `${SIZES[size]}px`};
+    min-width: ${({ size }) => `${SIZES[size]}px`}; // This is to avoid the icon to shrink when the text is too long
+    height: ${({ size }) => `${SIZES[size]}px`};
+  }
+  path[fill].fill,
+  g[fill].fill > *,
+  g.fill > * {
+    fill: ${({ theme, variant, disabled }) => `${theme.colors.other.icon.product[variant][disabled ? "fillDisabled" : "fill"]}`};
+  }
+  path[fill].fillStrong,
+  g[fill].fillStrong > *,
+  g.fillStrong > * {
+    fill: ${({ theme, variant, disabled }) => `${theme.colors.other.icon.product[variant][disabled ? "fillStrongDisabled" : "fillStrong"]}`};
+  }
-/**
- * ProductIcon component is used to render a set of icons that are linked to a product or service.
- * Those icons are made of multiple colors that changes automatically based on the current theme.
- */
+  path[fill].fillWeak,
+  g[fill].fillWeak > *,
+  g.fillWeak > * {
+    fill: ${({ theme, variant, disabled }) => `${theme.colors.other.icon.product[variant][disabled ? "fillWeakDisabled" : "fillWeak"]}`};
+  }
+`;
 const ProductIcon = ({
   name,
-  variant = 'primary',
+  variant = "primary",
   disabled,
-  size = 'small'
+  size = "small"
 }) => {
   const Icon = StyledIcon(PRODUCT_ICONS[name]);
-  return jsx(Icon, {
-    variant: variant,
-    disabled: disabled,
-    size: size,
-    viewBox: "0 0 64 64"
-  });
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      variant,
+      disabled,
+      size,
+      viewBox: "0 0 64 64"
+    }
+  );
+};
+export {
+  ProductIcon
 };
-export { ProductIcon };

package/dist/components/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export { CategoryIcon } from './CategoryIcon';
+export { ProductIcon } from './ProductIcon';