@ultraviolet/plus 0.5.9 → 0.6.0

package/dist/index.d.ts

@@ -234,7 +234,7 @@ declare const EstimateCost: {
         isPrimaryBackground?: boolean | undefined;
         iteration?: Iteration | undefined;
         label?: ReactNode;
-        labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "headingLarge" | "headingSmall" | undefined;
+        labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "codeStrong" | "codeStronger" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger" | undefined;
         labelTextProminence?: "strong" | "weak" | "default" | "stronger" | undefined;
         longFractionDigits?: boolean | undefined;
         maxAmount?: number | undefined;
@@ -327,4 +327,34 @@ declare const EstimateCost: {
     }) => _emotion_react_jsx_runtime.JSX.Element;
 };
 
-export { CodeEditor, ContentCard, ContentCardGroup, EstimateCost, _default as estimateCostDefaultLocales };
+declare const ratings: readonly [{
+    readonly value: 1;
+    readonly imgSelected: keyof JSX.IntrinsicElements;
+    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+}, {
+    readonly value: 2;
+    readonly imgSelected: keyof JSX.IntrinsicElements;
+    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+}, {
+    readonly value: 3;
+    readonly imgSelected: keyof JSX.IntrinsicElements;
+    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+}, {
+    readonly value: 4;
+    readonly imgSelected: keyof JSX.IntrinsicElements;
+    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+}, {
+    readonly value: 5;
+    readonly imgSelected: keyof JSX.IntrinsicElements;
+    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+}];
+type Value = (typeof ratings)[number]['value'];
+type CustomerSatisfactionProps = {
+    value: Value;
+    onChange: (rating: Value) => void;
+    'data-testid'?: string;
+    className?: string;
+};
+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 };

package/dist/src/components/CustomerSatisfaction/assets/1-5.svg.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _path, _path2, _path3, _path4, _path5;
+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 Svg15 = function Svg15(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#eef",
+    fillRule: "evenodd",
+    d: "M36.1 0c-4.3 0-8.6.4-12.9 1.1C11.5 3.1 4 9.6 1.5 21.4c-1.9 9.3-2.1 18.7-.2 28 2.3 12 9.6 19.3 21.6 21.4 4.3.8 8.7 1.1 13 1.1 4.3 0 8.6-.4 12.9-1.1 11.6-2 19.3-9.2 21.8-20.9 1.8-9.2 1.8-18.6 0-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4 40.4 0 36.1 0",
+    clipRule: "evenodd"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2e3192",
+    fillRule: "evenodd",
+    d: "M70.7 22.2c-2.3-12-9.5-18.9-21.6-21-.6-.1-1.2-.2-1.9-.3C50.2 3 58.7 9.8 62 22c.3 1 5.2 20.2-7 34-10.9 12.3-30.9 15.4-48.1 6.2 3.7 4.5 9.1 7.5 16 8.7 4.3.8 8.7 1.1 13 1.1 4.3 0 8.6-.4 12.9-1.1 11.6-2 19.3-9.2 21.8-20.9 1.9-9.2 1.8-18.6.1-27.8z",
+    clipRule: "evenodd",
+    opacity: 0.06
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    fill: "#1b1464",
+    d: "M37.6 47.7c-.1 0-.3 0-.4-.1-2.4-.9-5-.9-7.4 0-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6 3-1.1 6.2-1.1 9.2 0 .6.2 1 1 .7 1.6-.2.5-.7.8-1.2.8z",
+    opacity: 0.31
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#4f0599",
+    d: "M33.9 36.2c-7 0-13.6 2.7-18.5 7.7-.5.5-.5 1.3 0 1.7.5.5 1.3.5 1.7 0 4.5-4.5 10.4-6.9 16.8-6.9s12.3 2.5 16.8 6.9c.2.2.6.4.9.4.3 0 .6-.1.9-.4.5-.5.5-1.3 0-1.7-5-5-11.6-7.7-18.6-7.7m-20-6.7c0 2.5 2.1 4.6 4.6 4.6s4.6-2.1 4.6-4.6c0-.5-.1-1-.3-1.5.5.1 1 .1 1.6.1 1.4 0 3-.2 4.8-.7.7-.2 1-.9.9-1.5-.2-.7-.9-1-1.5-.9-8.8 2.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4-.6.4-.7 1.1-.4 1.7 0 .1.9 1.3 2.6 2.6-1.5.8-2.5 2.3-2.5 4zm38.5-8.3c-.6-.4-1.3-.2-1.7.4 0 .1-3.9 5.8-12.7 3.4-.7-.2-1.3.2-1.5.9-.2.7.2 1.3.9 1.5 1.8.5 3.4.7 4.8.7.5 0 1.1 0 1.6-.1-.2.5-.3 1-.3 1.5 0 2.5 2.1 4.6 4.6 4.6s4.6-2.1 4.6-4.6c0-1.7-.9-3.2-2.3-4 1.7-1.3 2.5-2.5 2.6-2.6.2-.6 0-1.3-.6-1.7z"
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "#f954a2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 1.5,
+    d: "m46 9.5-2.3 2.3-2.3-2.3m6.5 6.6-2.3-2.3 2.3-2.3m-6.3 6.3 2.3-2.3 2.3 2.3m-6.6-6.5 2.4 2.3-2.4 2.3"
+  })));
+};
+var Memo = /*#__PURE__*/memo(Svg15);
+var rating1 = Memo;
+
+export { rating1 as default };

package/dist/src/components/CustomerSatisfaction/assets/1-5NB.svg.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _path, _path2, _path3, _path4, _path5;
+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 Svg15Nb = function Svg15Nb(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#f0f0f0",
+    d: "M36.1 0c-4.3 0-8.6.4-12.9 1.1C11.5 3.1 4 9.6 1.5 21.4c-2 9.2-2.1 18.8-.2 28 2.3 12 9.6 19.2 21.6 21.4 4.3.8 8.6 1.1 13 1.1 4.3 0 8.6-.4 12.9-1.1 11.6-2 19.3-9.2 21.8-20.9 1.8-9.2 1.8-18.6 0-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4 40.4 0 36.1 0"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#3b3b3b",
+    d: "M70.7 22.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4 6.1 59.6 13.5 62 22c.3 1 5.2 20.2-7 34-10.9 12.3-30.9 15.4-48 6.2 3.7 4.5 9.1 7.5 16 8.7 4.3.8 8.6 1.1 13 1.1 4.3 0 8.6-.4 12.9-1.1 11.6-2 19.3-9.2 21.8-20.9 1.8-9.2 1.8-18.6 0-27.8z",
+    opacity: 0.06
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    fill: "#1f1f1f",
+    d: "M37.6 47.7c-.2 0-.3 0-.4-.1-2.4-.9-5-.9-7.4 0-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6 3-1.2 6.2-1.2 9.2 0 .6.2 1 1 .7 1.6-.2.5-.7.8-1.2.8z",
+    opacity: 0.31
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2b2b2b",
+    d: "M33.9 36.2c-6.9 0-13.6 2.7-18.5 7.7-.5.5-.4 1.3.1 1.8.5.4 1.2.4 1.6 0 9.3-9.3 24.3-9.3 33.5 0 .5.5 1.3.4 1.8-.1.4-.5.4-1.2 0-1.6-4.9-5.1-11.5-7.8-18.5-7.8zm-20-6.7c-.1 2.5 1.8 4.7 4.4 4.8 2.5.1 4.7-1.8 4.8-4.4v-.4c0-.5-.1-1-.3-1.5.5.1 1 .1 1.5.1 1.6 0 3.2-.2 4.8-.7.7-.2 1-.9.9-1.5-.2-.7-.8-1-1.5-.9-8.8 2.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4s-.7 1.1-.4 1.7c.7 1 1.6 1.9 2.6 2.6-1.5.8-2.4 2.3-2.4 4zm38.5-8.3c-.6-.4-1.3-.2-1.7.4 0 .1-3.9 5.8-12.7 3.4-.7-.2-1.3.2-1.5.9s.2 1.3.9 1.5c1.6.4 3.2.7 4.8.7.5 0 1 0 1.5-.1-.2.5-.3 1-.3 1.5 0 2.5 2 4.6 4.6 4.6 2.5 0 4.6-2 4.6-4.6 0-1.7-.9-3.2-2.4-4 1-.7 1.9-1.6 2.6-2.6.4-.5.2-1.3-.4-1.7z"
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "#8e8e8e",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "m46 9.5-2.3 2.3-2.3-2.3m6.5 6.6-2.3-2.3 2.3-2.3m-6.3 6.3 2.3-2.3 2.3 2.3m-6.5-6.5 2.3 2.3-2.3 2.3"
+  })));
+};
+var Memo = /*#__PURE__*/memo(Svg15Nb);
+var rating1NS = Memo;
+
+export { rating1NS as default };

package/dist/src/components/CustomerSatisfaction/assets/2-5.svg.js

@@ -0,0 +1,35 @@
+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 Svg25 = function Svg25(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 1"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#eef",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2e3192",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4f0599",
+    d: "M44.7 40.9a23.75 23.75 0 0 0-26.47 0 1.11 1.11 0 0 0-.31 1.55 1.14 1.14 0 0 0 1.56.31 21.5 21.5 0 0 1 24 0 1.18 1.18 0 0 0 .62.19 1.15 1.15 0 0 0 .94-.5 1.12 1.12 0 0 0-.34-1.55zM22.22 25.15a4.15 4.15 0 1 0-4.15 4.15 4.15 4.15 0 0 0 4.15-4.15M44.85 21A4.15 4.15 0 1 0 49 25.15 4.16 4.16 0 0 0 44.85 21"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#1b1464",
+    d: "M35.19 44.84a1.1 1.1 0 0 1-.4-.08 9.19 9.19 0 0 0-6.65 0 1.12 1.12 0 1 1-.8-2.09 11.4 11.4 0 0 1 8.25 0 1.12 1.12 0 0 1-.4 2.17z",
+    opacity: 0.31
+  })))));
+};
+var Memo = /*#__PURE__*/memo(Svg25);
+var rating2 = Memo;
+
+export { rating2 as default };

package/dist/src/components/CustomerSatisfaction/assets/2-5NB.svg.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _path, _path2, _path3, _path4;
+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 Svg25Nb = function Svg25Nb(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#f0f0f0",
+    d: "M36.1 0c-4.3 0-8.6.4-12.9 1.1C11.5 3.1 4 9.6 1.5 21.4c-2 9.2-2.1 18.8-.2 28 2.3 12 9.6 19.2 21.6 21.4 4.3.8 8.6 1.1 13 1.1 4.3 0 8.6-.4 12.9-1.1 11.6-2 19.3-9.2 21.8-20.9 1.8-9.2 1.8-18.6 0-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4 40.4 0 36.1 0"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#3b3b3b",
+    d: "M70.7 22.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4 6.1 59.6 13.5 62 22c.3 1 5.2 20.2-7 34-10.9 12.3-30.9 15.4-48 6.2 3.7 4.5 9.1 7.5 16 8.7 4.3.8 8.6 1.1 13 1.1 4.3 0 8.6-.4 12.9-1.1 11.6-2 19.3-9.2 21.8-20.9 1.8-9.2 1.8-18.6 0-27.8z",
+    opacity: 0.06
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2b2b2b",
+    d: "M44.7 40.9c-8-5.4-18.5-5.4-26.5 0-.5.3-.7 1-.3 1.5.4.5 1 .6 1.6.3 7.3-4.9 16.7-4.9 24 0 .2.1.4.2.6.2.4 0 .7-.2.9-.5.4-.5.2-1.2-.3-1.5M22.2 25.1c0-2.3-1.9-4.1-4.1-4.1-2.3 0-4.2 1.9-4.2 4.1s1.9 4.1 4.2 4.1c2.3.1 4.1-1.8 4.1-4.1zM44.8 21c-2.3 0-4.1 1.9-4.1 4.2s1.9 4.1 4.2 4.1c2.3 0 4.1-1.9 4.1-4.1 0-2.3-1.9-4.2-4.2-4.2z"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#1f1f1f",
+    d: "M35.2 44.8c-.1 0-.3 0-.4-.1-2.1-.8-4.5-.8-6.6 0-.6.2-1.2 0-1.5-.6-.2-.6 0-1.2.6-1.5h.1c2.7-1 5.6-1 8.2 0 .6.2.9.9.7 1.4-.2.6-.6.8-1.1.8z",
+    opacity: 0.31
+  })));
+};
+var Memo = /*#__PURE__*/memo(Svg25Nb);
+var rating2NS = Memo;
+
+export { rating2NS as default };

package/dist/src/components/CustomerSatisfaction/assets/3-5.svg.js

@@ -0,0 +1,46 @@
+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 Svg35 = function Svg35(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 1"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#eef",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2e3192",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4f0599",
+    d: "M23.64 25.86a4.86 4.86 0 1 0-4.86 4.85 4.87 4.87 0 0 0 4.86-4.85M50.14 21A4.86 4.86 0 1 0 55 25.86 4.86 4.86 0 0 0 50.14 21"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "#4f0599",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2.51,
+    d: "M24 44h22"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "#1b1464",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M32 50h6",
+    opacity: 0.31
+  })))));
+};
+var Memo = /*#__PURE__*/memo(Svg35);
+var rating3 = Memo;
+
+export { rating3 as default };

package/dist/src/components/CustomerSatisfaction/assets/3-5NB.svg.js

@@ -0,0 +1,46 @@
+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 Svg35Nb = function Svg35Nb(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 1"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#f0f0f0",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#3b3b3b",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2b2b2b",
+    d: "M23.64 25.86a4.86 4.86 0 1 0-4.86 4.85 4.87 4.87 0 0 0 4.86-4.85M50.14 21A4.86 4.86 0 1 0 55 25.86 4.86 4.86 0 0 0 50.14 21"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "#2b2b2b",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2.51,
+    d: "M24 44h22"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "#1f1f1f",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M32 50h6",
+    opacity: 0.31
+  })))));
+};
+var Memo = /*#__PURE__*/memo(Svg35Nb);
+var rating3NS = Memo;
+
+export { rating3NS as default };

package/dist/src/components/CustomerSatisfaction/assets/4-5.svg.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _path, _path2, _path3, _path4, _ellipse, _ellipse2, _path5;
+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 Svg45 = function Svg45(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#eef",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#4f0599",
+    d: "M31.5 46.28a17.85 17.85 0 0 1-13.09-5.81 1.18 1.18 0 0 1 0-1.59 1 1 0 0 1 1.48 0 15.66 15.66 0 0 0 23.22 0 1 1 0 0 1 1.48 0 1.2 1.2 0 0 1 0 1.59 17.85 17.85 0 0 1-13.09 5.81z"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    fill: "#1b1464",
+    d: "M31.5 51.14a17.47 17.47 0 0 1-5-.74 1.13 1.13 0 0 1-.73-1.4 1 1 0 0 1 1.29-.78 15.26 15.26 0 0 0 8.88 0 1 1 0 0 1 1.29.78 1.13 1.13 0 0 1-.72 1.38 17.52 17.52 0 0 1-5.01.76",
+    opacity: 0.31
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#4f0599",
+    d: "M24.32 28.58a1.08 1.08 0 0 1-1-1.12A5.3 5.3 0 0 0 18.19 22a5.3 5.3 0 0 0-5.09 5.46 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.45 7.45 0 0 1 7.17 7.7 1.08 1.08 0 0 1-1.04 1.12zm26.62 0a1.09 1.09 0 0 1-1-1.12 5.1 5.1 0 1 0-10.17 0 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.46 7.46 0 0 1 7.14 7.7 1.08 1.08 0 0 1-1.06 1.12z"
+  })), _ellipse || (_ellipse = /*#__PURE__*/React.createElement("ellipse", {
+    cx: 13.75,
+    cy: 37.62,
+    fill: "#f270a8",
+    rx: 2.75,
+    ry: 2.96
+  })), _ellipse2 || (_ellipse2 = /*#__PURE__*/React.createElement("ellipse", {
+    cx: 49.25,
+    cy: 37.62,
+    fill: "#f270a8",
+    rx: 2.75,
+    ry: 2.96
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2e3192",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  })));
+};
+var Memo = /*#__PURE__*/memo(Svg45);
+var rating4 = Memo;
+
+export { rating4 as default };

package/dist/src/components/CustomerSatisfaction/assets/4-5NB.svg.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { memo } from 'react';
+
+var _defs, _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 Svg45Nb = function Svg45Nb(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, "\n            .cls-2{fill:#2b2b2b}.cls-4{fill:#9d9d9d}\n        "))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    id: "Calque_2",
+    "data-name": "Calque 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Calque_1-2",
+    "data-name": "Calque 1"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#f0f0f0",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M31.5 46.28a17.85 17.85 0 0 1-13.09-5.81 1.18 1.18 0 0 1 0-1.59 1 1 0 0 1 1.48 0 15.66 15.66 0 0 0 23.22 0 1 1 0 0 1 1.48 0 1.2 1.2 0 0 1 0 1.59 17.85 17.85 0 0 1-13.09 5.81z",
+    className: "cls-2"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#1f1f1f",
+    d: "M31.5 51.14a17.47 17.47 0 0 1-5-.74 1.13 1.13 0 0 1-.73-1.4 1 1 0 0 1 1.29-.78 15.26 15.26 0 0 0 8.88 0 1 1 0 0 1 1.29.78 1.13 1.13 0 0 1-.72 1.38 17.52 17.52 0 0 1-5.01.76",
+    opacity: 0.31
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M24.32 28.58a1.08 1.08 0 0 1-1-1.12A5.3 5.3 0 0 0 18.19 22a5.3 5.3 0 0 0-5.09 5.46 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.45 7.45 0 0 1 7.17 7.7 1.08 1.08 0 0 1-1.04 1.12zm26.62 0a1.09 1.09 0 0 1-1-1.12 5.1 5.1 0 1 0-10.17 0 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.46 7.46 0 0 1 7.14 7.7 1.08 1.08 0 0 1-1.06 1.12z",
+    className: "cls-2"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    cx: 13.75,
+    cy: 37.62,
+    className: "cls-4",
+    rx: 2.75,
+    ry: 2.96
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    cx: 49.25,
+    cy: 37.62,
+    className: "cls-4",
+    rx: 2.75,
+    ry: 2.96
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#3b3b3b",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  })))));
+};
+var Memo = /*#__PURE__*/memo(Svg45Nb);
+var rating4NS = Memo;
+
+export { rating4NS as default };

package/dist/src/components/CustomerSatisfaction/assets/5-5.svg.js

@@ -0,0 +1,40 @@
+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 Svg55 = function Svg55(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 1"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#eef",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4f0599",
+    d: "M24.32 28.58a1.08 1.08 0 0 1-1-1.12A5.3 5.3 0 0 0 18.19 22a5.3 5.3 0 0 0-5.09 5.46 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.45 7.45 0 0 1 7.17 7.7 1.08 1.08 0 0 1-1.04 1.12zm26.62 0a1.09 1.09 0 0 1-1-1.12 5.1 5.1 0 1 0-10.17 0 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.46 7.46 0 0 1 7.14 7.7 1.08 1.08 0 0 1-1.06 1.12z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2e3192",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M46 32.9v5.47a21.22 21.22 0 0 1-30 0V32.9a21.22 21.22 0 0 0 30 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#f954a2",
+    d: "M34.82 48.44a6.4 6.4 0 0 1 5.63 3.36 15 15 0 0 1-18.9 0A6.39 6.39 0 0 1 31 49.71a6.31 6.31 0 0 1 3.82-1.27"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#971096",
+    d: "M46 38.37v1.78a15 15 0 0 1-4.39 10.61c-.37.37-.76.71-1.16 1a6.4 6.4 0 0 0-5.63-3.36A6.31 6.31 0 0 0 31 49.71a6.39 6.39 0 0 0-9.45 2.09A15 15 0 0 1 16 40.15v-1.78a21.22 21.22 0 0 0 30 0"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(Svg55);
+var rating5 = Memo;
+
+export { rating5 as default };

package/dist/src/components/CustomerSatisfaction/assets/5-5NB.svg.js

@@ -0,0 +1,40 @@
+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 Svg55Nb = function Svg55Nb(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 72 72"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    "data-name": "Calque 1"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#f0f0f0",
+    fillRule: "evenodd",
+    d: "M36.08 0a77.07 77.07 0 0 0-12.91 1.1C11.48 3.08 4 9.65 1.55 21.43a69.74 69.74 0 0 0-.24 28.05c2.31 12 9.57 19.25 21.61 21.38a75 75 0 0 0 13 1.14 77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0 0-27.82c-2.31-12-9.54-18.91-21.58-21A75 75 0 0 0 36.08 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2b2b2b",
+    d: "M24.32 28.58a1.08 1.08 0 0 1-1-1.12A5.3 5.3 0 0 0 18.19 22a5.3 5.3 0 0 0-5.09 5.46 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.45 7.45 0 0 1 7.17 7.7 1.08 1.08 0 0 1-1.04 1.12zm26.62 0a1.09 1.09 0 0 1-1-1.12 5.1 5.1 0 1 0-10.17 0 1 1 0 1 1-2.09 0 7.46 7.46 0 0 1 7.18-7.7 7.46 7.46 0 0 1 7.14 7.7 1.08 1.08 0 0 1-1.06 1.12z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#3b3b3b",
+    fillRule: "evenodd",
+    d: "M70.66 22.18c-2.31-12-9.54-18.91-21.58-21C48.46 1 47.84 1 47.22.85A39.73 39.73 0 0 1 62 22c.28 1 5.22 20.18-7 34-10.87 12.29-30.91 15.38-48 6.17 3.73 4.53 9.06 7.47 16 8.69A75 75 0 0 0 36 72a77.07 77.07 0 0 0 12.91-1.1c11.65-2 19.34-9.2 21.8-20.9a72 72 0 0 0-.05-27.82z",
+    opacity: 0.06
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M46 32.9v5.47a21.22 21.22 0 0 1-30 0V32.9a21.22 21.22 0 0 0 30 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#8e8e8e",
+    d: "M34.82 48.44a6.4 6.4 0 0 1 5.63 3.36 15 15 0 0 1-18.9 0A6.39 6.39 0 0 1 31 49.71a6.31 6.31 0 0 1 3.82-1.27"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#474747",
+    d: "M46 38.37v1.78a15 15 0 0 1-4.39 10.61c-.37.37-.76.71-1.16 1a6.4 6.4 0 0 0-5.63-3.36A6.31 6.31 0 0 0 31 49.71a6.39 6.39 0 0 0-9.45 2.09A15 15 0 0 1 16 40.15v-1.78a21.22 21.22 0 0 0 30 0"
+  })))));
+};
+var Memo = /*#__PURE__*/memo(Svg55Nb);
+var rating5NS = Memo;
+
+export { rating5NS as default };

package/dist/src/components/CustomerSatisfaction/index.js

@@ -0,0 +1,130 @@
+import _styled from '@emotion/styled/base';
+import { keyframes, css } from '@emotion/react';
+import { Stack } from '@ultraviolet/ui';
+import { useState, useMemo } from 'react';
+import rating1 from './assets/1-5.svg.js';
+import rating1NS from './assets/1-5NB.svg.js';
+import rating2 from './assets/2-5.svg.js';
+import rating2NS from './assets/2-5NB.svg.js';
+import rating3 from './assets/3-5.svg.js';
+import rating3NS from './assets/3-5NB.svg.js';
+import rating4 from './assets/4-5.svg.js';
+import rating4NS from './assets/4-5NB.svg.js';
+import rating5 from './assets/5-5.svg.js';
+import rating5NS from './assets/5-5NB.svg.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const ratings = [{
+  value: 1,
+  imgSelected: rating1,
+  imgNotSelected: rating1NS
+}, {
+  value: 2,
+  imgSelected: rating2,
+  imgNotSelected: rating2NS
+}, {
+  value: 3,
+  imgSelected: rating3,
+  imgNotSelected: rating3NS
+}, {
+  value: 4,
+  imgSelected: rating4,
+  imgNotSelected: rating4NS
+}, {
+  value: 5,
+  imgSelected: rating5,
+  imgNotSelected: rating5NS
+}];
+const angryAnim = keyframes`
+  from, 10%, 40%, 80%, to {
+    transform: translate3d(0, 0, 0);
+    transform: rotate(0deg);
+  }
+  30% {
+    transform: translate3d(-5px, 0, 0);
+    transform: rotate(5deg);
+  }
+
+  60% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(-1px, 0, 0);
+    transform: rotate(-5deg);
+  }
+`;
+const happyAnim = keyframes`
+  from, 10%, 40%, 80%, to {
+    transform: translate3d(0, 0, 0);
+    transform: rotate(0deg);
+  }
+  30% {
+    transform: translate3d(0, 5px, 0);
+    transform: rotate(5deg);
+  }
+
+  60% {
+    transform: translate3d(0, -6px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, -2px, 0);
+  }
+`;
+const scaled = process.env.NODE_ENV === "production" ? {
+  name: "1wbgrkf",
+  styles: "transform:scale(1.2)"
+} : {
+  name: "1wbgrkf",
+  styles: "transform:scale(1.2)",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StyledImage = component => /*#__PURE__*/_styled(component, {
+  target: "epmg9lb0"
+})("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
+  isHovered,
+  isSelected
+}) => isHovered && isSelected && scaled, " ", ({
+  isSelected,
+  isHappy
+}) => isSelected && /*#__PURE__*/css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;"), ";");
+const CustomerSatisfaction = ({
+  value,
+  onChange,
+  'data-testid': dataTestId,
+  className
+}) => {
+  const [hoveredValue, setHoveredValue] = useState(0);
+  const isHappy = useMemo(() => value > ratings.length / 2, [value]);
+  return jsx(Stack, {
+    direction: "row",
+    justifyContent: "space-between",
+    className: className,
+    "data-testid": dataTestId,
+    children: ratings.map(rating => {
+      const isSelected = rating.value === value;
+      const isHovered = rating.value === hoveredValue;
+      const isOverfly = rating.value <= hoveredValue;
+      const Image = StyledImage(isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected);
+      return jsx(Image, {
+        isHappy: isHappy,
+        isHovered: isHovered,
+        isSelected: isSelected,
+        onClick: () => {
+          onChange(rating.value);
+        },
+        onMouseEnter: () => {
+          setHoveredValue(rating.value);
+        },
+        onMouseLeave: () => {
+          setHoveredValue(0);
+        },
+        "data-testid": `${dataTestId}-${rating.value}`
+      }, rating.value);
+    })
+  });
+};
+
+export { CustomerSatisfaction };

package/dist/src/components/EstimateCost/EstimateCostContent.js

@@ -50,6 +50,14 @@ const StyledPriceCell = /*#__PURE__*/_styled(Cell.withComponent('th', {
   theme
 }) => PriceCell(theme), " padding:0;");
 const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
+const DescriptionComponent = ({
+  description,
+  locales
+}) => description === undefined || typeof description === 'string' ? jsx(Text, {
+  as: "span",
+  variant: "body",
+  children: description || locales['estimate.cost.description']
+}) : description;
 const EstimateCostContent = ({
   description,
   alert,
@@ -162,11 +170,10 @@ const EstimateCostContent = ({
       discount: discount,
       unit: overlayUnit ?? 'hours',
       children: children
-    }) : null, typeof description === 'string' || !description ? jsx(Text, {
-      as: "span",
-      variant: "body",
-      children: description || locales['estimate.cost.description']
-    }) : description, alert ? jsx(Alert, {
+    }) : null, description === false ? null : jsx(DescriptionComponent, {
+      description: description,
+      locales: locales
+    }), alert ? jsx(Alert, {
       sentiment: alertVariant,
       title: alertTitle,
       children: alert

package/dist/src/index.js

@@ -3,3 +3,4 @@ export { ContentCardGroup } from './components/ContentCardGroup/index.js';
 export { CodeEditor } from './components/CodeEditor/CodeEditor.js';
 export { EstimateCost } from './components/EstimateCost/EstimateCost.js';
 export { default as estimateCostDefaultLocales } from './components/EstimateCost/locales/en.js';
+export { CustomerSatisfaction } from './components/CustomerSatisfaction/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.5.9",
+  "version": "0.6.0",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -47,7 +47,7 @@
     "@types/react-dom": "18.2.18",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "@ultraviolet/icons": "2.7.4"
+    "@ultraviolet/icons": "2.7.6"
   },
   "dependencies": {
     "@uiw/codemirror-extensions-langs": "4.21.21",
@@ -55,8 +55,8 @@
     "@uiw/react-codemirror": "4.21.21",
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.3",
-    "@ultraviolet/themes": "1.6.0",
-    "@ultraviolet/ui": "1.29.3"
+    "@ultraviolet/themes": "1.7.0",
+    "@ultraviolet/ui": "1.30.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",