From e294d22ea43ad802f85d2217bea80c996b54b252 Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:32:18 -0300 Subject: [PATCH 1/8] Remove `:focus-within` polyfill --- packages/fuselage-polyfills/index.js | 1 - packages/fuselage-polyfills/package.json | 1 - .../fuselage/src/components/Option/Option.styles.scss | 1 - .../src/components/Sidebar/Sidebar.styles.scss | 10 +--------- .../SidebarV2/SidebarItem/SidebarItem.styles.scss | 1 - yarn.lock | 8 -------- 6 files changed, 1 insertion(+), 21 deletions(-) diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js index 89633cecae..3145254126 100644 --- a/packages/fuselage-polyfills/index.js +++ b/packages/fuselage-polyfills/index.js @@ -1,5 +1,4 @@ /* eslint-disable @typescript-eslint/no-require-imports */ -require('focus-within-polyfill'); require('focus-visible'); window.ResizeObserver = window.ResizeObserver || require('@juggle/resize-observer').ResizeObserver; diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index a64de442fd..b3ae350f7b 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -25,7 +25,6 @@ "clipboard-polyfill": "^4.1.1", "element-closest-polyfill": "^1.0.7", "focus-visible": "^5.2.1", - "focus-within-polyfill": "^5.2.1", "new-event-polyfill": "^1.0.1" }, "devDependencies": { diff --git a/packages/fuselage/src/components/Option/Option.styles.scss b/packages/fuselage/src/components/Option/Option.styles.scss index 10c876d6c3..080e192969 100644 --- a/packages/fuselage/src/components/Option/Option.styles.scss +++ b/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; diff --git a/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss b/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss index 143832ae27..f8dd5bf3ad 100644 --- a/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss +++ b/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss @@ -309,7 +309,7 @@ $sidebar-banner-color-danger: theme( } &:hover &__menu-wrapper, - &.focus-within &__menu-wrapper { + &:focus-within &__menu-wrapper { position: static; width: lengths.size(20); @@ -319,14 +319,6 @@ $sidebar-banner-color-danger: theme( opacity: 1; } - &:focus-within &__menu-wrapper { - width: lengths.size(20); - - margin-inline: lengths.margin(4); - - opacity: 1; - } - &__menu { position: absolute; diff --git a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItem.styles.scss b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItem.styles.scss index 1832e51f1f..f8f15b45ca 100644 --- a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItem.styles.scss +++ b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItem.styles.scss @@ -163,7 +163,6 @@ $sidebar-color-font-active: theme( } &:hover &__menu-wrapper, - &.focus-within &__menu-wrapper, &:focus-within &__menu-wrapper { display: flex; align-items: center; diff --git a/yarn.lock b/yarn.lock index 74488d27be..38d824dbfe 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5386,7 +5386,6 @@ __metadata: element-closest-polyfill: "npm:^1.0.7" eslint: "npm:~9.37.0" focus-visible: "npm:^5.2.1" - focus-within-polyfill: "npm:^5.2.1" lint-all: "workspace:~" new-event-polyfill: "npm:^1.0.1" prettier: "npm:~3.6.2" @@ -11549,13 +11548,6 @@ __metadata: languageName: node linkType: hard -"focus-within-polyfill@npm:^5.2.1": - version: 5.2.1 - resolution: "focus-within-polyfill@npm:5.2.1" - checksum: 10/fe7ce8715791b7778134e23a01ece66e52078b0a88285322b97079b345fe5ee30376680e07914721a23d1abcfd03e947931e69c561a27a50c642cbaa403a34fd - languageName: node - linkType: hard - "for-each@npm:^0.3.3": version: 0.3.3 resolution: "for-each@npm:0.3.3" From 824aa01085795de4d68301896306cc5021287061 Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:48:30 -0300 Subject: [PATCH 2/8] Remove `:focus-visible` polyfill --- packages/fuselage-polyfills/index.js | 1 - packages/fuselage-polyfills/package.json | 1 - packages/fuselage/src/styles/mixins/states.scss | 16 ++-------------- yarn.lock | 8 -------- 4 files changed, 2 insertions(+), 24 deletions(-) diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js index 3145254126..9911f396a8 100644 --- a/packages/fuselage-polyfills/index.js +++ b/packages/fuselage-polyfills/index.js @@ -1,5 +1,4 @@ /* eslint-disable @typescript-eslint/no-require-imports */ -require('focus-visible'); window.ResizeObserver = window.ResizeObserver || require('@juggle/resize-observer').ResizeObserver; diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index b3ae350f7b..72e3d796a0 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -24,7 +24,6 @@ "@juggle/resize-observer": "^3.4.0", "clipboard-polyfill": "^4.1.1", "element-closest-polyfill": "^1.0.7", - "focus-visible": "^5.2.1", "new-event-polyfill": "^1.0.1" }, "devDependencies": { diff --git a/packages/fuselage/src/styles/mixins/states.scss b/packages/fuselage/src/styles/mixins/states.scss index 0fc58ec658..c7835f3f27 100644 --- a/packages/fuselage/src/styles/mixins/states.scss +++ b/packages/fuselage/src/styles/mixins/states.scss @@ -24,22 +24,10 @@ } @mixin on-focus-visible { - // TODO: reenable this, :focus-visible is crashing the other selectors of this mixin when in production - // &:focus-visible { - // @content; - // } - - @at-root .js-focus-visible &:focus.focus-visible, - .js-focus-visible &.focus.focus-visible, - &.is-focused { + &:focus-visible, + &.focus.focus-visible { @content; } - - @at-root html:not(.js-focus-visible) & { - @include on-focus { - @content; - } - } } @mixin on-disabled { diff --git a/yarn.lock b/yarn.lock index 38d824dbfe..5c558d5e5a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5385,7 +5385,6 @@ __metadata: clipboard-polyfill: "npm:^4.1.1" element-closest-polyfill: "npm:^1.0.7" eslint: "npm:~9.37.0" - focus-visible: "npm:^5.2.1" lint-all: "workspace:~" new-event-polyfill: "npm:^1.0.1" prettier: "npm:~3.6.2" @@ -11541,13 +11540,6 @@ __metadata: languageName: node linkType: hard -"focus-visible@npm:^5.2.1": - version: 5.2.1 - resolution: "focus-visible@npm:5.2.1" - checksum: 10/b42a900fbccc05497b48a537b73c2ec41a209376f3df06ae908e151703921d0e62ae704a2e3a87bf86208e7f36a88fa3a672abdd629b5d7a6861c9ee3a399dca - languageName: node - linkType: hard - "for-each@npm:^0.3.3": version: 0.3.3 resolution: "for-each@npm:0.3.3" From 85a101edbfc1faa213c47faca4272919ad67f98d Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:50:28 -0300 Subject: [PATCH 3/8] Remove `ResizeObserver` polyfill --- packages/fuselage-polyfills/index.js | 3 --- packages/fuselage-polyfills/package.json | 1 - yarn.lock | 8 -------- 3 files changed, 12 deletions(-) diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js index 9911f396a8..b1f2727c0b 100644 --- a/packages/fuselage-polyfills/index.js +++ b/packages/fuselage-polyfills/index.js @@ -1,7 +1,4 @@ /* eslint-disable @typescript-eslint/no-require-imports */ -window.ResizeObserver = - window.ResizeObserver || require('@juggle/resize-observer').ResizeObserver; - if (!navigator.clipboard) { navigator.clipboard = require('clipboard-polyfill'); } diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index 72e3d796a0..10117d7635 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -21,7 +21,6 @@ "lint-and-fix": "lint-and-fix" }, "dependencies": { - "@juggle/resize-observer": "^3.4.0", "clipboard-polyfill": "^4.1.1", "element-closest-polyfill": "^1.0.7", "new-event-polyfill": "^1.0.1" diff --git a/yarn.lock b/yarn.lock index 5c558d5e5a..4db9f975c8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3329,13 +3329,6 @@ __metadata: languageName: node linkType: hard -"@juggle/resize-observer@npm:^3.4.0": - version: 3.4.0 - resolution: "@juggle/resize-observer@npm:3.4.0" - checksum: 10/73d1d00ee9132fb6f0aea0531940a6b93603e935590bd450fc6285a328d906102eeeb95dea77b2edac0e779031a9708aa8c82502bd298ee4dd26e7dff48f397a - languageName: node - linkType: hard - "@keyv/bigmap@npm:^1.0.2": version: 1.0.2 resolution: "@keyv/bigmap@npm:1.0.2" @@ -5381,7 +5374,6 @@ __metadata: version: 0.0.0-use.local resolution: "@rocket.chat/fuselage-polyfills@workspace:packages/fuselage-polyfills" dependencies: - "@juggle/resize-observer": "npm:^3.4.0" clipboard-polyfill: "npm:^4.1.1" element-closest-polyfill: "npm:^1.0.7" eslint: "npm:~9.37.0" From 9bd3bf931fd169eebcb90bdc32e617b8b1e3e1c9 Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:52:01 -0300 Subject: [PATCH 4/8] Remove `navigator.clipboard` polyfill --- packages/fuselage-polyfills/index.js | 3 --- packages/fuselage-polyfills/package.json | 1 - yarn.lock | 8 -------- 3 files changed, 12 deletions(-) diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js index b1f2727c0b..e5faac47f9 100644 --- a/packages/fuselage-polyfills/index.js +++ b/packages/fuselage-polyfills/index.js @@ -1,6 +1,3 @@ /* eslint-disable @typescript-eslint/no-require-imports */ -if (!navigator.clipboard) { - navigator.clipboard = require('clipboard-polyfill'); -} require('element-closest-polyfill'); require('new-event-polyfill'); diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index 10117d7635..35a1f74c4b 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -21,7 +21,6 @@ "lint-and-fix": "lint-and-fix" }, "dependencies": { - "clipboard-polyfill": "^4.1.1", "element-closest-polyfill": "^1.0.7", "new-event-polyfill": "^1.0.1" }, diff --git a/yarn.lock b/yarn.lock index 4db9f975c8..94cc0a47cf 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5374,7 +5374,6 @@ __metadata: version: 0.0.0-use.local resolution: "@rocket.chat/fuselage-polyfills@workspace:packages/fuselage-polyfills" dependencies: - clipboard-polyfill: "npm:^4.1.1" element-closest-polyfill: "npm:^1.0.7" eslint: "npm:~9.37.0" lint-all: "workspace:~" @@ -9142,13 +9141,6 @@ __metadata: languageName: node linkType: hard -"clipboard-polyfill@npm:^4.1.1": - version: 4.1.1 - resolution: "clipboard-polyfill@npm:4.1.1" - checksum: 10/5e1f901709ab8eaa1e3fda377c51946f76953ed79dbdb063490cc267ce4d4969566019d60dabf8d4b1e7246b684a05f05d77f37444c66f7b6c1a292c7d2d1c6e - languageName: node - linkType: hard - "cliui@npm:^8.0.1": version: 8.0.1 resolution: "cliui@npm:8.0.1" From 9c9fe38655c33b5c69571f60907daeb8c4f6322e Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:53:39 -0300 Subject: [PATCH 5/8] Remove `Element.prototype.closest` and `Element.prototype.matches` polyfill --- packages/fuselage-polyfills/index.js | 1 - packages/fuselage-polyfills/package.json | 1 - yarn.lock | 8 -------- 3 files changed, 10 deletions(-) diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js index e5faac47f9..706382dab5 100644 --- a/packages/fuselage-polyfills/index.js +++ b/packages/fuselage-polyfills/index.js @@ -1,3 +1,2 @@ /* eslint-disable @typescript-eslint/no-require-imports */ -require('element-closest-polyfill'); require('new-event-polyfill'); diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index 35a1f74c4b..7b6fe08b2e 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -21,7 +21,6 @@ "lint-and-fix": "lint-and-fix" }, "dependencies": { - "element-closest-polyfill": "^1.0.7", "new-event-polyfill": "^1.0.1" }, "devDependencies": { diff --git a/yarn.lock b/yarn.lock index 94cc0a47cf..e6fa39f719 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5374,7 +5374,6 @@ __metadata: version: 0.0.0-use.local resolution: "@rocket.chat/fuselage-polyfills@workspace:packages/fuselage-polyfills" dependencies: - element-closest-polyfill: "npm:^1.0.7" eslint: "npm:~9.37.0" lint-all: "workspace:~" new-event-polyfill: "npm:^1.0.1" @@ -10294,13 +10293,6 @@ __metadata: languageName: node linkType: hard -"element-closest-polyfill@npm:^1.0.7": - version: 1.0.7 - resolution: "element-closest-polyfill@npm:1.0.7" - checksum: 10/4b86bd9b84739ff604020edd1e5985a942cfb18632376fc16a4c5840e1258091aba492cd9042536b5f208aca8d1da6537fe690231a6629ccef56520d1a510eeb - languageName: node - linkType: hard - "emittery@npm:^0.13.1": version: 0.13.1 resolution: "emittery@npm:0.13.1" From f35e0d682ee8ce00bf5b135564e7431be1f5ad67 Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:55:35 -0300 Subject: [PATCH 6/8] Remove `Event` constructor polyfill --- packages/fuselage-polyfills/index.js | 2 -- packages/fuselage-polyfills/package.json | 3 --- yarn.lock | 8 -------- 3 files changed, 13 deletions(-) diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js index 706382dab5..e69de29bb2 100644 --- a/packages/fuselage-polyfills/index.js +++ b/packages/fuselage-polyfills/index.js @@ -1,2 +0,0 @@ -/* eslint-disable @typescript-eslint/no-require-imports */ -require('new-event-polyfill'); diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index 7b6fe08b2e..400a241c7a 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -20,9 +20,6 @@ "lint": "lint", "lint-and-fix": "lint-and-fix" }, - "dependencies": { - "new-event-polyfill": "^1.0.1" - }, "devDependencies": { "eslint": "~9.37.0", "lint-all": "workspace:~", diff --git a/yarn.lock b/yarn.lock index e6fa39f719..95fb6168cc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5376,7 +5376,6 @@ __metadata: dependencies: eslint: "npm:~9.37.0" lint-all: "workspace:~" - new-event-polyfill: "npm:^1.0.1" prettier: "npm:~3.6.2" languageName: unknown linkType: soft @@ -15275,13 +15274,6 @@ __metadata: languageName: node linkType: hard -"new-event-polyfill@npm:^1.0.1": - version: 1.0.1 - resolution: "new-event-polyfill@npm:1.0.1" - checksum: 10/4c58d2b0505132b2b75d47d82e6ce4f11839f9fa13f89c22bc9cbfe6a60e18df6046b86da5bc8699dae3077beb3a9e503e76bc56a797b76379db07b44bb6952c - languageName: node - linkType: hard - "nice-try@npm:^1.0.4": version: 1.0.5 resolution: "nice-try@npm:1.0.5" From c36ac4d6d6894e19e8a932a8731f4343eab9b24a Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 00:59:33 -0300 Subject: [PATCH 7/8] Delete `@rocket.chat/fuselage-polyfills` --- README.md | 1 - .../fuselage-forms/.storybook/preview.tsx | 1 - packages/fuselage-polyfills/CHANGELOG.md | 162 ------------------ packages/fuselage-polyfills/README.md | 67 -------- packages/fuselage-polyfills/index.d.ts | 1 - packages/fuselage-polyfills/index.js | 0 packages/fuselage-polyfills/package.json | 31 ---- .../fuselage-toastbar/.storybook/preview.tsx | 1 - packages/fuselage-toastbar/README.md | 4 +- packages/fuselage-toastbar/package.json | 1 - packages/fuselage/.storybook/preview.tsx | 1 - packages/fuselage/README.md | 4 +- packages/fuselage/package.json | 2 - packages/layout/.storybook/preview.tsx | 1 - packages/onboarding-ui/.storybook/preview.tsx | 1 - packages/onboarding-ui/README.md | 4 +- packages/onboarding-ui/package.json | 2 - yarn.lock | 15 -- 18 files changed, 6 insertions(+), 293 deletions(-) delete mode 100644 packages/fuselage-polyfills/CHANGELOG.md delete mode 100644 packages/fuselage-polyfills/README.md delete mode 100644 packages/fuselage-polyfills/index.d.ts delete mode 100644 packages/fuselage-polyfills/index.js delete mode 100644 packages/fuselage-polyfills/package.json diff --git a/README.md b/README.md index 7f8e0aeb7e..4c0c3b4f7d 100644 --- a/README.md +++ b/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) | diff --git a/packages/fuselage-forms/.storybook/preview.tsx b/packages/fuselage-forms/.storybook/preview.tsx index 1bac610ffb..574f033960 100644 --- a/packages/fuselage-forms/.storybook/preview.tsx +++ b/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: { diff --git a/packages/fuselage-polyfills/CHANGELOG.md b/packages/fuselage-polyfills/CHANGELOG.md deleted file mode 100644 index 7e3f0f1e28..0000000000 --- a/packages/fuselage-polyfills/CHANGELOG.md +++ /dev/null @@ -1,162 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - -# [0.31.0](https://github.com/RocketChat/fuselage/compare/v0.30.1...v0.31.0) (2021-12-28) - -### Features - -- New hooks for element size tracking ([#413](https://github.com/RocketChat/fuselage/issues/413)) ([8ca682c](https://github.com/RocketChat/fuselage/commit/8ca682c636d2e4813f7d346cb881513382be63cf)) - -# [0.30.0](https://github.com/RocketChat/fuselage/compare/v0.29.0...v0.30.0) (2021-10-06) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.29.0](https://github.com/RocketChat/fuselage/compare/v0.28.0...v0.29.0) (2021-08-31) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.28.0](https://github.com/RocketChat/fuselage/compare/v0.27.0...v0.28.0) (2021-07-30) - -### Features - -- styled API; monorepo grooming ([#482](https://github.com/RocketChat/fuselage/issues/482)) ([1b6b70c](https://github.com/RocketChat/fuselage/commit/1b6b70cf67ec16927b1566adc2350295a8927223)) - -# [0.27.0](https://github.com/RocketChat/fuselage/compare/v0.26.0...v0.27.0) (2021-06-28) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.26.0](https://github.com/RocketChat/fuselage/compare/v0.25.0...v0.26.0) (2021-05-28) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.25.0](https://github.com/RocketChat/fuselage/compare/v0.24.0...v0.25.0) (2021-05-19) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.24.0](https://github.com/RocketChat/fuselage/compare/v0.23.0...v0.24.0) (2021-04-28) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.23.0](https://github.com/RocketChat/fuselage/compare/v0.22.0...v0.23.0) (2021-04-01) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.22.0](https://github.com/RocketChat/fuselage/compare/v0.21.0...v0.22.0) (2021-02-26) - -### Features - -- new Event() polyfill ([#394](https://github.com/RocketChat/fuselage/issues/394)) ([89245c1](https://github.com/RocketChat/fuselage/commit/89245c1fbf15612d7bd6068ccde79b89884438d2)) - -# [0.21.0](https://github.com/RocketChat/fuselage/compare/v0.20.3...v0.21.0) (2021-01-31) - -### Features - -- Built modules for design tokens ([#356](https://github.com/RocketChat/fuselage/issues/356)) ([f9c3449](https://github.com/RocketChat/fuselage/commit/f9c344953b8161a4385cab3a3dcc8b6a7210446f)) - -## [0.20.1](https://github.com/RocketChat/fuselage/compare/v0.20.0...v0.20.1) (2020-12-22) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.20.0](https://github.com/RocketChat/fuselage/compare/v0.19.0...v0.20.0) (2020-12-21) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.19.0](https://github.com/RocketChat/fuselage/compare/v0.18.0...v0.19.0) (2020-11-28) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.18.0](https://github.com/RocketChat/fuselage/compare/v0.17.3...v0.18.0) (2020-11-16) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.17.2](https://github.com/RocketChat/fuselage/compare/v0.17.1...v0.17.2) (2020-10-28) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.17.1](https://github.com/RocketChat/fuselage/compare/v0.17.0...v0.17.1) (2020-10-26) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.17.0](https://github.com/RocketChat/fuselage/compare/v0.16.0...v0.17.0) (2020-10-25) - -### Features - -- Focus-within polyfill ([#306](https://github.com/RocketChat/fuselage/issues/306)) ([42d4147](https://github.com/RocketChat/fuselage/commit/42d41478678d74c730df9bcb30ab76e6b27314f1)) - -# [0.16.0](https://github.com/RocketChat/fuselage/compare/v0.15.1...v0.16.0) (2020-09-30) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.15.1](https://github.com/RocketChat/fuselage/compare/v0.15.0...v0.15.1) (2020-09-22) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.15.0](https://github.com/RocketChat/fuselage/compare/v0.14.1...v0.15.0) (2020-09-17) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.14.1](https://github.com/RocketChat/fuselage/compare/v0.14.0...v0.14.1) (2020-08-22) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.14.0](https://github.com/RocketChat/fuselage/compare/v0.13.2...v0.14.0) (2020-08-18) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.13.1](https://github.com/RocketChat/fuselage/compare/v0.13.0...v0.13.1) (2020-07-17) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.13.0](https://github.com/RocketChat/fuselage/compare/v0.12.0...v0.13.0) (2020-07-14) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.12.0](https://github.com/RocketChat/fuselage/compare/v0.11.0...v0.12.0) (2020-07-14) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.11.0](https://github.com/RocketChat/fuselage/compare/v0.10.0...v0.11.0) (2020-07-11) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.10.0](https://github.com/RocketChat/fuselage/compare/v0.9.0...v0.10.0) (2020-06-20) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.9.0](https://github.com/RocketChat/fuselage/compare/v0.8.0...v0.9.0) (2020-05-21) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.8.0](https://github.com/RocketChat/fuselage/compare/v0.7.1...v0.8.0) (2020-04-22) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.7.1](https://github.com/RocketChat/fuselage/compare/v0.7.0...v0.7.1) (2020-04-01) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.7.0](https://github.com/RocketChat/fuselage/compare/v0.6.2...v0.7.0) (2020-04-01) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -## [0.6.2](https://github.com/RocketChat/fuselage/compare/v0.6.1...v0.6.2) (2020-03-31) - -### Bug Fixes - -- Table padding, hover status ([#185](https://github.com/RocketChat/fuselage/issues/185)) ([70138bc](https://github.com/RocketChat/fuselage/commit/70138bcc258a3112dc3264562cddb90d05b95859)) - -## [0.6.1](https://github.com/RocketChat/fuselage/compare/v0.6.0...v0.6.1) (2020-03-24) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.6.0](https://github.com/RocketChat/fuselage/compare/v0.5.0...v0.6.0) (2020-03-20) - -**Note:** Version bump only for package @rocket.chat/fuselage-polyfills - -# [0.5.0](https://github.com/RocketChat/fuselage/compare/v0.4.1...v0.5.0) (2020-03-20) - -### Features - -- Focus visible ([#165](https://github.com/RocketChat/fuselage/issues/165)) ([0801f28](https://github.com/RocketChat/fuselage/commit/0801f280b159f9b2d500fc3de57eb422a8b13e5e)) diff --git a/packages/fuselage-polyfills/README.md b/packages/fuselage-polyfills/README.md deleted file mode 100644 index 4cb3d88a57..0000000000 --- a/packages/fuselage-polyfills/README.md +++ /dev/null @@ -1,67 +0,0 @@ - - -

- - Rocket.Chat - -

- -# `@rocket.chat/fuselage-polyfills` - -> A bundle of useful poly/ponyfills used by fuselage - ---- - -[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage-polyfills/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-polyfills/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage-polyfills/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage-polyfills/v/next) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage-polyfills?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage-polyfills?style=flat-square) - -![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage-polyfills?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/fuselage-polyfills?style=flat-square) - - - -## Install - - - -Add `@rocket.chat/fuselage-polyfills` as a dependency: - -```sh -npm i @rocket.chat/fuselage-polyfills - -# or, if you are using yarn: - -yarn add @rocket.chat/fuselage-polyfills -``` - - - -## Contributing - - - -Contributions, issues, and feature requests are welcome!
-Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues). - - - -### Linting - -To ensure the source is matching our coding style, we perform [linting](). -Before commiting, check if your code fits our style by running: - - - -```sh -yarn lint -``` - - - -Some linter warnings and errors can be automatically fixed: - - - -```sh -yarn lint-and-fix -``` - - diff --git a/packages/fuselage-polyfills/index.d.ts b/packages/fuselage-polyfills/index.d.ts deleted file mode 100644 index cb0ff5c3b5..0000000000 --- a/packages/fuselage-polyfills/index.d.ts +++ /dev/null @@ -1 +0,0 @@ -export {}; diff --git a/packages/fuselage-polyfills/index.js b/packages/fuselage-polyfills/index.js deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json deleted file mode 100644 index 400a241c7a..0000000000 --- a/packages/fuselage-polyfills/package.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "@rocket.chat/fuselage-polyfills", - "version": "0.31.25", - "description": "A bundle of useful poly/ponyfills used by fuselage", - "bugs": { - "url": "https://github.com/RocketChat/fuselage/issues" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/RocketChat/fuselage.git" - }, - "license": "MIT", - "author": { - "name": "Rocket.Chat", - "url": "https://rocket.chat/" - }, - "main": "index.js", - "types": "index.d.ts", - "scripts": { - "lint": "lint", - "lint-and-fix": "lint-and-fix" - }, - "devDependencies": { - "eslint": "~9.37.0", - "lint-all": "workspace:~", - "prettier": "~3.6.2" - }, - "publishConfig": { - "access": "public" - } -} diff --git a/packages/fuselage-toastbar/.storybook/preview.tsx b/packages/fuselage-toastbar/.storybook/preview.tsx index f850aa1912..3ffff50be5 100644 --- a/packages/fuselage-toastbar/.storybook/preview.tsx +++ b/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: { diff --git a/packages/fuselage-toastbar/README.md b/packages/fuselage-toastbar/README.md index 3a601830c3..f6714c9090 100644 --- a/packages/fuselage-toastbar/README.md +++ b/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: diff --git a/packages/fuselage-toastbar/package.json b/packages/fuselage-toastbar/package.json index c38c2f9986..6a0277785c 100644 --- a/packages/fuselage-toastbar/package.json +++ b/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": "*" diff --git a/packages/fuselage/.storybook/preview.tsx b/packages/fuselage/.storybook/preview.tsx index bdf34bc5c3..5075022059 100644 --- a/packages/fuselage/.storybook/preview.tsx +++ b/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: { diff --git a/packages/fuselage/README.md b/packages/fuselage/README.md index b8df558f63..b55585bc81 100644 --- a/packages/fuselage/README.md +++ b/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: diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json index 50d42d44d5..1a5bf100d9 100644 --- a/packages/fuselage/package.json +++ b/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": "*", diff --git a/packages/layout/.storybook/preview.tsx b/packages/layout/.storybook/preview.tsx index f0cb8d7600..d67c8e5f22 100644 --- a/packages/layout/.storybook/preview.tsx +++ b/packages/layout/.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: { diff --git a/packages/onboarding-ui/.storybook/preview.tsx b/packages/onboarding-ui/.storybook/preview.tsx index f64643e9ea..52275813e0 100644 --- a/packages/onboarding-ui/.storybook/preview.tsx +++ b/packages/onboarding-ui/.storybook/preview.tsx @@ -15,7 +15,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'; const getI18n = () => { const i18n = i18next.createInstance().use(initReactI18next); diff --git a/packages/onboarding-ui/README.md b/packages/onboarding-ui/README.md index d19e13dd51..98660aff31 100644 --- a/packages/onboarding-ui/README.md +++ b/packages/onboarding-ui/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/icons @rocket.chat/layout @rocket.chat/logo @rocket.chat/styled react react-dom react-i18next +npm i @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/icons @rocket.chat/layout @rocket.chat/logo @rocket.chat/styled react react-dom react-i18next # or, if you are using yarn: -yarn add @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons @rocket.chat/layout @rocket.chat/logo @rocket.chat/styled react react-dom react-i18next +yarn add @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/icons @rocket.chat/layout @rocket.chat/logo @rocket.chat/styled react react-dom react-i18next ``` Add `@rocket.chat/onboarding-ui` as a dependency: diff --git a/packages/onboarding-ui/package.json b/packages/onboarding-ui/package.json index 367342bbaa..c87f67d045 100644 --- a/packages/onboarding-ui/package.json +++ b/packages/onboarding-ui/package.json @@ -44,7 +44,6 @@ "devDependencies": { "@rocket.chat/fuselage": "workspace:~", "@rocket.chat/fuselage-hooks": "workspace:~", - "@rocket.chat/fuselage-polyfills": "workspace:~", "@rocket.chat/fuselage-tokens": "workspace:~", "@rocket.chat/icons": "workspace:~", "@rocket.chat/layout": "workspace:~", @@ -78,7 +77,6 @@ "peerDependencies": { "@rocket.chat/fuselage": "*", "@rocket.chat/fuselage-hooks": "*", - "@rocket.chat/fuselage-polyfills": "*", "@rocket.chat/icons": "*", "@rocket.chat/layout": "*", "@rocket.chat/logo": "*", diff --git a/yarn.lock b/yarn.lock index 95fb6168cc..af27678607 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5370,16 +5370,6 @@ __metadata: languageName: unknown linkType: soft -"@rocket.chat/fuselage-polyfills@workspace:packages/fuselage-polyfills, @rocket.chat/fuselage-polyfills@workspace:~": - version: 0.0.0-use.local - resolution: "@rocket.chat/fuselage-polyfills@workspace:packages/fuselage-polyfills" - dependencies: - eslint: "npm:~9.37.0" - lint-all: "workspace:~" - prettier: "npm:~3.6.2" - languageName: unknown - linkType: soft - "@rocket.chat/fuselage-toastbar@workspace:packages/fuselage-toastbar": version: 0.0.0-use.local resolution: "@rocket.chat/fuselage-toastbar@workspace:packages/fuselage-toastbar" @@ -5416,7 +5406,6 @@ __metadata: peerDependencies: "@rocket.chat/fuselage": "*" "@rocket.chat/fuselage-hooks": "*" - "@rocket.chat/fuselage-polyfills": "*" "@rocket.chat/styled": "*" react: "*" react-dom: "*" @@ -5455,7 +5444,6 @@ __metadata: "@rocket.chat/css-in-js": "workspace:~" "@rocket.chat/css-supports": "workspace:~" "@rocket.chat/fuselage-hooks": "workspace:~" - "@rocket.chat/fuselage-polyfills": "workspace:~" "@rocket.chat/fuselage-tokens": "workspace:~" "@rocket.chat/icons": "workspace:~" "@rocket.chat/memo": "workspace:~" @@ -5525,7 +5513,6 @@ __metadata: wrapper-webpack-plugin: "npm:~2.2.2" peerDependencies: "@rocket.chat/fuselage-hooks": "*" - "@rocket.chat/fuselage-polyfills": "*" "@rocket.chat/icons": "*" react: "*" react-dom: "*" @@ -5662,7 +5649,6 @@ __metadata: dependencies: "@rocket.chat/fuselage": "workspace:~" "@rocket.chat/fuselage-hooks": "workspace:~" - "@rocket.chat/fuselage-polyfills": "workspace:~" "@rocket.chat/fuselage-tokens": "workspace:~" "@rocket.chat/icons": "workspace:~" "@rocket.chat/layout": "workspace:~" @@ -5697,7 +5683,6 @@ __metadata: peerDependencies: "@rocket.chat/fuselage": "*" "@rocket.chat/fuselage-hooks": "*" - "@rocket.chat/fuselage-polyfills": "*" "@rocket.chat/icons": "*" "@rocket.chat/layout": "*" "@rocket.chat/logo": "*" From 41403ad2e8f12d0e139663e6720691a820a7765a Mon Sep 17 00:00:00 2001 From: Tasso Date: Tue, 7 Oct 2025 01:02:09 -0300 Subject: [PATCH 8/8] Add changeset --- .changeset/happy-animals-remain.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 .changeset/happy-animals-remain.md diff --git a/.changeset/happy-animals-remain.md b/.changeset/happy-animals-remain.md new file mode 100644 index 0000000000..2813447cca --- /dev/null +++ b/.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