@ultraviolet/plus 0.6.1 → 0.6.2

package/dist/index.d.ts

@@ -329,24 +329,24 @@ declare const EstimateCost: {
 
 declare const ratings: readonly [{
     readonly value: 1;
-    readonly imgSelected: keyof JSX.IntrinsicElements;
-    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+    readonly imgSelected: string;
+    readonly imgNotSelected: string;
 }, {
     readonly value: 2;
-    readonly imgSelected: keyof JSX.IntrinsicElements;
-    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+    readonly imgSelected: string;
+    readonly imgNotSelected: string;
 }, {
     readonly value: 3;
-    readonly imgSelected: keyof JSX.IntrinsicElements;
-    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+    readonly imgSelected: string;
+    readonly imgNotSelected: string;
 }, {
     readonly value: 4;
-    readonly imgSelected: keyof JSX.IntrinsicElements;
-    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+    readonly imgSelected: string;
+    readonly imgNotSelected: string;
 }, {
     readonly value: 5;
-    readonly imgSelected: keyof JSX.IntrinsicElements;
-    readonly imgNotSelected: keyof JSX.IntrinsicElements;
+    readonly imgSelected: string;
+    readonly imgNotSelected: string;
 }];
 type Value = (typeof ratings)[number]['value'];
 type CustomerSatisfactionProps = {

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

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { css } from '@emotion/react';
 import { Stack, Text, Icon } from '@ultraviolet/ui';
-import { forwardRef, useState, useMemo, useEffect, createRef } from 'react';
+import { forwardRef, useRef, useState, useMemo, useEffect } from 'react';
 import { Skeleton } from './Skeleton.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
@@ -87,7 +87,7 @@ const ContentCard = /*#__PURE__*/forwardRef(({
   loading,
   className
 }, ref) => {
-  const subContainerRef = /*#__PURE__*/createRef();
+  const subContainerRef = useRef(null);
   const [subContainerHeight, setSubContainerHeight] = useState(subContainerRef?.current?.offsetHeight);
   const Container = useMemo(() => {
     if (href) {

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

@@ -81,7 +81,7 @@ const scaled = process.env.NODE_ENV === "production" ? {
   styles: "transform:scale(1.2)",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const StyledImage = component => /*#__PURE__*/_styled(component, {
+const Image = /*#__PURE__*/_styled("img", {
   target: "epmg9lb0"
 })("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
   isHovered,
@@ -107,11 +107,11 @@ const CustomerSatisfaction = ({
       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,
+        src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected,
         onClick: () => {
           onChange(rating.value);
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "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.7"
+    "@ultraviolet/icons": "2.8.0"
   },
   "dependencies": {
     "@uiw/codemirror-extensions-langs": "4.21.21",
@@ -56,7 +56,7 @@
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.3",
     "@ultraviolet/themes": "1.7.0",
-    "@ultraviolet/ui": "1.31.0"
+    "@ultraviolet/ui": "1.31.1"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",