chore: Upgrade fuselage packages (RocketChat#40014)

juliajforesti · web-flow · commit 32e9c273f7a6 · 2026-03-31T21:26:10.000Z
diff --git a/apps/meteor/client/components/ImageGallery/ImageGallery.tsx b/apps/meteor/client/components/ImageGallery/ImageGallery.tsx
@@ -1,6 +1,6 @@
 import type { IUpload } from '@rocket.chat/core-typings';
 import { css } from '@rocket.chat/css-in-js';
-import { Box, ButtonGroup, IconButton, Palette, PaletteStyleTag, Throbber, padding } from '@rocket.chat/fuselage';
+import { Box, ButtonGroup, IconButton, Palette, PaletteStyleTag, Throbber, spacing } from '@rocket.chat/fuselage';
 import { useRef, useState } from 'react';
 import { FocusScope } from 'react-aria';
 import { createPortal } from 'react-dom';
@@ -33,7 +33,7 @@ const swiperStyle = css`
 	}
 
 	.swiper-slide {
-		padding: ${padding('x144')} ${padding('x60')} ${padding('x96')};
+		padding: ${spacing('x144')} ${spacing('x60')} ${spacing('x96')};
 	}
 
 	.rcx-swiper-prev-button,
diff --git a/apps/meteor/package.json b/apps/meteor/package.json
@@ -104,8 +104,8 @@
 		"@rocket.chat/favicon": "workspace:^",
 		"@rocket.chat/federation-matrix": "workspace:^",
 		"@rocket.chat/federation-sdk": "0.6.0",
-		"@rocket.chat/fuselage": "^0.74.0",
-		"@rocket.chat/fuselage-forms": "^1.1.0",
+		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage-forms": "^1.1.1",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-toastbar": "^0.35.2",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
diff --git a/apps/uikit-playground/package.json b/apps/uikit-playground/package.json
@@ -18,7 +18,7 @@
 		"@lezer/highlight": "^1.2.3",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-toastbar": "^0.35.2",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json
@@ -46,7 +46,7 @@
 		"@rocket.chat/apps-engine": "workspace:^",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/gazzodown/package.json b/packages/gazzodown/package.json
@@ -31,7 +31,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/storybook-config/package.json b/packages/storybook-config/package.json
@@ -36,7 +36,7 @@
 		"webpack": "~5.99.9"
 	},
 	"devDependencies": {
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/icons": "~0.47.0",
 		"@rocket.chat/tsconfig": "workspace:*",
 		"@storybook/react": "^8.6.17",
diff --git a/packages/ui-avatar/package.json b/packages/ui-avatar/package.json
@@ -17,7 +17,7 @@
 	"devDependencies": {
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-client/package.json b/packages/ui-client/package.json
@@ -26,7 +26,7 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-composer/package.json b/packages/ui-composer/package.json
@@ -22,7 +22,7 @@
 	"devDependencies": {
 		"@react-aria/toolbar": "^3.0.0-nightly.5042",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-contexts/package.json b/packages/ui-contexts/package.json
@@ -23,7 +23,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/ddp-client": "workspace:~",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/packages/ui-video-conf/package.json b/packages/ui-video-conf/package.json
@@ -22,7 +22,7 @@
 	},
 	"devDependencies": {
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-voip/package.json b/packages/ui-voip/package.json
@@ -30,7 +30,7 @@
 		"@react-spectrum/test-utils": "~1.0.0-alpha.8",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/fuselage-ui-kit": "workspace:^",
diff --git a/packages/web-ui-registration/package.json b/packages/web-ui-registration/package.json
@@ -23,7 +23,7 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.74.0",
+		"@rocket.chat/fuselage": "^0.75.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/yarn.lock b/yarn.lock
@@ -9395,9 +9395,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rocket.chat/fuselage-forms@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@rocket.chat/fuselage-forms@npm:1.1.0"
+"@rocket.chat/fuselage-forms@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@rocket.chat/fuselage-forms@npm:1.1.1"
   dependencies:
     "@rocket.chat/emitter": "npm:^0.32.0"
     react-aria: "npm:~3.37.0"
@@ -9406,7 +9406,7 @@ __metadata:
     "@rocket.chat/fuselage-hooks": "*"
     react: "*"
     react-dom: "*"
-  checksum: 10/945dc9fa3366ddd7c5210365d4792eeee2cdb633b80ab74f865957598dca553a08a0e9bf8b1791850e3a9c20f59102df018b5cbbad205abcb05106dd71b51aa5
+  checksum: 10/2a9fbba4521df687fe103d10415088ce69fe810a08ad0e6b2b134a66e51bb408f78642e58092b674cebded14c51459b844f2f28bdab5cdab5292be763df85afe
   languageName: node
   linkType: hard
 
@@ -9461,7 +9461,7 @@ __metadata:
     "@rocket.chat/apps-engine": "workspace:^"
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/gazzodown": "workspace:^"
@@ -9521,9 +9521,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@rocket.chat/fuselage@npm:^0.74.0":
-  version: 0.74.0
-  resolution: "@rocket.chat/fuselage@npm:0.74.0"
+"@rocket.chat/fuselage@npm:^0.75.0":
+  version: 0.75.0
+  resolution: "@rocket.chat/fuselage@npm:0.75.0"
   dependencies:
     "@rocket.chat/css-in-js": "npm:^0.31.25"
     "@rocket.chat/css-supports": "npm:^0.31.25"
@@ -9540,7 +9540,7 @@ __metadata:
     react: "*"
     react-dom: "*"
     react-virtuoso: "*"
-  checksum: 10/28135a95e5745d01b27e66db70eb56e5f6172183bd6b302268e19134e7b1c8581c527fccde213ebed492a2113c264e2d6a625949f344f98cbf92478a517e7b36
+  checksum: 10/4ca67a50c9e08a47aa78e64be5a60e2d07ff0e02a741e45eb54a48c6dcdb7fdfe24b35d8c0b2e15f63e735b5152f6a9748b072402ee6a47318cd0eb0e1bb59db
   languageName: node
   linkType: hard
 
@@ -9551,7 +9551,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -9999,8 +9999,8 @@ __metadata:
     "@rocket.chat/favicon": "workspace:^"
     "@rocket.chat/federation-matrix": "workspace:^"
     "@rocket.chat/federation-sdk": "npm:0.6.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
-    "@rocket.chat/fuselage-forms": "npm:^1.1.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage-forms": "npm:^1.1.1"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-toastbar": "npm:^0.35.2"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
@@ -10878,7 +10878,7 @@ __metadata:
   resolution: "@rocket.chat/storybook-config@workspace:packages/storybook-config"
   dependencies:
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -10976,7 +10976,7 @@ __metadata:
   dependencies:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11003,7 +11003,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11061,7 +11061,7 @@ __metadata:
   dependencies:
     "@react-aria/toolbar": "npm:^3.0.0-nightly.5042"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11102,7 +11102,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/ddp-client": "workspace:~"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"
@@ -11161,7 +11161,7 @@ __metadata:
   dependencies:
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11214,7 +11214,7 @@ __metadata:
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/desktop-api": "workspace:^"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/fuselage-ui-kit": "workspace:^"
@@ -11285,7 +11285,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-toastbar": "npm:^0.35.2"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
@@ -11326,7 +11326,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.74.0"
+    "@rocket.chat/fuselage": "npm:^0.75.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import type { IUpload } from '@rocket.chat/core-typings';`
`2`	`2`	`import { css } from '@rocket.chat/css-in-js';`
`3`		`-import { Box, ButtonGroup, IconButton, Palette, PaletteStyleTag, Throbber, padding } from '@rocket.chat/fuselage';`
	`3`	`+import { Box, ButtonGroup, IconButton, Palette, PaletteStyleTag, Throbber, spacing } from '@rocket.chat/fuselage';`
`4`	`4`	`import { useRef, useState } from 'react';`
`5`	`5`	`import { FocusScope } from 'react-aria';`
`6`	`6`	`import { createPortal } from 'react-dom';`
@@ -33,7 +33,7 @@ const swiperStyle = css`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.swiper-slide {`
`36`		`- padding: ${padding('x144')} ${padding('x60')} ${padding('x96')};`
	`36`	`+ padding: ${spacing('x144')} ${spacing('x60')} ${spacing('x96')};`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`.rcx-swiper-prev-button,`