feat(monorepo): Get rid of stale polyfills

.changeset/happy-animals-remain.md

@@ -0,0 +1,9 @@
+---
+'@rocket.chat/fuselage': minor
+'@rocket.chat/fuselage-toastbar': patch
+'@rocket.chat/onboarding-ui': patch
+'@rocket.chat/fuselage-forms': patch
+'@rocket.chat/layout': patch
+---
+
+Deletes the `@rocket.chat/fuselage-polyfills` package

README.md

@@ -18,7 +18,6 @@
 | 📦 [`@rocket.chat/fuselage`](/packages/fuselage) | Rocket.Chat's React Components Library | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-forms`](/packages/fuselage-forms) | A set of component wrappers to provide ease of use and accessibility out-of-box. | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-forms?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-forms) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-forms?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-hooks`](/packages/fuselage-hooks) | React hooks for Fuselage, Rocket.Chat's design system and UI toolkit | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-hooks?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-hooks) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-hooks?style=flat-square) |
-| 📦 [`@rocket.chat/fuselage-polyfills`](/packages/fuselage-polyfills) | A bundle of useful poly/ponyfills used by fuselage | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-polyfills?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-polyfills) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-polyfills?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-toastbar`](/packages/fuselage-toastbar) | Fuselage ToastBar component | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-toastbar?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-toastbar) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-toastbar?style=flat-square) |
 | 📦 [`@rocket.chat/fuselage-tokens`](/packages/fuselage-tokens) | Design tokens for Fuselage, Rocket.Chat's design system | [![npm](https://img.shields.io/npm/v/@rocket.chat/fuselage-tokens?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-tokens) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-tokens?style=flat-square) |
 | 📦 [`@rocket.chat/icons`](/packages/icons) | Rocket.Chat's Icons | [![npm](https://img.shields.io/npm/v/@rocket.chat/icons?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons) | ![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/icons?style=flat-square) |

packages/fuselage-forms/.storybook/preview.tsx

@@ -12,7 +12,6 @@ import logo from './logo.svg';
 
 import '@rocket.chat/fuselage/dist/fuselage.css';
 import '@rocket.chat/icons/dist/rocketchat.css';
-import '@rocket.chat/fuselage-polyfills';
 
 export default {
   parameters: {

packages/fuselage-toastbar/.storybook/preview.tsx

@@ -13,7 +13,6 @@ import logo from './logo.svg';
 
 import '@rocket.chat/fuselage/dist/fuselage.css';
 import '@rocket.chat/icons/dist/rocketchat.css';
-import '@rocket.chat/fuselage-polyfills';
 
 export default {
   parameters: {

packages/fuselage-toastbar/README.md

@@ -25,11 +25,11 @@
 Firstly, install the peer dependencies (prerequisites):
 
 ```sh
-npm i @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/styled react react-dom
+npm i @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/styled react react-dom
 
 # or, if you are using yarn:
 
-yarn add @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/styled react react-dom
+yarn add @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/styled react react-dom
 ```
 
 Add `@rocket.chat/fuselage-toastbar` as a dependency:

packages/fuselage-toastbar/package.json

@@ -77,7 +77,6 @@
   "peerDependencies": {
     "@rocket.chat/fuselage": "*",
     "@rocket.chat/fuselage-hooks": "*",
-    "@rocket.chat/fuselage-polyfills": "*",
     "@rocket.chat/styled": "*",
     "react": "*",
     "react-dom": "*"

packages/fuselage/.storybook/preview.tsx

@@ -12,7 +12,6 @@ import logo from './logo.svg';
 
 import 'normalize.css/normalize.css';
 import '@rocket.chat/icons/dist/rocketchat.css';
-import '@rocket.chat/fuselage-polyfills';
 
 export default {
   parameters: {

packages/fuselage/README.md

@@ -25,11 +25,11 @@
 Firstly, install the peer dependencies (prerequisites):
 
 ```sh
-npm i @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons react react-dom react-virtuoso
+npm i @rocket.chat/fuselage-hooks @rocket.chat/icons react react-dom react-virtuoso
 
 # or, if you are using yarn:
 
-yarn add @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons react react-dom react-virtuoso
+yarn add @rocket.chat/fuselage-hooks @rocket.chat/icons react react-dom react-virtuoso
 ```
 
 Add `@rocket.chat/fuselage` as a dependency:

packages/fuselage/package.json

@@ -53,7 +53,6 @@
     "@babel/preset-env": "~7.28.3",
     "@babel/preset-react": "~7.27.1",
     "@rocket.chat/fuselage-hooks": "workspace:~",
-    "@rocket.chat/fuselage-polyfills": "workspace:~",
     "@rocket.chat/icons": "workspace:~",
     "@storybook/addon-a11y": "~9.1.10",
     "@storybook/addon-docs": "~9.1.10",
@@ -117,7 +116,6 @@
   },
   "peerDependencies": {
     "@rocket.chat/fuselage-hooks": "*",
-    "@rocket.chat/fuselage-polyfills": "*",
     "@rocket.chat/icons": "*",
     "react": "*",
     "react-dom": "*",

packages/fuselage/src/components/Option/Option.styles.scss

@@ -150,7 +150,6 @@ $variants: (
   }
 
   &:hover &__menu-wrapper,
-  &.focus-within &__menu-wrapper,
   &:focus-within &__menu-wrapper {
     display: flex;
     align-items: center;