@ultraviolet/ui 1.45.1 → 1.45.3

package/dist/index.d.ts

@@ -516,9 +516,17 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             };
             icon: {
                 category: {
+                    neutral: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                    };
                     primary: {
                         fill: string;
+                        fillDisabled: string;
                         fillStrong: string;
+                        fillStrongDisabled: string;
                     };
                 };
                 product: {

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

@@ -53,13 +53,12 @@ const Expandable = ({
   useEffect(() => {
     if (opened && ref.current && height) {
       ref.current.style.maxHeight = `${height}px`;
-      if (!minHeight) {
-        ref.current.style.visibility = '';
-      }
+      ref.current.style.visibility = '';
       transitionTimer.current = setTimeout(() => {
         if (ref.current) {
           ref.current.style.maxHeight = 'initial';
           ref.current.style.overflow = 'visible';
+          ref.current.style.visibility = '';
         }
       }, ANIMATION_DURATION);
     } else {

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

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useTheme, css } from '@emotion/react';
 import { Icon } from '@ultraviolet/icons';
-import { forwardRef, useState, useId, useMemo, useEffect } from 'react';
+import React, { forwardRef, useState, useId, useMemo, Children, useEffect } from 'react';
 import Select, { components } from 'react-select';
 import isJSONString from '../../helpers/isJSON.js';
 import * as animations from '../../utils/animations.js';
@@ -530,15 +530,15 @@ const FwdSelectInput = ({
   const currentValue = value?.value;
 
   // Options need to keep the same reference otherwise react-select doesn't focus the selected option
-  const selectOptions = useMemo(() => options || (children ?? []).map(({
-    props: {
-      children: label,
-      ...subProps
+  const selectOptions = useMemo(() => options || Children.toArray(children).reduce((acc, child) => {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return [...acc, {
+        ...child.props,
+        label: child.props.children
+      }];
     }
-  }) => ({
-    ...subProps,
-    label
-  })), [options, children]);
+    return acc;
+  }, []), [options, children]);
   useEffect(() => {
     if (animationOnChange) {
       setIsAnimated(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.45.1",
+  "version": "1.45.3",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -43,9 +43,9 @@
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
-    "@types/react": "18.2.64",
+    "@types/react": "18.2.74",
     "@types/react-datepicker": "4.19.6",
-    "@types/react-dom": "18.2.21",
+    "@types/react-dom": "18.2.23",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -57,15 +57,15 @@
     "@nivo/pie": "0.80.0",
     "@nivo/scales": "0.80.0",
     "@scaleway/random-name": "5.0.0",
-    "@scaleway/use-media": "2.0.1",
+    "@scaleway/use-media": "3.0.0",
     "deepmerge": "4.3.1",
     "react-datepicker": "4.25.0",
     "react-select": "5.8.0",
     "react-toastify": "10.0.5",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
-    "@ultraviolet/themes": "1.9.0",
-    "@ultraviolet/icons": "2.11.2"
+    "@ultraviolet/themes": "1.10.0",
+    "@ultraviolet/icons": "2.12.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",