@ultraviolet/ui 1.45.0 → 1.45.2

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: {
@@ -3189,7 +3197,7 @@ declare const ToggleGroup: {
     Toggle: ({ disabled, name, value, label, helper, className, "data-testid": dataTestId, }: ToggleGroupToggleProps) => _emotion_react_jsx_runtime.JSX.Element;
 };
 
-type TooltipProps = Pick<ComponentProps<typeof Popup>, 'id' | 'children' | 'maxWidth' | 'placement' | 'text' | 'className' | 'visible' | 'innerRef' | 'role' | 'data-testid' | 'containerFullWidth' | 'portalTarget'>;
+type TooltipProps = Pick<ComponentProps<typeof Popup>, 'id' | 'children' | 'maxWidth' | 'placement' | 'text' | 'className' | 'visible' | 'innerRef' | 'role' | 'data-testid' | 'containerFullWidth' | 'portalTarget' | 'tabIndex'>;
 /**
  * Tooltip component is used to display additional information on hover or focus.
  * It is used to explain the purpose of the element it is attached to.

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

@@ -53,10 +53,12 @@ const Expandable = ({
   useEffect(() => {
     if (opened && ref.current && height) {
       ref.current.style.maxHeight = `${height}px`;
+      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 {
@@ -67,6 +69,11 @@ const Expandable = ({
           if (ref.current) {
             ref.current.style.maxHeight = `${minHeight}px`;
             ref.current.style.overflow = 'hidden';
+            setTimeout(() => {
+              if (ref.current && !minHeight) {
+                ref.current.style.visibility = 'hidden';
+              }
+            }, ANIMATION_DURATION);
           }
         }, 0);
       }

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

@@ -31,7 +31,8 @@ const Tooltip = /*#__PURE__*/forwardRef(({
   innerRef,
   role = 'tooltip',
   'data-testid': dataTestId,
-  portalTarget
+  portalTarget,
+  tabIndex
 }, tooltipRef) => jsx(StyledPopup, {
   id: id,
   ref: tooltipRef,
@@ -45,6 +46,7 @@ const Tooltip = /*#__PURE__*/forwardRef(({
   text: text,
   innerRef: innerRef,
   portalTarget: portalTarget,
+  tabIndex: tabIndex,
   children: children
 }));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.45.0",
+  "version": "1.45.2",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -34,7 +34,7 @@
   },
   "peerDependencies": {
     "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.0",
+    "@emotion/styled": "11.11.5",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -42,30 +42,30 @@
     "@babel/core": "7.24.3",
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.64",
+    "@emotion/styled": "11.11.5",
+    "@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"
   },
   "dependencies": {
-    "@emotion/serialize": "1.1.3",
+    "@emotion/serialize": "1.1.4",
     "@nivo/bar": "0.80.0",
     "@nivo/core": "0.80.0",
     "@nivo/line": "0.80.0",
     "@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.1"
+    "@ultraviolet/themes": "1.10.0",
+    "@ultraviolet/icons": "2.12.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",