@ultraviolet/plus 0.5.10 → 0.6.1

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.
@@ -1,7 +1,7 @@
1
1
  import _styled from '@emotion/styled/base';
2
2
  import { css } from '@emotion/react';
3
3
  import { forwardRef, useMemo } from 'react';
4
- import capitalize$1 from '../../utils/capitalize.js';
4
+ import capitalize from '../../utils/capitalize.js';
5
5
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
6
6
 
7
7
  const ICONS = {
@@ -356,7 +356,7 @@ const StyledIcon = /*#__PURE__*/_styled('svg', {
356
356
  disabled
357
357
  }) => {
358
358
  // stronger is available only for neutral color
359
- const definedProminence = color !== 'neutral' && prominence === 'stronger' ? capitalize$1(PROMINENCES.default) : capitalize$1(PROMINENCES[prominence]);
359
+ const definedProminence = color !== 'neutral' && prominence === 'stronger' ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
360
360
  theme.colors[color];
361
361
  const icon = `icon${definedProminence}${disabled ? 'Disabled' : ''}`;
362
362
  return theme.colors?.[color]?.[icon] || color;
@@ -1,4 +1,3 @@
1
1
  const capitalize = value => value.charAt(0).toUpperCase() + value.slice(1);
2
- var capitalize$1 = capitalize;
3
2
 
4
- export { capitalize$1 as default };
3
+ export { capitalize as default };
package/dist/index.d.ts CHANGED
@@ -234,7 +234,7 @@ declare const EstimateCost: {
234
234
  isPrimaryBackground?: boolean | undefined;
235
235
  iteration?: Iteration | undefined;
236
236
  label?: ReactNode;
237
- labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "headingLarge" | "headingSmall" | undefined;
237
+ 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;
238
238
  labelTextProminence?: "strong" | "weak" | "default" | "stronger" | undefined;
239
239
  longFractionDigits?: boolean | undefined;
240
240
  maxAmount?: number | undefined;
@@ -327,4 +327,34 @@ declare const EstimateCost: {
327
327
  }) => _emotion_react_jsx_runtime.JSX.Element;
328
328
  };
329
329
 
330
- export { CodeEditor, ContentCard, ContentCardGroup, EstimateCost, _default as estimateCostDefaultLocales };
330
+ declare const ratings: readonly [{
331
+ readonly value: 1;
332
+ readonly imgSelected: keyof JSX.IntrinsicElements;
333
+ readonly imgNotSelected: keyof JSX.IntrinsicElements;
334
+ }, {
335
+ readonly value: 2;
336
+ readonly imgSelected: keyof JSX.IntrinsicElements;
337
+ readonly imgNotSelected: keyof JSX.IntrinsicElements;
338
+ }, {
339
+ readonly value: 3;
340
+ readonly imgSelected: keyof JSX.IntrinsicElements;
341
+ readonly imgNotSelected: keyof JSX.IntrinsicElements;
342
+ }, {
343
+ readonly value: 4;
344
+ readonly imgSelected: keyof JSX.IntrinsicElements;
345
+ readonly imgNotSelected: keyof JSX.IntrinsicElements;
346
+ }, {
347
+ readonly value: 5;
348
+ readonly imgSelected: keyof JSX.IntrinsicElements;
349
+ readonly imgNotSelected: keyof JSX.IntrinsicElements;
350
+ }];
351
+ type Value = (typeof ratings)[number]['value'];
352
+ type CustomerSatisfactionProps = {
353
+ value: Value;
354
+ onChange: (rating: Value) => void;
355
+ 'data-testid'?: string;
356
+ className?: string;
357
+ };
358
+ declare const CustomerSatisfaction: ({ value, onChange, "data-testid": dataTestId, className, }: CustomerSatisfactionProps) => _emotion_react_jsx_runtime.JSX.Element;
359
+
360
+ export { CodeEditor, ContentCard, ContentCardGroup, CustomerSatisfaction, EstimateCost, _default as estimateCostDefaultLocales };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating1 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-1.9%209.3-2.1%2018.7-.2%2028%202.3%2012%209.6%2019.3%2021.6%2021.4%204.3.8%208.7%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.1-1.2-.2-1.9-.3C50.2%203%2058.7%209.8%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48.1%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.7%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.9-9.2%201.8-18.6.1-27.8z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231b1464%22%20d%3D%22M37.6%2047.7c-.1%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6%203-1.1%206.2-1.1%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8z%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M33.9%2036.2c-7%200-13.6%202.7-18.5%207.7-.5.5-.5%201.3%200%201.7.5.5%201.3.5%201.7%200%204.5-4.5%2010.4-6.9%2016.8-6.9s12.3%202.5%2016.8%206.9c.2.2.6.4.9.4.3%200%20.6-.1.9-.4.5-.5.5-1.3%200-1.7-5-5-11.6-7.7-18.6-7.7m-20-6.7c0%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-.5-.1-1-.3-1.5.5.1%201%20.1%201.6.1%201.4%200%203-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.9-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4-.6.4-.7%201.1-.4%201.7%200%20.1.9%201.3%202.6%202.6-1.5.8-2.5%202.3-2.5%204zm38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9-.2.7.2%201.3.9%201.5%201.8.5%203.4.7%204.8.7.5%200%201.1%200%201.6-.1-.2.5-.3%201-.3%201.5%200%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-1.7-.9-3.2-2.3-4%201.7-1.3%202.5-2.5%202.6-2.6.2-.6%200-1.3-.6-1.7z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f954a2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%20d%3D%22m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.6-6.5%202.4%202.3-2.4%202.3%22%2F%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating1 as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating1NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20d%3D%22M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M37.6%2047.7c-.2%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6%203-1.2%206.2-1.2%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8z%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M33.9%2036.2c-6.9%200-13.6%202.7-18.5%207.7-.5.5-.4%201.3.1%201.8.5.4%201.2.4%201.6%200%209.3-9.3%2024.3-9.3%2033.5%200%20.5.5%201.3.4%201.8-.1.4-.5.4-1.2%200-1.6-4.9-5.1-11.5-7.8-18.5-7.8zm-20-6.7c-.1%202.5%201.8%204.7%204.4%204.8%202.5.1%204.7-1.8%204.8-4.4v-.4c0-.5-.1-1-.3-1.5.5.1%201%20.1%201.5.1%201.6%200%203.2-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.8-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4s-.7%201.1-.4%201.7c.7%201%201.6%201.9%202.6%202.6-1.5.8-2.4%202.3-2.4%204zm38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9s.2%201.3.9%201.5c1.6.4%203.2.7%204.8.7.5%200%201%200%201.5-.1-.2.5-.3%201-.3%201.5%200%202.5%202%204.6%204.6%204.6%202.5%200%204.6-2%204.6-4.6%200-1.7-.9-3.2-2.4-4%201-.7%201.9-1.6%202.6-2.6.4-.5.2-1.3-.4-1.7z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%238e8e8e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.5-6.5%202.3%202.3-2.3%202.3%22%2F%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating1NS as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating2 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M44.7%2040.9a23.75%2023.75%200%200%200-26.47%200%201.11%201.11%200%200%200-.31%201.55%201.14%201.14%200%200%200%201.56.31%2021.5%2021.5%200%200%201%2024%200%201.18%201.18%200%200%200%20.62.19%201.15%201.15%200%200%200%20.94-.5%201.12%201.12%200%200%200-.34-1.55zM22.22%2025.15a4.15%204.15%200%201%200-4.15%204.15%204.15%204.15%200%200%200%204.15-4.15M44.85%2021A4.15%204.15%200%201%200%2049%2025.15%204.16%204.16%200%200%200%2044.85%2021%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231b1464%22%20d%3D%22M35.19%2044.84a1.1%201.1%200%200%201-.4-.08%209.19%209.19%200%200%200-6.65%200%201.12%201.12%200%201%201-.8-2.09%2011.4%2011.4%200%200%201%208.25%200%201.12%201.12%200%200%201-.4%202.17z%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating2 as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating2NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20d%3D%22M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M44.7%2040.9c-8-5.4-18.5-5.4-26.5%200-.5.3-.7%201-.3%201.5.4.5%201%20.6%201.6.3%207.3-4.9%2016.7-4.9%2024%200%20.2.1.4.2.6.2.4%200%20.7-.2.9-.5.4-.5.2-1.2-.3-1.5M22.2%2025.1c0-2.3-1.9-4.1-4.1-4.1-2.3%200-4.2%201.9-4.2%204.1s1.9%204.1%204.2%204.1c2.3.1%204.1-1.8%204.1-4.1zM44.8%2021c-2.3%200-4.1%201.9-4.1%204.2s1.9%204.1%204.2%204.1c2.3%200%204.1-1.9%204.1-4.1%200-2.3-1.9-4.2-4.2-4.2z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M35.2%2044.8c-.1%200-.3%200-.4-.1-2.1-.8-4.5-.8-6.6%200-.6.2-1.2%200-1.5-.6-.2-.6%200-1.2.6-1.5h.1c2.7-1%205.6-1%208.2%200%20.6.2.9.9.7%201.4-.2.6-.6.8-1.1.8z%22%20opacity%3D%22.31%22%2F%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating2NS as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating3 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f0599%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.51%22%20d%3D%22M24%2044h22%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231b1464%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M32%2050h6%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating3 as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating3NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%232b2b2b%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.51%22%20d%3D%22M24%2044h22%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231f1f1f%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M32%2050h6%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating3NS as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating4 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231b1464%22%20d%3D%22M31.5%2051.14a17.47%2017.47%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.52%2017.52%200%200%201-5.01.76%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%2F%3E%20%20%20%20%3Cellipse%20cx%3D%2213.75%22%20cy%3D%2237.62%22%20fill%3D%22%23f270a8%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%3Cellipse%20cx%3D%2249.25%22%20cy%3D%2237.62%22%20fill%3D%22%23f270a8%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating4 as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating4NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%7Bfill%3A%232b2b2b%7D.cls-4%7Bfill%3A%239d9d9d%7D%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Calque_2%22%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Calque_1-2%22%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81z%22%20class%3D%22cls-2%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M31.5%2051.14a17.47%2017.47%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.52%2017.52%200%200%201-5.01.76%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%20class%3D%22cls-2%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2213.75%22%20cy%3D%2237.62%22%20class%3D%22cls-4%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2249.25%22%20cy%3D%2237.62%22%20class%3D%22cls-4%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating4NS as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating5 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M46%2032.9v5.47a21.22%2021.22%200%200%201-30%200V32.9a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f954a2%22%20d%3D%22M34.82%2048.44a6.4%206.4%200%200%201%205.63%203.36%2015%2015%200%200%201-18.9%200A6.39%206.39%200%200%201%2031%2049.71a6.31%206.31%200%200%201%203.82-1.27%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23971096%22%20d%3D%22M46%2038.37v1.78a15%2015%200%200%201-4.39%2010.61c-.37.37-.76.71-1.16%201a6.4%206.4%200%200%200-5.63-3.36A6.31%206.31%200%200%200%2031%2049.71a6.39%206.39%200%200%200-9.45%202.09A15%2015%200%200%201%2016%2040.15v-1.78a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating5 as default };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var rating5NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M46%2032.9v5.47a21.22%2021.22%200%200%201-30%200V32.9a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M34.82%2048.44a6.4%206.4%200%200%201%205.63%203.36%2015%2015%200%200%201-18.9%200A6.39%206.39%200%200%201%2031%2049.71a6.31%206.31%200%200%201%203.82-1.27%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23474747%22%20d%3D%22M46%2038.37v1.78a15%2015%200%200%201-4.39%2010.61c-.37.37-.76.71-1.16%201a6.4%206.4%200%200%200-5.63-3.36A6.31%206.31%200%200%200%2031%2049.71a6.39%206.39%200%200%200-9.45%202.09A15%2015%200%200%201%2016%2040.15v-1.78a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
4
+
5
+ export { rating5NS as default };
@@ -0,0 +1,130 @@
1
+ import _styled from '@emotion/styled/base';
2
+ import { keyframes, css } from '@emotion/react';
3
+ import { Stack } from '@ultraviolet/ui';
4
+ import { useState, useMemo } from 'react';
5
+ import rating1 from './assets/1-5.svg.js';
6
+ import rating1NS from './assets/1-5NB.svg.js';
7
+ import rating2 from './assets/2-5.svg.js';
8
+ import rating2NS from './assets/2-5NB.svg.js';
9
+ import rating3 from './assets/3-5.svg.js';
10
+ import rating3NS from './assets/3-5NB.svg.js';
11
+ import rating4 from './assets/4-5.svg.js';
12
+ import rating4NS from './assets/4-5NB.svg.js';
13
+ import rating5 from './assets/5-5.svg.js';
14
+ import rating5NS from './assets/5-5NB.svg.js';
15
+ import { jsx } from '@emotion/react/jsx-runtime';
16
+
17
+ 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)."; }
18
+ const ratings = [{
19
+ value: 1,
20
+ imgSelected: rating1,
21
+ imgNotSelected: rating1NS
22
+ }, {
23
+ value: 2,
24
+ imgSelected: rating2,
25
+ imgNotSelected: rating2NS
26
+ }, {
27
+ value: 3,
28
+ imgSelected: rating3,
29
+ imgNotSelected: rating3NS
30
+ }, {
31
+ value: 4,
32
+ imgSelected: rating4,
33
+ imgNotSelected: rating4NS
34
+ }, {
35
+ value: 5,
36
+ imgSelected: rating5,
37
+ imgNotSelected: rating5NS
38
+ }];
39
+ const angryAnim = keyframes`
40
+ from, 10%, 40%, 80%, to {
41
+ transform: translate3d(0, 0, 0);
42
+ transform: rotate(0deg);
43
+ }
44
+ 30% {
45
+ transform: translate3d(-5px, 0, 0);
46
+ transform: rotate(5deg);
47
+ }
48
+
49
+ 60% {
50
+ transform: translate3d(-4px, 0, 0);
51
+ }
52
+
53
+ 90% {
54
+ transform: translate3d(-1px, 0, 0);
55
+ transform: rotate(-5deg);
56
+ }
57
+ `;
58
+ const happyAnim = keyframes`
59
+ from, 10%, 40%, 80%, to {
60
+ transform: translate3d(0, 0, 0);
61
+ transform: rotate(0deg);
62
+ }
63
+ 30% {
64
+ transform: translate3d(0, 5px, 0);
65
+ transform: rotate(5deg);
66
+ }
67
+
68
+ 60% {
69
+ transform: translate3d(0, -6px, 0);
70
+ }
71
+
72
+ 90% {
73
+ transform: translate3d(0, -2px, 0);
74
+ }
75
+ `;
76
+ const scaled = process.env.NODE_ENV === "production" ? {
77
+ name: "1wbgrkf",
78
+ styles: "transform:scale(1.2)"
79
+ } : {
80
+ name: "1wbgrkf",
81
+ styles: "transform:scale(1.2)",
82
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
83
+ };
84
+ const StyledImage = component => /*#__PURE__*/_styled(component, {
85
+ target: "epmg9lb0"
86
+ })("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
87
+ isHovered,
88
+ isSelected
89
+ }) => isHovered && isSelected && scaled, " ", ({
90
+ isSelected,
91
+ isHappy
92
+ }) => isSelected && /*#__PURE__*/css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;"), ";");
93
+ const CustomerSatisfaction = ({
94
+ value,
95
+ onChange,
96
+ 'data-testid': dataTestId,
97
+ className
98
+ }) => {
99
+ const [hoveredValue, setHoveredValue] = useState(0);
100
+ const isHappy = useMemo(() => value > ratings.length / 2, [value]);
101
+ return jsx(Stack, {
102
+ direction: "row",
103
+ justifyContent: "space-between",
104
+ className: className,
105
+ "data-testid": dataTestId,
106
+ children: ratings.map(rating => {
107
+ const isSelected = rating.value === value;
108
+ const isHovered = rating.value === hoveredValue;
109
+ const isOverfly = rating.value <= hoveredValue;
110
+ const Image = StyledImage(isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected);
111
+ return jsx(Image, {
112
+ isHappy: isHappy,
113
+ isHovered: isHovered,
114
+ isSelected: isSelected,
115
+ onClick: () => {
116
+ onChange(rating.value);
117
+ },
118
+ onMouseEnter: () => {
119
+ setHoveredValue(rating.value);
120
+ },
121
+ onMouseLeave: () => {
122
+ setHoveredValue(0);
123
+ },
124
+ "data-testid": `${dataTestId}-${rating.value}`
125
+ }, rating.value);
126
+ })
127
+ });
128
+ };
129
+
130
+ export { CustomerSatisfaction };
@@ -5,7 +5,7 @@ import { useMemo, useState, useEffect, useCallback, useId, Children, isValidElem
5
5
  import flattenChildren from 'react-flatten-children';
6
6
  import { useEstimateCost } from '../EstimateCostProvider.js';
7
7
  import { useOverlay } from '../OverlayContext.js';
8
- import { Cell, StyledDiv, PriceCell, OverlayRow, StyledLeftSide } from '../componentStyle.js';
8
+ import { Cell, StyledDiv, PriceCell, OverlayRow, StyledTr, StyledLeftSide } from '../componentStyle.js';
9
9
  import { multiplier, maximumFractionDigitsLong, maximumFractionDigits, MAX_CELL_WIDTH } from '../constants.js';
10
10
  import { calculatePrice } from '../helper.js';
11
11
  import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
@@ -161,7 +161,7 @@ const Item = ({
161
161
  const {
162
162
  isOverlay
163
163
  } = useOverlay();
164
- const Row = isOverlay ? OverlayRow : 'tr';
164
+ const Row = isOverlay ? OverlayRow : StyledTr;
165
165
  const Cell$1 = isOverlay ? Cell.withComponent('div', {
166
166
  target: "e1kzy2rr8"
167
167
  }) : Cell;
@@ -13,7 +13,7 @@ const spacedChildren = process.env.NODE_ENV === "production" ? {
13
13
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
14
14
  };
15
15
  const StyledDiv = /*#__PURE__*/_styled("div", {
16
- target: "e1xb5k8j14"
16
+ target: "e1xb5k8j15"
17
17
  })(process.env.NODE_ENV === "production" ? {
18
18
  name: "158icaa",
19
19
  styles: "margin-left:4px"
@@ -24,26 +24,26 @@ const StyledDiv = /*#__PURE__*/_styled("div", {
24
24
  });
25
25
  const StyledTable = /*#__PURE__*/_styled('table', {
26
26
  shouldForwardProp: prop => !['noTotal'].includes(prop),
27
- target: "e1xb5k8j13"
27
+ target: "e1xb5k8j14"
28
28
  })("width:100%;", spacedChildren, ";border:1px solid ", ({
29
29
  theme
30
30
  }) => theme.colors.neutral.border, ";", ({
31
31
  noTotal
32
32
  }) => noTotal ? 'border-radius: 4px;' : 'border-radius: 4px 4px 0 4px;', ";");
33
33
  const StyledFeesTable = /*#__PURE__*/_styled('table', {
34
- target: "e1xb5k8j12"
34
+ target: "e1xb5k8j13"
35
35
  })("width:100%;", spacedChildren, ";border:1px solid ", ({
36
36
  theme
37
37
  }) => theme.colors.neutral.border, ";border-radius:4px;margin-top:16px;");
38
- const PriceCol = /*#__PURE__*/_styled("td", {
39
- target: "e1xb5k8j11"
38
+ const PriceCol = /*#__PURE__*/_styled("col", {
39
+ target: "e1xb5k8j12"
40
40
  })("background-color:", ({
41
41
  theme
42
42
  }) => theme.colors.neutral.background, ";");
43
43
  const PriceCell = theme => /*#__PURE__*/css("border-left:1px solid ", theme.colors.neutral.border, ";background-color:", theme.colors.neutral.backgroundWeak, ";");
44
44
  const Cell = /*#__PURE__*/_styled('td', {
45
45
  shouldForwardProp: prop => !['tabulation', 'hasBorder', 'primary'].includes(prop),
46
- target: "e1xb5k8j10"
46
+ target: "e1xb5k8j11"
47
47
  })("padding-left:", ({
48
48
  tabulation
49
49
  }) => (tabulation ?? 0) * 8 + 16, "px;padding-right:16px;position:relative;max-width:", MAX_CELL_WIDTH, ";", ({
@@ -54,14 +54,14 @@ const Cell = /*#__PURE__*/_styled('td', {
54
54
  primary
55
55
  }) => primary ? /*#__PURE__*/css("background:", theme.colors.primary.background, ";") : null, ";");
56
56
  const TotalPriceCell = /*#__PURE__*/_styled(Cell, {
57
- target: "e1xb5k8j9"
57
+ target: "e1xb5k8j10"
58
58
  })("border-color:", ({
59
59
  theme
60
60
  }) => theme.colors.neutral.border, ";border-style:solid;border-width:0 1px 1px 1px;border-radius:0 0 4px 4px;min-width:202px;height:56px;background-color:", ({
61
61
  theme
62
62
  }) => theme.colors.primary.background, ";");
63
63
  const EmptyTable = /*#__PURE__*/_styled("table", {
64
- target: "e1xb5k8j8"
64
+ target: "e1xb5k8j9"
65
65
  })(process.env.NODE_ENV === "production" ? {
66
66
  name: "1bmvmcg",
67
67
  styles: "margin:0;width:100%"
@@ -71,14 +71,14 @@ const EmptyTable = /*#__PURE__*/_styled("table", {
71
71
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
72
72
  });
73
73
  const Title = /*#__PURE__*/_styled("h3", {
74
- target: "e1xb5k8j7"
74
+ target: "e1xb5k8j8"
75
75
  })("display:flex;align-items:center;padding:0;margin:0;font-size:18px;color:", ({
76
76
  theme
77
77
  }) => theme.colors.neutral.text, ";font-weight:500;padding:", ({
78
78
  theme
79
79
  }) => theme.space['2'], ";");
80
80
  const EmptyCell = /*#__PURE__*/_styled("td", {
81
- target: "e1xb5k8j6"
81
+ target: "e1xb5k8j7"
82
82
  })(process.env.NODE_ENV === "production" ? {
83
83
  name: "22sgtr",
84
84
  styles: "width:538px"
@@ -88,7 +88,7 @@ const EmptyCell = /*#__PURE__*/_styled("td", {
88
88
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
89
89
  });
90
90
  const TimeCell = /*#__PURE__*/_styled("div", {
91
- target: "e1xb5k8j5"
91
+ target: "e1xb5k8j6"
92
92
  })(process.env.NODE_ENV === "production" ? {
93
93
  name: "1dh7njz",
94
94
  styles: "max-width:200px;padding:16px;align-items:start;text-align:left;float:right"
@@ -99,10 +99,14 @@ const TimeCell = /*#__PURE__*/_styled("div", {
99
99
  });
100
100
  const BadgeBeta = /*#__PURE__*/_styled(Badge, {
101
101
  shouldForwardProp: prop => !['long'].includes(prop),
102
- target: "e1xb5k8j4"
102
+ target: "e1xb5k8j5"
103
103
  })("margin-left:", ({
104
104
  long
105
105
  }) => long ? '-185px' : '-115px', ";position:absolute;top:calc(50% - 16px);");
106
+ const StyledTr = /*#__PURE__*/_styled('tr', {
107
+ shouldForwardProp: prop => !['isFirstElement', 'shouldBeHidden', 'hideFromOverlay'].includes(prop),
108
+ target: "e1xb5k8j4"
109
+ })();
106
110
  const OverlayRow = /*#__PURE__*/_styled('li', {
107
111
  shouldForwardProp: prop => !['isFirstElement', 'shouldBeHidden', 'hideFromOverlay'].includes(prop),
108
112
  target: "e1xb5k8j3"
@@ -142,4 +146,4 @@ const StyledBadge = /*#__PURE__*/_styled(Badge, {
142
146
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
143
147
  });
144
148
 
145
- export { BadgeBeta, Cell, EmptyCell, EmptyTable, ItemResourceName, OverlayRow, PriceCell, PriceCol, StyledBadge, StyledDiv, StyledFeesTable, StyledLeftSide, StyledTable, TimeCell, Title, TotalPriceCell };
149
+ export { BadgeBeta, Cell, EmptyCell, EmptyTable, ItemResourceName, OverlayRow, PriceCell, PriceCol, StyledBadge, StyledDiv, StyledFeesTable, StyledLeftSide, StyledTable, StyledTr, TimeCell, Title, TotalPriceCell };
package/dist/src/index.js CHANGED
@@ -3,3 +3,4 @@ export { ContentCardGroup } from './components/ContentCardGroup/index.js';
3
3
  export { CodeEditor } from './components/CodeEditor/CodeEditor.js';
4
4
  export { EstimateCost } from './components/EstimateCost/EstimateCost.js';
5
5
  export { default as estimateCostDefaultLocales } from './components/EstimateCost/locales/en.js';
6
+ export { CustomerSatisfaction } from './components/CustomerSatisfaction/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ultraviolet/plus",
3
- "version": "0.5.10",
3
+ "version": "0.6.1",
4
4
  "description": "Ultraviolet Plus",
5
5
  "homepage": "https://github.com/scaleway/ultraviolet#readme",
6
6
  "repository": {
@@ -47,7 +47,7 @@
47
47
  "@types/react-dom": "18.2.18",
48
48
  "react": "18.2.0",
49
49
  "react-dom": "18.2.0",
50
- "@ultraviolet/icons": "2.7.5"
50
+ "@ultraviolet/icons": "2.7.7"
51
51
  },
52
52
  "dependencies": {
53
53
  "@uiw/codemirror-extensions-langs": "4.21.21",
@@ -55,8 +55,8 @@
55
55
  "@uiw/react-codemirror": "4.21.21",
56
56
  "react-flatten-children": "1.1.2",
57
57
  "react-intersection-observer": "9.5.3",
58
- "@ultraviolet/themes": "1.6.0",
59
- "@ultraviolet/ui": "1.29.4"
58
+ "@ultraviolet/themes": "1.7.0",
59
+ "@ultraviolet/ui": "1.31.0"
60
60
  },
61
61
  "scripts": {
62
62
  "build": "rollup -c ../../rollup.config.mjs",