@ultraviolet/plus 0.7.2 → 0.8.1

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/sqs.svg.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgSqs = function SvgSqs(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "SqsSns",
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    className: "icon"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M32 10c-.5 0-.995.017-1.487.05a1 1 0 0 1-.133-1.996 24.343 24.343 0 0 1 3.24 0 1 1 0 1 1-.133 1.995A22.888 22.888 0 0 0 32 10m6.679-.038a1 1 0 0 1 1.274-.612c1.027.36 2.02.788 2.978 1.278a1 1 0 1 1-.912 1.78 21.865 21.865 0 0 0-2.728-1.171 1 1 0 0 1-.612-1.275m-13.358 0a1 1 0 0 1-.612 1.275c-.94.33-1.85.722-2.728 1.171a1 1 0 0 1-.912-1.78 23.88 23.88 0 0 1 2.977-1.278 1 1 0 0 1 1.275.612m21.5 4.421a1 1 0 0 1 1.413-.06 24.145 24.145 0 0 1 2.233 2.347 1 1 0 0 1-1.538 1.278 22.158 22.158 0 0 0-2.048-2.152 1 1 0 0 1-.06-1.413m-29.642 0a1 1 0 0 1-.06 1.413 22.15 22.15 0 0 0-2.048 2.152 1 1 0 0 1-1.538-1.278 24.145 24.145 0 0 1 2.233-2.346 1 1 0 0 1 1.413.06Zm-5.75 7.268a1 1 0 0 1 .502 1.323c-.203.45-.391.908-.564 1.374a1 1 0 1 1-1.875-.696c.189-.508.394-1.009.615-1.5a1 1 0 0 1 1.323-.501Zm41.141 0a1 1 0 0 1 1.323.501c.221.491.426.992.615 1.5a1 1 0 0 1-1.875.696 21.897 21.897 0 0 0-.564-1.374 1 1 0 0 1 .501-1.323M10.436 40.08a1 1 0 0 1 1.312.528c.187.44.388.872.602 1.296a1 1 0 0 1-1.786.901 23.909 23.909 0 0 1-.657-1.413 1 1 0 0 1 .529-1.312m43.128 0a1 1 0 0 1 .529 1.312c-.205.48-.424.95-.657 1.413a1 1 0 0 1-1.786-.901c.215-.424.415-.856.602-1.296a1 1 0 0 1 1.312-.528m-39.42 6.453a1 1 0 0 1 1.412.083 22.15 22.15 0 0 0 2.032 2.007 1 1 0 1 1-1.31 1.51 24.14 24.14 0 0 1-2.216-2.188 1 1 0 0 1 .083-1.412Zm35.712 0a1 1 0 0 1 .082 1.412c-.69.776-1.43 1.507-2.216 2.188a1 1 0 1 1-1.31-1.51 22.14 22.14 0 0 0 2.032-2.007 1 1 0 0 1 1.411-.083ZM21 52.23a1 1 0 0 1 1.338-.459c.851.417 1.733.78 2.64 1.085a1 1 0 0 1-.637 1.896 23.84 23.84 0 0 1-2.882-1.185A1 1 0 0 1 21 52.23m21.998 0a1 1 0 0 1-.459 1.337c-.928.455-1.89.851-2.882 1.185a1 1 0 1 1-.637-1.896 21.77 21.77 0 0 0 2.64-1.085 1 1 0 0 1 1.338.459m-13.49 2.658a1 1 0 0 1 1.061-.934 22.334 22.334 0 0 0 2.86 0 1 1 0 0 1 .127 1.996 24.352 24.352 0 0 1-3.114 0 1 1 0 0 1-.934-1.062M16 32.6a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M17.5 32.625a1 1 0 0 1-.324.737l-4.5 4.125a1 1 0 1 1-1.352-1.474l3.696-3.388-3.696-3.388a1 1 0 0 1 1.352-1.474l4.5 4.125a1 1 0 0 1 .324.737M56 32.6a1 1 0 0 1-1 1h-8a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M57.5 32.625a1 1 0 0 1-.324.737l-4.5 4.125a1 1 0 1 1-1.352-1.474l3.696-3.388-3.696-3.388a1 1 0 0 1 1.352-1.474l4.5 4.125a1 1 0 0 1 .324.737",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A365F6",
+    d: "M29.5 19.75a2.75 2.75 0 1 1 5.5 0v24.5a2.75 2.75 0 1 1-5.5 0zM32.25 45a.75.75 0 0 0 .75-.75v-24.5a.75.75 0 0 0-1.5 0v24.5c0 .414.336.75.75.75",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M37 26.75a2.75 2.75 0 1 1 5.5 0v10.5a2.75 2.75 0 1 1-5.5 0zM39.75 38a.75.75 0 0 0 .75-.75v-10.5a.75.75 0 0 0-1.5 0v10.5c0 .414.336.75.75.75M22 26.75a2.75 2.75 0 1 1 5.5 0v10.5a2.75 2.75 0 1 1-5.5 0zM24.75 38a.75.75 0 0 0 .75-.75v-10.5a.75.75 0 0 0-1.5 0v10.5c0 .414.336.75.75.75",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgSqs);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/ssl-certificates.svg.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgSslCertificates = function SvgSslCertificates(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "SSL-Certificates"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    fill: "#4F0599",
+    d: "M49 23v-.003a1 1 0 0 0-.293-.704l-10-10a1.002 1.002 0 0 0-.712-.293H16a1 1 0 0 0-1 1v22a1 1 0 0 1 1-1h1V14h19.998v9.002a1 1 0 0 0 1 1H47V34h1a1 1 0 0 1 1 1zm-10-7.582v6.584h6.584z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#A365F6",
+    className: "fillStrong"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M28.166 47.488c-.546.4-1.19.6-1.93.6a5.09 5.09 0 0 1-1.029-.116c-.37-.077-.654-.188-.852-.335a.507.507 0 0 1-.176-.226 1.133 1.133 0 0 1-.055-.401c0-.609.095-.913.286-.913.037 0 .132.044.286.132a.702.702 0 0 1 .115.06c.04.026.087.05.138.072.381.19.766.286 1.155.286.3 0 .561-.064.781-.193.22-.128.33-.346.33-.654a.683.683 0 0 0-.28-.561c-.188-.147-.472-.312-.853-.495a8.048 8.048 0 0 1-.88-.49 2.026 2.026 0 0 1-.583-.6c-.161-.248-.242-.553-.242-.912 0-.887.279-1.53.836-1.93.557-.4 1.232-.6 2.024-.6.389 0 .733.042 1.034.126.3.085.528.19.682.314.125.103.187.205.187.308 0 .095-.04.222-.121.38-.08.157-.178.296-.291.417-.114.121-.211.182-.292.182a.415.415 0 0 1-.137-.039 2.464 2.464 0 0 1-.16-.071 2.49 2.49 0 0 0-.902-.165c-.418 0-.704.071-.858.214-.154.143-.231.303-.231.479 0 .169.048.31.143.423.095.114.21.21.346.286.136.077.35.182.644.314 1.137.52 1.705 1.225 1.705 2.112 0 .931-.273 1.597-.82 1.996m5.5 0c-.546.4-1.19.6-1.93.6a5.09 5.09 0 0 1-1.029-.116c-.37-.077-.654-.188-.852-.335a.507.507 0 0 1-.176-.226 1.133 1.133 0 0 1-.055-.401c0-.609.095-.913.286-.913.037 0 .132.044.286.132a.702.702 0 0 1 .115.06c.04.026.087.05.138.072.381.19.766.286 1.155.286.3 0 .561-.064.781-.193.22-.128.33-.346.33-.654a.683.683 0 0 0-.28-.561c-.188-.147-.472-.312-.853-.495a8.048 8.048 0 0 1-.88-.49 2.026 2.026 0 0 1-.583-.6c-.161-.248-.242-.553-.242-.912 0-.887.279-1.53.836-1.93.557-.4 1.232-.6 2.024-.6.389 0 .733.042 1.034.126.3.085.528.19.682.314.125.103.187.205.187.308 0 .095-.04.222-.121.38-.08.157-.178.296-.291.417-.114.121-.211.182-.292.182a.415.415 0 0 1-.138-.039 2.464 2.464 0 0 1-.159-.071 2.49 2.49 0 0 0-.902-.165c-.418 0-.704.071-.858.214-.154.143-.231.303-.231.479 0 .169.048.31.143.423.095.114.21.21.347.286.135.077.35.182.643.314 1.137.52 1.705 1.225 1.705 2.112 0 .931-.273 1.597-.82 1.996m5.682.512a.333.333 0 0 0 .292-.154c.07-.102.115-.271.137-.506l.011-.12c.008-.052.011-.122.011-.21 0-.161-.024-.276-.071-.346-.048-.07-.123-.105-.226-.105H37.05l.627-5.94c.015-.139-.046-.23-.181-.275a1.438 1.438 0 0 0-.446-.066h-.385c-.44 0-.67.118-.693.352l-.737 6.996c-.015.14.01.237.072.292.062.055.17.082.324.082h3.718Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M48 34H16a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1V35a1 1 0 0 0-1-1m-1 2v16H17V36z",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgSslCertificates);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/support.svg.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgSupport = function SvgSupport(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Support"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    className: "Support"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "Icon"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "m26.912 13.55.317 1.997a18.211 18.211 0 0 0-11.706 11.757l-2.002-.3A20.212 20.212 0 0 1 26.913 13.55Zm.351 36.58a18.211 18.211 0 0 1-11.74-11.767l-2.002.3A20.212 20.212 0 0 0 26.954 52.13zm24.842-11.338-1.996-.322a18.212 18.212 0 0 1-11.706 11.66l.309 2a20.213 20.213 0 0 0 13.393-13.338m0-11.918A20.213 20.213 0 0 0 38.754 13.55l-.317 1.997a18.212 18.212 0 0 1 11.672 11.65l1.996-.322Z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A365F6",
+    d: "M38.929 12.496A36.852 36.852 0 0 0 32.834 12c-2.098 0-4.146.168-6.096.496a1 1 0 0 0-.822 1.141l1.762 11.185 1.976-.311-1.609-10.192.14-.019a35.45 35.45 0 0 1 4.649-.3l1.185.019c1.18.038 2.337.132 3.463.281l.135.02-1.604 10.19 1.975.312 1.763-11.185.012-.178a1 1 0 0 0-.834-.963m14.242 14.2a1 1 0 0 0-1.145-.822L40.84 27.678l.318 1.975 10.184-1.644.023.14c.2 1.513.3 3.083.3 4.684l-.018 1.195a35.414 35.414 0 0 1-.282 3.49l-.023.137-10.183-1.642-.319 1.975 11.185 1.804.18.013a1 1 0 0 0 .965-.835 37.34 37.34 0 0 0 .496-6.136c0-2.112-.168-4.175-.496-6.137ZM13.63 26.01l-.177-.011a1 1 0 0 0-.956.831A35.734 35.734 0 0 0 12 32.833c0 2.064.168 4.08.496 6.003a1 1 0 0 0 1.133.82l11.185-1.667-.295-1.978-10.2 1.518-.019-.127a34.298 34.298 0 0 1-.3-4.569l.019-1.165c.038-1.159.132-2.297.281-3.404l.02-.13 10.2 1.52.294-1.978-11.185-1.666Zm24.36 14.838 1.719 11.185a1 1 0 0 1-.822 1.137 36.331 36.331 0 0 1-6.053.496c-2.081 0-4.116-.167-6.053-.496a1 1 0 0 1-.833-.96l.012-.178 1.718-11.184 1.977.303-1.567 10.194.134.02c1.117.15 2.266.244 3.436.282l1.177.02c1.576 0 3.122-.102 4.612-.301l.131-.021-1.565-10.193z",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M22.666 32.834c0-5.615 4.552-10.167 10.167-10.167S43 27.219 43 32.834 38.448 43 32.833 43s-10.166-4.55-10.166-10.166Zm18.334 0a8.167 8.167 0 1 0-16.333 0 8.167 8.167 0 0 0 16.333 0",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))))));
+};
+var Memo = /*#__PURE__*/memo(SvgSupport);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/terraform.svg.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgTerraform = function SvgTerraform(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Terraform"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    className: "Icon Terraform"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#A365F6",
+    d: "M39.367 24.622v14.759L52.151 32V17.238z",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    opacity: 0.7
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "m11 23.758 12.784 7.386V16.38L11 9zm14.187-6.515 12.784 7.38V39.38L25.187 32V17.244Zm12.777 38.52-12.777-7.385V33.619L37.964 41z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgTerraform);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/transactional-email.svg.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgTransactionalEmail = function SvgTransactionalEmail(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Transactional-Email",
+    clipPath: "url(#b)"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    fill: "#A365F6",
+    d: "M22.538 23.752a.9.9 0 0 0-.9.9l.002 15.732a.9.9 0 0 0 .9.9h33.872l-1.657 1.657a.9.9 0 1 0 1.273 1.272l3.109-3.108a.9.9 0 0 0 0-1.273l-3.109-3.108a.9.9 0 1 0-1.273 1.272l1.488 1.488H23.44V28.695l9.711 6.338a.9.9 0 0 0 1.012-.02l8.519-6.034v7.249a.9.9 0 1 0 1.8 0V24.65a.9.9 0 0 0-.9-.9H22.538Zm11.085 9.439-10.184-6.645v-.994h19.243v1.221z",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M14.876 21a5 5 0 0 1 5-5h26.242a5 5 0 0 1 5 5v15.898a1 1 0 0 1-2 0V21a3 3 0 0 0-3-3H19.876a3 3 0 0 0-3 3v22.54a3 3 0 0 0 3 3h26.242a3 3 0 0 0 3-3v-.072a1 1 0 0 1 2 0v.072a5 5 0 0 1-5 5H19.876a5 5 0 0 1-5-5v-1.578h-3.907a.9.9 0 0 1 0-1.8h3.907V36.41H7.267a.9.9 0 0 1 0-1.8h7.609v-3.752H8.193a.9.9 0 1 1 0-1.8h6.683v-3.753H4a.9.9 0 1 1 0-1.8h10.876zM7.267 40.162a.9.9 0 0 0 0 1.8h.926a.9.9 0 1 0 0-1.8zM4.491 29.057a.9.9 0 0 0 0 1.8h.925a.9.9 0 1 0 0-1.8z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))));
+};
+var Memo = /*#__PURE__*/memo(SvgTransactionalEmail);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/tutorial.svg.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgTutorial = function SvgTutorial(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Tutorial"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#EEF",
+    d: "M.512 16c0-8.837 7.163-16 16-16h32c8.836 0 16 7.163 16 16v32c0 8.837-7.164 16-16 16h-32c-8.837 0-16-7.163-16-16z",
+    className: "fillWeak"
+  })), /*#__PURE__*/React.createElement("g", {
+    className: "Tutorial"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "Icon"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M50.166 15.006c.598-.223 1.227.175 1.328.793l.014.174.004 24.86c0 .349-.172.67-.45.858l-.148.083-18.05 8.169a.974.974 0 0 1-.65.055l-.157-.056L14.11 41.78a1.025 1.025 0 0 1-.582-.769l-.014-.172-.003-24.86c0-.652.577-1.124 1.175-1.012l.163.045 6.476 2.395c.52.192.79.781.603 1.316a.997.997 0 0 1-1.105.667l-.174-.047-5.14-1.902.004 22.727 16.948 7.708 17.05-7.716-.004-22.721-5.08 1.902a.987.987 0 0 1-1.206-.447l-.076-.168a1.043 1.043 0 0 1 .434-1.24l.164-.078 6.422-2.402Z",
+    className: "fill"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M44.704 21.547a.99.99 0 0 0-1.3-.571l-11.22 4.634-.16.084c-.402.26-.578.785-.395 1.254a.991.991 0 0 0 1.3.57l11.219-4.633.16-.085c.402-.26.578-.785.395-1.253Zm0 6.499a.99.99 0 0 0-1.3-.571l-11.219 4.634-.16.084c-.402.26-.578.785-.395 1.254a.991.991 0 0 0 1.3.57l11.219-4.633.16-.085c.402-.26.578-.784.395-1.253",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A365F6",
+    d: "m31.513 20.032-9.525-4.413.002 19.566 9.523 4.542zm.41 22.16-11.352-5.415a1.031 1.031 0 0 1-.58-.933l-.003-21.814c0-.747.75-1.245 1.41-.938l11.141 5.16 11.133-5.16c.661-.307 1.41.191 1.41.938l.003 21.81c0 .4-.226.765-.579.933l-11.36 5.419a.983.983 0 0 1-.61.198.983.983 0 0 1-.612-.198Zm1.635-2.465 9.526-4.544-.002-19.564-9.524 4.414z",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))))));
+};
+var Memo = /*#__PURE__*/memo(SvgTutorial);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/user.svg.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgUser = function SvgUser(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "User"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    className: "User"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M32 33.7c-5.819 0-10.556 4.776-10.556 10.692v1.315l.101.067c.328.213.875.518 1.698.83 1.648.626 4.414 1.285 8.757 1.285s7.11-.66 8.756-1.284c.824-.313 1.371-.618 1.699-.83l.1-.068v-1.315C42.555 38.476 37.82 33.7 32 33.7m11.555 12.49.712.704a1 1 0 0 0 .288-.703v-1.799c0-6.999-5.61-12.692-12.555-12.692-6.945 0-12.556 5.693-12.556 12.692v1.799a1 1 0 0 0 .29.703l.71-.703-.71.704.001.001.003.003.006.006.016.015a2.581 2.581 0 0 0 .183.161c.119.096.287.223.512.37.45.292 1.125.662 2.079 1.024 1.909.724 4.92 1.414 9.466 1.414 4.545 0 7.557-.69 9.466-1.414.954-.362 1.629-.732 2.08-1.024.224-.147.392-.273.51-.37a3.46 3.46 0 0 0 .184-.161l.015-.015.007-.006.002-.003.002-.001-.71-.704Z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A365F6",
+    d: "M32 15.461c-3.364 0-6.112 2.763-6.112 6.196 0 3.432 2.747 6.195 6.111 6.195 3.365 0 6.112-2.763 6.112-6.195 0-3.433-2.747-6.196-6.111-6.196m-8.112 6.196c0-4.515 3.62-8.196 8.111-8.196 4.491 0 8.112 3.68 8.112 8.196 0 4.515-3.62 8.195-8.111 8.195-4.491 0-8.112-3.68-8.112-8.195",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgUser);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/verify-card.svg.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgVerifyCard = function SvgVerifyCard(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Verify-card"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    className: "Icon"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M31.621 12.074a1 1 0 0 1 .758 0l17 6.954a1 1 0 0 1 .621.926v10.49c0 5.034-1.889 9.886-5.037 13.748-3.12 3.83-7.496 6.71-12.524 7.84a1 1 0 0 1-.415.005 22.351 22.351 0 0 1-12.988-7.846C15.888 40.329 14 35.478 14 30.444v-10.49a1 1 0 0 1 .621-.926zM16 20.625v9.819c0 4.534 1.703 8.946 4.587 12.484l.002.002a20.352 20.352 0 0 0 11.619 7.103c4.474-1.058 8.392-3.651 11.205-7.105C46.297 39.39 48 34.978 48 30.444v-9.819L32 14.08z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A365F6",
+    d: "M32 22.08a5 5 0 1 1 0 10 5 5 0 0 1 0-10",
+    className: "fillStrong"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M40.728 40.26c-2.118 3.03-5.286 5.304-8.978 6.416-3.692-1.112-6.86-3.386-8.978-6.414a16.378 16.378 0 0 1-1.522-2.504c0-2.7 4.742-4.908 10.5-4.908s10.5 2.16 10.5 4.908a16.4 16.4 0 0 1-1.522 2.502",
+    className: "fill"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(SvgVerifyCard);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/video.svg.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgVideo = function SvgVideo(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Video"
+  }, /*#__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: "Video"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: "icon"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#521094",
+    d: "M17.335 17.334c2.154-2.154 5.4-3 9.665-3h10c4.265 0 7.511.846 9.666 3 2.154 2.155 3 5.4 3 9.666v10c0 4.265-.846 7.511-3 9.665-2.155 2.155-5.4 3.002-9.666 3.002H27c-4.265 0-7.511-.847-9.665-3.002-2.155-2.154-3.002-5.4-3.002-9.665V27c0-4.265.847-7.511 3.002-9.666m1.414 1.415c-1.596 1.595-2.416 4.183-2.416 8.25v10c0 4.069.82 6.656 2.416 8.252 1.596 1.596 4.183 2.416 8.251 2.416h10c4.068 0 6.656-.82 8.251-2.416 1.596-1.596 2.416-4.183 2.416-8.251V27c0-4.068-.82-6.656-2.416-8.251-1.595-1.596-4.183-2.416-8.251-2.416H27c-4.068 0-6.655.82-8.251 2.416",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A060F6",
+    d: "M29.134 27.171c-.489.28-.967.984-.967 2.362v4.934c0 1.368.477 2.073.968 2.356.491.284 1.343.345 2.532-.34l4.267-2.466c1.19-.685 1.562-1.452 1.562-2.017s-.373-1.332-1.562-2.017l-4.266-2.466c-1.191-.686-2.044-.627-2.534-.346m-.997-1.734c1.323-.76 2.97-.55 4.529.346l.001.001 2.133 1.234 2.132 1.232h.001c1.56.9 2.563 2.224 2.563 3.75 0 1.526-1.002 2.85-2.563 3.75l-4.267 2.467c-1.561.898-3.21 1.101-4.53.339-1.322-.763-1.97-2.29-1.97-4.09v-4.933c0-1.805.647-3.335 1.971-4.096",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))))));
+};
+var Memo = /*#__PURE__*/memo(SvgVideo);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/volume.svg.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgVolume = function SvgVolume(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "Volume"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    fill: "#A365F6",
+    d: "m33.025 32.008.032-2L32.008 30c-.336 0-.664.002-.99.007l.029 2 .477-.005.484-.002c.34 0 .68.003 1.017.008m1.954-1.94c.689.032 1.367.075 2.03.129l-.161 1.993a57.327 57.327 0 0 0-1.962-.124zm6.162.634a43.564 43.564 0 0 0-2.026-.293l-.241 1.986c.67.081 1.317.175 1.932.28zm1.957.389a22.3 22.3 0 0 1 2.018.56l-.632 1.897a20.554 20.554 0 0 0-1.837-.509zM49 34.976c-.011-.963-.659-1.749-1.748-2.393l-1.018 1.722c.554.327.766.586.766.695-.001 1.23-6.179 2.834-13.814 2.988L32 38c-8.172 0-15-1.707-15-3v-.002c.01-.124.248-.396.812-.722l-.999-1.732c-1.078.622-1.736 1.372-1.807 2.301h.006A1.002 1.002 0 0 0 15 35c0 2.986 6.848 4.83 15.746 4.989L32 40c9.5 0 17-1.875 17-5zM26.956 30.2a59.055 59.055 0 0 1 2.03-.13l.094 1.998a57.14 57.14 0 0 0-1.962.125zm-2.032.205a43.82 43.82 0 0 0-2.026.292l.332 1.972a41.843 41.843 0 0 1 1.934-.278zm-6.083 1.261a22.31 22.31 0 0 1 2.018-.564l.454 1.948c-.676.158-1.29.33-1.835.512z",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "m32 12-1.254.011C21.848 12.17 15 14.014 15 17v30l.014.229C15.464 50.227 22.811 52 32 52l1.254-.011C42.153 51.831 49 49.986 49 47V17c0-3.125-7.5-5-17-5m2.83 9.942c5.316-.22 9.745-1.067 12.17-2.414v27.473c0 1.293-6.828 3-15 3-8.026 0-14.794-1.633-15-2.996l-.003-.08L17 19.528C19.844 21.108 25.446 22 32 22l1.254-.011a66.37 66.37 0 0 0 1.577-.047ZM47 16.974C46.91 15.684 40.117 14 32 14l-.596.003C23.5 14.083 17 15.738 17 17l.012.095c.305 1.216 6.361 2.743 13.802 2.893L32 20c7.99 0 14.693-1.631 14.99-2.913l.001-.009z",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))));
+};
+var Memo = /*#__PURE__*/memo(SvgVolume);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/vpc.svg.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _g;
+var SvgVpc = function SvgVpc(props) {
+  return /*#__PURE__*/React.createElement("svg", props, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    className: "VPC"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    fill: "#A365F6",
+    d: "M33 12.873a4.006 4.006 0 0 1-2 0V25.07a7.06 7.06 0 0 1 2 0zm4.426 14.704c.421.515.77 1.092 1.03 1.714l10.737-6.442a3.997 3.997 0 0 1-1.03-1.714l-10.736 6.442Zm1.128 6.885a6.983 6.983 0 0 1-.965 1.752l10.535 5.794a3.99 3.99 0 0 1 .965-1.752zM33 38.928a7.062 7.062 0 0 1-2 0v12.197a4.01 4.01 0 0 1 2 0zm-6.589-2.713c-.4-.53-.727-1.12-.965-1.752l-10.534 5.794c.457.485.795 1.085.964 1.752zm-.868-6.924a6.993 6.993 0 0 1 1.03-1.714l-10.737-6.442a3.997 3.997 0 0 1-1.03 1.714z",
+    className: "fillStrong",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4F0599",
+    d: "M32 5a4 4 0 0 1 3.855 5.07l12.975 7.49a3.994 3.994 0 0 1 2.97-1.555L52 16a4 4 0 0 1 .919 7.894v15.212a4.002 4.002 0 0 1-.72 7.889L52 47c-.97 0-1.86-.346-2.552-.92l-13.593 7.848a4.005 4.005 0 0 1-3.655 5.067L32 59a4 4 0 0 1-3.855-5.072L14.552 46.08a3.982 3.982 0 0 1-2.352.915L12 47a4 4 0 0 1-.919-7.894V23.894a4.002 4.002 0 0 1 .72-7.889L12 16c1.29 0 2.439.611 3.17 1.56l12.975-7.49A4.003 4.003 0 0 1 31.8 5.005zm.2 7.995a3.987 3.987 0 0 0 2.655-1.193l13.187 7.614a4.002 4.002 0 0 0 2.876 4.436v15.296a4.002 4.002 0 0 0-2.647 5.302l-13.418 7.747A3.988 3.988 0 0 0 32 51l-.2.005a3.987 3.987 0 0 0-2.653 1.192L15.729 44.45a4.002 4.002 0 0 0-2.648-5.303V23.853a4.002 4.002 0 0 0 2.877-4.437l13.187-7.613A3.988 3.988 0 0 0 32 13zM30 55a2 2 0 1 1 4 0 2 2 0 0 1-4 0m22-14a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-42 2a2 2 0 1 1 4 0 2 2 0 0 1-4 0m2-25a2 2 0 1 0 0 4 2 2 0 0 0 0-4m38 2a2 2 0 1 1 4 0 2 2 0 0 1-4 0M30 9a2 2 0 1 1 4 0 2 2 0 0 1-4 0m7 23a5 5 0 1 1-10 0 5 5 0 0 1 10 0m2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0",
+    className: "fill",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))));
+};
+var Memo = /*#__PURE__*/memo(SvgVpc);
+
+export { Memo as ReactComponent };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/webhosting.svg.js

@@ -0,0 +1,47 @@
+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", {
+    className: "Web-Hosting"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    fill: "#A365F6",
+    className: "fillStrong"
+  }, /*#__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", {
+    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", {
+    fill: "#A365F6",
+    className: "fillStrong"
+  }, /*#__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", {
+    d: "M52 19v2H12v-2z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#4F0599",
+    className: "fill"
+  }, /*#__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", {
+    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", {
+    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", {
+    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 };

package/dist/@ultraviolet/icons/dist/components/ProductIcon/assets/zone.svg.js

@@ -0,0 +1,31 @@
+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", {
+    className: "Zone",
+    clipPath: "url(#b)"
+  }, /*#__PURE__*/React.createElement("g", {
+    className: ".Square"
+  }, /*#__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", {
+    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", {
+    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",
+    clipRule: "evenodd",
+    fillRule: "evenodd"
+  }))));
+};
+var Memo = /*#__PURE__*/memo(SvgZone);
+
+export { Memo as ReactComponent };

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

@@ -0,0 +1,53 @@
+import _styled from '@emotion/styled/base';
+import { PRODUCT_ICONS } from './Icons.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+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']}`, ";}");
+
+/**
+ * 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.
+ */
+const ProductIcon = ({
+  name,
+  variant = 'primary',
+  disabled,
+  size = 'small'
+}) => {
+  const Icon = StyledIcon(PRODUCT_ICONS[name]);
+  return jsx(Icon, {
+    variant: variant,
+    disabled: disabled,
+    size: size,
+    viewBox: "0 0 64 64"
+  });
+};
+
+export { ProductIcon };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import CodeMirror from '@uiw/react-codemirror';
 import { Alert } from '@ultraviolet/ui';
 import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
+import { ProductIcon } from '@ultraviolet/icons';
 
 type ContentCardProps = {
     direction?: 'row' | 'column';
@@ -357,4 +358,36 @@ type CustomerSatisfactionProps = {
 };
 declare const CustomerSatisfaction: ({ value, onChange, "data-testid": dataTestId, className, }: CustomerSatisfactionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { CodeEditor, ContentCard, ContentCardGroup, CustomerSatisfaction, EstimateCost, _default as estimateCostDefaultLocales };
+declare const Conversation: {
+    ({ children }: {
+        children: ReactNode;
+    }): _emotion_react_jsx_runtime.JSX.Element;
+    Date: ({ children }: {
+        children: ReactNode;
+    }) => _emotion_react_jsx_runtime.JSX.Element;
+    Message: ({ className, children, avatar, align, }: MessageProps) => _emotion_react_jsx_runtime.JSX.Element;
+    MessageInfos: ({ children, align, }: {
+        children: ReactNode;
+        align: 'left' | 'right';
+    }) => _emotion_react_jsx_runtime.JSX.Element;
+    Tag: ({ children }: {
+        children: ReactNode;
+    }) => _emotion_react_jsx_runtime.JSX.Element;
+};
+type MessageProps = {
+    className?: string;
+    children: ReactNode;
+    avatar: ReactNode;
+    align?: 'left' | 'right';
+};
+
+type FAQProps = {
+    description: string;
+    productIconName?: ComponentProps<typeof ProductIcon>['name'];
+    illustrationText?: number | string;
+    notes?: string;
+    title: string;
+};
+declare const FAQ: ({ productIconName, illustrationText, title, description, notes, }: FAQProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+export { CodeEditor, ContentCard, ContentCardGroup, Conversation, CustomerSatisfaction, EstimateCost, FAQ, _default as estimateCostDefaultLocales };