From ff07d0db70643c2fe9d3acf596be50174d16e5b1 Mon Sep 17 00:00:00 2001 From: Tasso Date: Thu, 31 Oct 2024 22:55:19 -0300 Subject: [PATCH 01/11] Upgrade Prettier --- packages/css-in-js/package.json | 2 +- packages/css-supports/package.json | 2 +- packages/emitter/package.json | 2 +- packages/eslint-config-alt/package.json | 2 +- packages/fuselage-hooks/package.json | 2 +- packages/fuselage-polyfills/package.json | 2 +- packages/fuselage-toastbar/package.json | 2 +- packages/fuselage-tokens/package.json | 2 +- packages/fuselage/package.json | 2 +- packages/icons/package.json | 2 +- packages/layout/package.json | 2 +- packages/logo/package.json | 2 +- packages/memo/package.json | 2 +- packages/mp3-encoder/package.json | 2 +- packages/onboarding-ui/package.json | 2 +- packages/peggy-loader/package.json | 2 +- packages/prettier-config/package.json | 2 +- packages/string-helpers/package.json | 2 +- packages/styled/package.json | 2 +- .../package.json | 2 +- tools/build-logo/package.json | 2 +- tools/lint-all/package.json | 2 +- tools/scripts/package.json | 2 +- yarn.lock | 50 +++++++++---------- 24 files changed, 48 insertions(+), 48 deletions(-) diff --git a/packages/css-in-js/package.json b/packages/css-in-js/package.json index 5d85913036..fc2f87e397 100644 --- a/packages/css-in-js/package.json +++ b/packages/css-in-js/package.json @@ -51,7 +51,7 @@ "eslint": "~8.45.0", "jest": "~29.7.0", "lint-all": "workspace:~", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rollup": "~2.79.2", "rollup-plugin-terser": "~7.0.2", "ts-jest": "~29.2.4", diff --git a/packages/css-supports/package.json b/packages/css-supports/package.json index 4155a4f105..1451182879 100644 --- a/packages/css-supports/package.json +++ b/packages/css-supports/package.json @@ -37,7 +37,7 @@ "@rocket.chat/prettier-config": "workspace:~", "eslint": "~8.45.0", "lint-all": "workspace:~", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "~3.0.2", "typedoc": "~0.25.13", "typescript": "~5.6.3" diff --git a/packages/emitter/package.json b/packages/emitter/package.json index 6051e46538..76a4987191 100644 --- a/packages/emitter/package.json +++ b/packages/emitter/package.json @@ -51,7 +51,7 @@ "jest": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rollup": "~2.79.2", "rollup-plugin-terser": "~7.0.2", "ts-jest": "~29.2.4", diff --git a/packages/eslint-config-alt/package.json b/packages/eslint-config-alt/package.json index 851beedfff..6f6eee6be5 100644 --- a/packages/eslint-config-alt/package.json +++ b/packages/eslint-config-alt/package.json @@ -39,7 +39,7 @@ "@babel/eslint-parser": "~7.21.3", "eslint": "~8.45.0", "lint-all": "workspace:~", - "prettier": "~2.8.7" + "prettier": "~3.3.3" }, "dependencies": { "@typescript-eslint/eslint-plugin": "~8.8.1", diff --git a/packages/fuselage-hooks/package.json b/packages/fuselage-hooks/package.json index b42e63a7ae..df04fe1fb5 100644 --- a/packages/fuselage-hooks/package.json +++ b/packages/fuselage-hooks/package.json @@ -61,7 +61,7 @@ "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react": "^17.0.2", "rimraf": "~5.0.0", "rollup": "~2.79.2", diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json index 1c9c5533f8..d00d98e300 100644 --- a/packages/fuselage-polyfills/package.json +++ b/packages/fuselage-polyfills/package.json @@ -36,6 +36,6 @@ "@rocket.chat/prettier-config": "workspace:~", "eslint": "~8.45.0", "lint-all": "workspace:~", - "prettier": "~2.8.7" + "prettier": "~3.3.3" } } diff --git a/packages/fuselage-toastbar/package.json b/packages/fuselage-toastbar/package.json index 972334f6fd..ebcde4889e 100644 --- a/packages/fuselage-toastbar/package.json +++ b/packages/fuselage-toastbar/package.json @@ -69,7 +69,7 @@ "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react-dom": "~17.0.2", "rimraf": "~3.0.2", "storybook": "~8.3.6", diff --git a/packages/fuselage-tokens/package.json b/packages/fuselage-tokens/package.json index 3be6eb2933..267f85572a 100644 --- a/packages/fuselage-tokens/package.json +++ b/packages/fuselage-tokens/package.json @@ -48,7 +48,7 @@ "lint-all": "workspace:~", "npm-run-all": "^4.1.5", "postcss-scss": "~4.0.6", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "^3.0.2", "style-dictionary": "~3.7.2", "stylelint": "~15.4.0", diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json index 69481e3938..320f06fd17 100644 --- a/packages/fuselage/package.json +++ b/packages/fuselage/package.json @@ -117,7 +117,7 @@ "postcss-logical": "~5.0.4", "postcss-scss": "~4.0.6", "postcss-svg": "~3.0.0", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react": "^17.0.2", "react-dom": "^17.0.2", "react-virtuoso": "~3.1.5", diff --git a/packages/icons/package.json b/packages/icons/package.json index d8536ad2c6..9adba34f8c 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -36,7 +36,7 @@ "eslint": "~8.45.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "^3.0.2", "stylelint": "~15.4.0", "stylelint-order": "~6.0.3", diff --git a/packages/layout/package.json b/packages/layout/package.json index 89e7e88b03..ad9f535f41 100644 --- a/packages/layout/package.json +++ b/packages/layout/package.json @@ -56,7 +56,7 @@ "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react": "~17.0.2", "react-dom": "~17.0.2", "react-i18next": "~11.15.4", diff --git a/packages/logo/package.json b/packages/logo/package.json index 2e84bc1d81..2fb0e7c421 100644 --- a/packages/logo/package.json +++ b/packages/logo/package.json @@ -53,7 +53,7 @@ "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react": "^17.0.2", "react-dom": "^17.0.2", "rimraf": "^3.0.2", diff --git a/packages/memo/package.json b/packages/memo/package.json index d1a76def80..7e2515bcdd 100644 --- a/packages/memo/package.json +++ b/packages/memo/package.json @@ -45,7 +45,7 @@ "eslint": "~8.45.0", "jest": "~29.7.0", "lint-all": "workspace:~", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "~3.0.2", "ts-jest": "~29.2.4", "typedoc": "~0.25.13", diff --git a/packages/mp3-encoder/package.json b/packages/mp3-encoder/package.json index d5d75740ed..8a6bc0fa03 100644 --- a/packages/mp3-encoder/package.json +++ b/packages/mp3-encoder/package.json @@ -53,7 +53,7 @@ "jest": "~29.7.0", "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rollup": "~3.29.5", "ts-jest": "~29.2.4", "typedoc": "~0.25.13", diff --git a/packages/onboarding-ui/package.json b/packages/onboarding-ui/package.json index cd2d5edcfd..f3f0a11d91 100644 --- a/packages/onboarding-ui/package.json +++ b/packages/onboarding-ui/package.json @@ -66,7 +66,7 @@ "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react": "^17.0.2", "react-dom": "^17.0.2", "react-i18next": "~11.15.7", diff --git a/packages/peggy-loader/package.json b/packages/peggy-loader/package.json index b8cfdaac49..e314a85c94 100644 --- a/packages/peggy-loader/package.json +++ b/packages/peggy-loader/package.json @@ -50,7 +50,7 @@ "lint-all": "workspace:~", "npm-run-all": "^4.1.5", "peggy": "3.0.2", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "^3.0.2", "ts-jest": "~29.2.4", "typescript": "~5.6.3", diff --git a/packages/prettier-config/package.json b/packages/prettier-config/package.json index 69bf3cf41f..84f80a1dd5 100644 --- a/packages/prettier-config/package.json +++ b/packages/prettier-config/package.json @@ -41,6 +41,6 @@ "eslint-plugin-import": "~2.26.0", "eslint-plugin-prettier": "~4.2.1", "lint-all": "workspace:~", - "prettier": "~2.8.7" + "prettier": "~3.3.3" } } diff --git a/packages/string-helpers/package.json b/packages/string-helpers/package.json index d29c37e930..1ec880b1d1 100644 --- a/packages/string-helpers/package.json +++ b/packages/string-helpers/package.json @@ -47,7 +47,7 @@ "jest": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "^3.0.2", "ts-jest": "~29.2.4", "typedoc": "~0.25.13", diff --git a/packages/styled/package.json b/packages/styled/package.json index 5fec8431b4..74a971bf7e 100644 --- a/packages/styled/package.json +++ b/packages/styled/package.json @@ -44,7 +44,7 @@ "jest-environment-jsdom": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "^3.0.2", "ts-jest": "~29.2.4", "typedoc": "~0.25.13", diff --git a/packages/stylis-logical-props-middleware/package.json b/packages/stylis-logical-props-middleware/package.json index fad7a14cc7..a90c0bcda1 100644 --- a/packages/stylis-logical-props-middleware/package.json +++ b/packages/stylis-logical-props-middleware/package.json @@ -43,7 +43,7 @@ "jest": "~29.7.0", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "rimraf": "^3.0.2", "stylis": "~4.3.2", "ts-jest": "~29.2.4", diff --git a/tools/build-logo/package.json b/tools/build-logo/package.json index 402fa28d35..9f3027a0b7 100644 --- a/tools/build-logo/package.json +++ b/tools/build-logo/package.json @@ -4,7 +4,7 @@ "bin": "./index.mjs", "version": "0.31.25", "dependencies": { - "prettier": "~2.8.7", + "prettier": "~3.3.3", "react": "^17.0.2", "react-dom": "^17.0.2", "sharp": "~0.32.6" diff --git a/tools/lint-all/package.json b/tools/lint-all/package.json index 260c7cb3b9..870105ffe9 100644 --- a/tools/lint-all/package.json +++ b/tools/lint-all/package.json @@ -9,7 +9,7 @@ "dependencies": { "@prettier/plugin-xml": "~2.2.0", "eslint": "~8.45.0", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "stylelint": "~15.4.0", "zx": "~8.1.9" } diff --git a/tools/scripts/package.json b/tools/scripts/package.json index db06b6d53f..d2c606373e 100644 --- a/tools/scripts/package.json +++ b/tools/scripts/package.json @@ -19,7 +19,7 @@ "eslint": "~8.45.0", "fast-glob": "~3.2.12", "npm-run-all": "^4.1.5", - "prettier": "~2.8.7", + "prettier": "~3.3.3", "ts-node": "~10.9.1", "typescript": "~5.6.3" }, diff --git a/yarn.lock b/yarn.lock index 4db9393b1c..6e5ef45d1d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3925,7 +3925,7 @@ __metadata: eslint: "npm:~8.45.0" jest: "npm:~29.7.0" lint-all: "workspace:~" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rollup: "npm:~2.79.2" rollup-plugin-terser: "npm:~7.0.2" stylis: "npm:~4.3.2" @@ -3944,7 +3944,7 @@ __metadata: "@rocket.chat/prettier-config": "workspace:~" eslint: "npm:~8.45.0" lint-all: "workspace:~" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:~3.0.2" typedoc: "npm:~0.25.13" typescript: "npm:~5.6.3" @@ -3966,7 +3966,7 @@ __metadata: jest: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rollup: "npm:~2.79.2" rollup-plugin-terser: "npm:~7.0.2" ts-jest: "npm:~29.2.4" @@ -3990,7 +3990,7 @@ __metadata: eslint-plugin-react: "npm:~7.32.2" eslint-plugin-react-hooks: "npm:~4.6.0" lint-all: "workspace:~" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" peerDependencies: "@babel/eslint-parser": ^7.13.14 eslint: ~8.38.0 @@ -4021,7 +4021,7 @@ __metadata: jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react: "npm:^17.0.2" rimraf: "npm:~5.0.0" rollup: "npm:~2.79.2" @@ -4065,7 +4065,7 @@ __metadata: focus-within-polyfill: "npm:^5.2.1" lint-all: "workspace:~" new-event-polyfill: "npm:^1.0.1" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" languageName: unknown linkType: soft @@ -4097,7 +4097,7 @@ __metadata: jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react-dom: "npm:~17.0.2" react-timing-hooks: "npm:~4.0.2" rimraf: "npm:~3.0.2" @@ -4130,7 +4130,7 @@ __metadata: lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" postcss-scss: "npm:~4.0.6" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" style-dictionary: "npm:~3.7.2" stylelint: "npm:~15.4.0" @@ -4204,7 +4204,7 @@ __metadata: postcss-logical: "npm:~5.0.4" postcss-scss: "npm:~4.0.6" postcss-svg: "npm:~3.0.0" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react: "npm:^17.0.2" react-aria: "npm:~3.23.1" react-dom: "npm:^17.0.2" @@ -4251,7 +4251,7 @@ __metadata: eslint: "npm:~8.45.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" stylelint: "npm:~15.4.0" stylelint-order: "npm:~6.0.3" @@ -4282,7 +4282,7 @@ __metadata: jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react: "npm:~17.0.2" react-dom: "npm:~17.0.2" react-i18next: "npm:~11.15.4" @@ -4318,7 +4318,7 @@ __metadata: jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react: "npm:^17.0.2" react-dom: "npm:^17.0.2" rimraf: "npm:^3.0.2" @@ -4341,7 +4341,7 @@ __metadata: eslint: "npm:~8.45.0" jest: "npm:~29.7.0" lint-all: "workspace:~" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:~3.0.2" ts-jest: "npm:~29.2.4" typedoc: "npm:~0.25.13" @@ -4367,7 +4367,7 @@ __metadata: jest: "npm:~29.7.0" jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rollup: "npm:~3.29.5" ts-jest: "npm:~29.2.4" typedoc: "npm:~0.25.13" @@ -4405,7 +4405,7 @@ __metadata: jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react: "npm:^17.0.2" react-dom: "npm:^17.0.2" react-hook-form: "npm:~7.27.1" @@ -4441,7 +4441,7 @@ __metadata: lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" peggy: "npm:3.0.2" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" ts-jest: "npm:~29.2.4" typescript: "npm:~5.6.3" @@ -4461,7 +4461,7 @@ __metadata: eslint-plugin-import: "npm:~2.26.0" eslint-plugin-prettier: "npm:~4.2.1" lint-all: "workspace:~" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" peerDependencies: prettier: "*" languageName: unknown @@ -4478,7 +4478,7 @@ __metadata: jest: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" ts-jest: "npm:~29.2.4" typedoc: "npm:~0.25.13" @@ -4499,7 +4499,7 @@ __metadata: jest-environment-jsdom: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" ts-jest: "npm:~29.2.4" typedoc: "npm:~0.25.13" @@ -4519,7 +4519,7 @@ __metadata: jest: "npm:~29.7.0" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" stylis: "npm:~4.3.2" ts-jest: "npm:~29.2.4" @@ -7499,7 +7499,7 @@ __metadata: version: 0.0.0-use.local resolution: "build-logo@workspace:tools/build-logo" dependencies: - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" react: "npm:^17.0.2" react-dom: "npm:^17.0.2" sharp: "npm:~0.32.6" @@ -12679,7 +12679,7 @@ __metadata: dependencies: "@prettier/plugin-xml": "npm:~2.2.0" eslint: "npm:~8.45.0" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" stylelint: "npm:~15.4.0" zx: "npm:~8.1.9" bin: @@ -15868,7 +15868,7 @@ __metadata: languageName: node linkType: hard -"prettier@npm:>=2.4.0": +"prettier@npm:>=2.4.0, prettier@npm:~3.3.3": version: 3.3.3 resolution: "prettier@npm:3.3.3" bin: @@ -15877,7 +15877,7 @@ __metadata: languageName: node linkType: hard -"prettier@npm:^2.7.1, prettier@npm:~2.8.7": +"prettier@npm:^2.7.1": version: 2.8.8 resolution: "prettier@npm:2.8.8" bin: @@ -17120,7 +17120,7 @@ __metadata: eslint: "npm:~8.45.0" fast-glob: "npm:~3.2.12" npm-run-all: "npm:^4.1.5" - prettier: "npm:~2.8.7" + prettier: "npm:~3.3.3" ts-node: "npm:~10.9.1" typescript: "npm:~5.6.3" languageName: unknown From 80f6fbb69e61e0eb3d0917d101a450ad21eb9772 Mon Sep 17 00:00:00 2001 From: Tasso Date: Thu, 31 Oct 2024 22:56:22 -0300 Subject: [PATCH 02/11] Upgrade `eslint-plugin-prettier` --- packages/eslint-config-alt/package.json | 2 +- packages/fuselage-tokens/package.json | 2 +- packages/prettier-config/package.json | 2 +- yarn.lock | 33 ++++++++++++++++++------- 4 files changed, 27 insertions(+), 12 deletions(-) diff --git a/packages/eslint-config-alt/package.json b/packages/eslint-config-alt/package.json index 6f6eee6be5..27fcbcc468 100644 --- a/packages/eslint-config-alt/package.json +++ b/packages/eslint-config-alt/package.json @@ -47,7 +47,7 @@ "eslint-config-prettier": "~8.8.0", "eslint-import-resolver-typescript": "~3.5.5", "eslint-plugin-import": "~2.26.0", - "eslint-plugin-prettier": "~4.2.1", + "eslint-plugin-prettier": "~5.2.1", "eslint-plugin-react": "~7.32.2", "eslint-plugin-react-hooks": "~4.6.0" } diff --git a/packages/fuselage-tokens/package.json b/packages/fuselage-tokens/package.json index 267f85572a..6fa6b0f1ab 100644 --- a/packages/fuselage-tokens/package.json +++ b/packages/fuselage-tokens/package.json @@ -44,7 +44,7 @@ "eslint": "~8.45.0", "eslint-config-prettier": "~8.8.0", "eslint-plugin-import": "~2.26.0", - "eslint-plugin-prettier": "~4.2.1", + "eslint-plugin-prettier": "~5.2.1", "lint-all": "workspace:~", "npm-run-all": "^4.1.5", "postcss-scss": "~4.0.6", diff --git a/packages/prettier-config/package.json b/packages/prettier-config/package.json index 84f80a1dd5..d7e1c6afd2 100644 --- a/packages/prettier-config/package.json +++ b/packages/prettier-config/package.json @@ -39,7 +39,7 @@ "eslint": "~8.45.0", "eslint-config-prettier": "~8.8.0", "eslint-plugin-import": "~2.26.0", - "eslint-plugin-prettier": "~4.2.1", + "eslint-plugin-prettier": "~5.2.1", "lint-all": "workspace:~", "prettier": "~3.3.3" } diff --git a/yarn.lock b/yarn.lock index 6e5ef45d1d..69aa73f7f8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3986,7 +3986,7 @@ __metadata: eslint-config-prettier: "npm:~8.8.0" eslint-import-resolver-typescript: "npm:~3.5.5" eslint-plugin-import: "npm:~2.26.0" - eslint-plugin-prettier: "npm:~4.2.1" + eslint-plugin-prettier: "npm:~5.2.1" eslint-plugin-react: "npm:~7.32.2" eslint-plugin-react-hooks: "npm:~4.6.0" lint-all: "workspace:~" @@ -4126,7 +4126,7 @@ __metadata: eslint: "npm:~8.45.0" eslint-config-prettier: "npm:~8.8.0" eslint-plugin-import: "npm:~2.26.0" - eslint-plugin-prettier: "npm:~4.2.1" + eslint-plugin-prettier: "npm:~5.2.1" lint-all: "workspace:~" npm-run-all: "npm:^4.1.5" postcss-scss: "npm:~4.0.6" @@ -4459,7 +4459,7 @@ __metadata: eslint: "npm:~8.45.0" eslint-config-prettier: "npm:~8.8.0" eslint-plugin-import: "npm:~2.26.0" - eslint-plugin-prettier: "npm:~4.2.1" + eslint-plugin-prettier: "npm:~5.2.1" lint-all: "workspace:~" prettier: "npm:~3.3.3" peerDependencies: @@ -9622,18 +9622,23 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-prettier@npm:~4.2.1": - version: 4.2.1 - resolution: "eslint-plugin-prettier@npm:4.2.1" +"eslint-plugin-prettier@npm:~5.2.1": + version: 5.2.1 + resolution: "eslint-plugin-prettier@npm:5.2.1" dependencies: prettier-linter-helpers: "npm:^1.0.0" + synckit: "npm:^0.9.1" peerDependencies: - eslint: ">=7.28.0" - prettier: ">=2.0.0" + "@types/eslint": ">=8.0.0" + eslint: ">=8.0.0" + eslint-config-prettier: "*" + prettier: ">=3.0.0" peerDependenciesMeta: + "@types/eslint": + optional: true eslint-config-prettier: optional: true - checksum: 10/d387f85dd1bfcb6bc6b794845fee6afb9ebb2375653de6bcde6e615892fb97f85121a7c012a4651b181fc09953bdf54c9bc70cab7ad297019d89ae87dd007e28 + checksum: 10/10ddf68215237e327af09a47adab4c63f3885fda4fb28c4c42d1fc5f47d8a0cc45df6484799360ff1417a0aa3c77c3aaac49d7e9dfd145557b17e2d7ecc2a27c languageName: node linkType: hard @@ -18201,6 +18206,16 @@ __metadata: languageName: node linkType: hard +"synckit@npm:^0.9.1": + version: 0.9.2 + resolution: "synckit@npm:0.9.2" + dependencies: + "@pkgr/core": "npm:^0.1.0" + tslib: "npm:^2.6.2" + checksum: 10/d45c4288be9c0232343650643892a7edafb79152c0c08d7ae5d33ca2c296b67a0e15f8cb5c9153969612c4ea5cd5686297542384aab977db23cfa6653fe02027 + languageName: node + linkType: hard + "table@npm:^6.8.1": version: 6.8.1 resolution: "table@npm:6.8.1" From 3f21bc6cb582eb067776636aa82eace5b2d5ed1d Mon Sep 17 00:00:00 2001 From: Tasso Date: Thu, 31 Oct 2024 23:01:50 -0300 Subject: [PATCH 03/11] Upgrade Stylelint --- packages/fuselage-tokens/package.json | 8 +- packages/fuselage/package.json | 8 +- packages/icons/package.json | 8 +- tools/build-design-tokens/package.json | 2 +- tools/lint-all/package.json | 2 +- yarn.lock | 640 +++++++++++-------------- 6 files changed, 292 insertions(+), 376 deletions(-) diff --git a/packages/fuselage-tokens/package.json b/packages/fuselage-tokens/package.json index 6fa6b0f1ab..da1ff164fa 100644 --- a/packages/fuselage-tokens/package.json +++ b/packages/fuselage-tokens/package.json @@ -51,9 +51,9 @@ "prettier": "~3.3.3", "rimraf": "^3.0.2", "style-dictionary": "~3.7.2", - "stylelint": "~15.4.0", - "stylelint-order": "~6.0.3", - "stylelint-prettier": "~3.0.0", - "stylelint-scss": "~4.6.0" + "stylelint": "~16.10.0", + "stylelint-order": "~6.0.4", + "stylelint-prettier": "~5.0.2", + "stylelint-scss": "~6.8.1" } } diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json index 320f06fd17..4b4978d395 100644 --- a/packages/fuselage/package.json +++ b/packages/fuselage/package.json @@ -128,10 +128,10 @@ "storybook": "~8.3.6", "storybook-dark-mode": "~4.0.2", "style-loader": "~3.3.2", - "stylelint": "~15.4.0", - "stylelint-order": "~6.0.3", - "stylelint-prettier": "~3.0.0", - "stylelint-scss": "~4.6.0", + "stylelint": "~16.10.0", + "stylelint-order": "~6.0.4", + "stylelint-prettier": "~5.0.2", + "stylelint-scss": "~6.8.1", "testing-utils": "workspace:~", "ts-jest": "~29.2.4", "ts-loader": "~9.4.2", diff --git a/packages/icons/package.json b/packages/icons/package.json index 9adba34f8c..efe54c093a 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -38,9 +38,9 @@ "npm-run-all": "^4.1.5", "prettier": "~3.3.3", "rimraf": "^3.0.2", - "stylelint": "~15.4.0", - "stylelint-order": "~6.0.3", - "stylelint-prettier": "~3.0.0", - "stylelint-scss": "~4.6.0" + "stylelint": "~16.10.0", + "stylelint-order": "~6.0.4", + "stylelint-prettier": "~5.0.2", + "stylelint-scss": "~6.8.1" } } diff --git a/tools/build-design-tokens/package.json b/tools/build-design-tokens/package.json index 1db2900ce4..2eb07e9f9d 100644 --- a/tools/build-design-tokens/package.json +++ b/tools/build-design-tokens/package.json @@ -7,7 +7,7 @@ "prettier": "*" }, "dependencies": { - "stylelint": "~15.4.0", + "stylelint": "~16.10.0", "tools-utils": "workspace:~" }, "version": "0.31.25" diff --git a/tools/lint-all/package.json b/tools/lint-all/package.json index 870105ffe9..bd19baff80 100644 --- a/tools/lint-all/package.json +++ b/tools/lint-all/package.json @@ -10,7 +10,7 @@ "@prettier/plugin-xml": "~2.2.0", "eslint": "~8.45.0", "prettier": "~3.3.3", - "stylelint": "~15.4.0", + "stylelint": "~16.10.0", "zx": "~8.1.9" } } diff --git a/yarn.lock b/yarn.lock index 69aa73f7f8..33e2a90b4a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1718,38 +1718,38 @@ __metadata: languageName: node linkType: hard -"@csstools/css-parser-algorithms@npm:^2.1.0": - version: 2.1.1 - resolution: "@csstools/css-parser-algorithms@npm:2.1.1" +"@csstools/css-parser-algorithms@npm:^3.0.1": + version: 3.0.3 + resolution: "@csstools/css-parser-algorithms@npm:3.0.3" peerDependencies: - "@csstools/css-tokenizer": ^2.1.1 - checksum: 10/8f0e15dbfe4da35dcd1700b1468babbc22c38e64815aec3991f5d4b896b239d1cb4e249d8f88964da2918d95efabffc94334ad1b6cdcfc95c85810eb469abe84 + "@csstools/css-tokenizer": ^3.0.2 + checksum: 10/55d20479c48686727210b17f2bc93174a55da0173822cfb6aa0a468e5b8da83926a4a61189b8358639e74fa813239f147016314f5e6691bd0d60284f97aecf31 languageName: node linkType: hard -"@csstools/css-tokenizer@npm:^2.1.0": - version: 2.1.1 - resolution: "@csstools/css-tokenizer@npm:2.1.1" - checksum: 10/79b63aabea43d3d698d5ffbccfb9f5d780ac056a7787df4f2d5e1776667a482d22d190453085b04ff3b3b8b5037b728306ca375ee8fdacbf62cd7874b8f04751 +"@csstools/css-tokenizer@npm:^3.0.1": + version: 3.0.3 + resolution: "@csstools/css-tokenizer@npm:3.0.3" + checksum: 10/6baa3160e426e1f177b8f10d54ec7a4a596090f65a05f16d7e9e4da049962a404eabc5f885f4867093702c259cd4080ac92a438326e22dea015201b3e71f5bbb languageName: node linkType: hard -"@csstools/media-query-list-parser@npm:^2.0.1": - version: 2.0.4 - resolution: "@csstools/media-query-list-parser@npm:2.0.4" +"@csstools/media-query-list-parser@npm:^3.0.1": + version: 3.0.1 + resolution: "@csstools/media-query-list-parser@npm:3.0.1" peerDependencies: - "@csstools/css-parser-algorithms": ^2.1.1 - "@csstools/css-tokenizer": ^2.1.1 - checksum: 10/555d12779f3d779b8e27d36db3cce121005d47550588cf4213a079b40fe9a301d30a91ff161c7bc8dc8eab6aaa3b88af848a1f44854742252e93010716f6a1eb + "@csstools/css-parser-algorithms": ^3.0.1 + "@csstools/css-tokenizer": ^3.0.1 + checksum: 10/794344c67b126ad93d516ab3f01254d44cfa794c3401e34e8cc62ddc7fc13c9ab6c76cb517b643dbda47b57f2eb578c6a11c4a9a4b516d88e260a4016b64ce7f languageName: node linkType: hard -"@csstools/selector-specificity@npm:^2.2.0": - version: 2.2.0 - resolution: "@csstools/selector-specificity@npm:2.2.0" +"@csstools/selector-specificity@npm:^4.0.0": + version: 4.0.0 + resolution: "@csstools/selector-specificity@npm:4.0.0" peerDependencies: - postcss-selector-parser: ^6.0.10 - checksum: 10/84ae0e902e8879d375406bd7d2e117b862e18cf8e5f82cecad62fcf729a8fc1527e2b3e2774b0e869a17e2006bd27ac5240f79220638183b273aeece97acd3f2 + postcss-selector-parser: ^6.1.0 + checksum: 10/7076c1d8af0fba94f06718f87fba5bfea583f39089efa906ae38b5ecd6912d3d5865f7047a871ac524b1057e4c970622b2ade456b90d69fb9393902250057994 languageName: node linkType: hard @@ -1771,6 +1771,13 @@ __metadata: languageName: node linkType: hard +"@dual-bundle/import-meta-resolve@npm:^4.1.0": + version: 4.1.0 + resolution: "@dual-bundle/import-meta-resolve@npm:4.1.0" + checksum: 10/a69d804a8e8e93732ac5525f85b9366ae78ec60fa02f0d5b4f2d625e18b355ba02502cdaef616ab1eac4450b966d2a398b59577a17483e4f8a350d062357bdf4 + languageName: node + linkType: hard + "@emotion/hash@npm:^0.9.0": version: 0.9.0 resolution: "@emotion/hash@npm:0.9.0" @@ -4133,10 +4140,10 @@ __metadata: prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" style-dictionary: "npm:~3.7.2" - stylelint: "npm:~15.4.0" - stylelint-order: "npm:~6.0.3" - stylelint-prettier: "npm:~3.0.0" - stylelint-scss: "npm:~4.6.0" + stylelint: "npm:~16.10.0" + stylelint-order: "npm:~6.0.4" + stylelint-prettier: "npm:~5.0.2" + stylelint-scss: "npm:~6.8.1" languageName: unknown linkType: soft @@ -4218,10 +4225,10 @@ __metadata: storybook: "npm:~8.3.6" storybook-dark-mode: "npm:~4.0.2" style-loader: "npm:~3.3.2" - stylelint: "npm:~15.4.0" - stylelint-order: "npm:~6.0.3" - stylelint-prettier: "npm:~3.0.0" - stylelint-scss: "npm:~4.6.0" + stylelint: "npm:~16.10.0" + stylelint-order: "npm:~6.0.4" + stylelint-prettier: "npm:~5.0.2" + stylelint-scss: "npm:~6.8.1" testing-utils: "workspace:~" ts-jest: "npm:~29.2.4" ts-loader: "npm:~9.4.2" @@ -4253,10 +4260,10 @@ __metadata: npm-run-all: "npm:^4.1.5" prettier: "npm:~3.3.3" rimraf: "npm:^3.0.2" - stylelint: "npm:~15.4.0" - stylelint-order: "npm:~6.0.3" - stylelint-prettier: "npm:~3.0.0" - stylelint-scss: "npm:~4.6.0" + stylelint: "npm:~16.10.0" + stylelint-order: "npm:~6.0.4" + stylelint-prettier: "npm:~5.0.2" + stylelint-scss: "npm:~6.8.1" languageName: unknown linkType: soft @@ -5915,13 +5922,6 @@ __metadata: languageName: node linkType: hard -"@types/minimist@npm:^1.2.0": - version: 1.2.2 - resolution: "@types/minimist@npm:1.2.2" - checksum: 10/b8da83c66eb4aac0440e64674b19564d9d86c80ae273144db9681e5eeff66f238ade9515f5006ffbfa955ceff8b89ad2bd8ec577d7caee74ba101431fb07045d - languageName: node - linkType: hard - "@types/ms@npm:*": version: 0.7.31 resolution: "@types/ms@npm:0.7.31" @@ -5968,13 +5968,6 @@ __metadata: languageName: node linkType: hard -"@types/normalize-package-data@npm:^2.4.0": - version: 2.4.0 - resolution: "@types/normalize-package-data@npm:2.4.0" - checksum: 10/f98b30d59e968be565846347b6ec34dd5ee709f85eb440d294e359e67397af8d3e0211e51ba2f1890783df49802e160f04ce438f6816814923b92d1a62e831c8 - languageName: node - linkType: hard - "@types/parse-json@npm:^4.0.0": version: 4.0.0 resolution: "@types/parse-json@npm:4.0.0" @@ -7008,13 +7001,6 @@ __metadata: languageName: node linkType: hard -"arrify@npm:^1.0.1": - version: 1.0.1 - resolution: "arrify@npm:1.0.1" - checksum: 10/745075dd4a4624ff0225c331dacb99be501a515d39bcb7c84d24660314a6ec28e68131b137e6f7e16318170842ce97538cd298fc4cd6b2cc798e0b957f2747e7 - languageName: node - linkType: hard - "asn1@npm:~0.2.3": version: 0.2.4 resolution: "asn1@npm:0.2.4" @@ -7468,7 +7454,7 @@ __metadata: version: 0.0.0-use.local resolution: "build-design-tokens@workspace:tools/build-design-tokens" dependencies: - stylelint: "npm:~15.4.0" + stylelint: "npm:~16.10.0" tools-utils: "workspace:~" peerDependencies: eslint: "*" @@ -7589,17 +7575,6 @@ __metadata: languageName: node linkType: hard -"camelcase-keys@npm:^6.2.2": - version: 6.2.2 - resolution: "camelcase-keys@npm:6.2.2" - dependencies: - camelcase: "npm:^5.3.1" - map-obj: "npm:^4.0.0" - quick-lru: "npm:^4.0.1" - checksum: 10/c1999f5b6d03bee7be9a36e48eef3da9e93e51b000677348ec8d15d51fc4418375890fb6c7155e387322d2ebb2a2cdebf9cd96607a6753d1d6c170d9b1e2eed5 - languageName: node - linkType: hard - "camelcase@npm:^5.3.1": version: 5.3.1 resolution: "camelcase@npm:5.3.1" @@ -8284,6 +8259,23 @@ __metadata: languageName: node linkType: hard +"cosmiconfig@npm:^9.0.0": + version: 9.0.0 + resolution: "cosmiconfig@npm:9.0.0" + dependencies: + env-paths: "npm:^2.2.1" + import-fresh: "npm:^3.3.0" + js-yaml: "npm:^4.1.0" + parse-json: "npm:^5.2.0" + peerDependencies: + typescript: ">=4.9.5" + peerDependenciesMeta: + typescript: + optional: true + checksum: 10/8bdf1dfbb6fdb3755195b6886dc0649a3c742ec75afa4cb8da7b070936aed22a4f4e5b7359faafe03180358f311dbc300d248fd6586c458203d376a40cc77826 + languageName: node + linkType: hard + "countries-list@npm:^2.6.1": version: 2.6.1 resolution: "countries-list@npm:2.6.1" @@ -8371,10 +8363,10 @@ __metadata: languageName: node linkType: hard -"css-functions-list@npm:^3.1.0": - version: 3.1.0 - resolution: "css-functions-list@npm:3.1.0" - checksum: 10/8a7c9d4ae57cb2f01500263e65a21372048d359ca7aa6430a32a736fe2a421decfebe45e579124b9a158ec68aba2eadcd733e568495a7698240d9607d31f681b +"css-functions-list@npm:^3.2.3": + version: 3.2.3 + resolution: "css-functions-list@npm:3.2.3" + checksum: 10/25f12fb0ef1384b1cf45a6e7e0afd596a19bee90b90316d9e50f7820888f4a8f265be7a6a96b10a5c81e403bd7a5ff8010fa936144f84959d9d91c9350cda0d4 languageName: node linkType: hard @@ -8479,13 +8471,13 @@ __metadata: languageName: node linkType: hard -"css-tree@npm:^2.3.1": - version: 2.3.1 - resolution: "css-tree@npm:2.3.1" +"css-tree@npm:^3.0.0": + version: 3.0.0 + resolution: "css-tree@npm:3.0.0" dependencies: - mdn-data: "npm:2.0.30" + mdn-data: "npm:2.10.0" source-map-js: "npm:^1.0.1" - checksum: 10/e5e39b82eb4767c664fa5c2cd9968c8c7e6b7fd2c0079b52680a28466d851e2826d5e64699c449d933c0e8ca0554beca43c41a9fcb09fb6a46139d462dbdf0df + checksum: 10/ab56b8cd1953c3270e95b63540462037b48dc120c4d6f686eeb054bb99acf3bb0a40bff306bb4fc2e077f8d95f5b518067205d577029ab84ba279d75867c4f37 languageName: node linkType: hard @@ -8668,20 +8660,15 @@ __metadata: languageName: node linkType: hard -"decamelize-keys@npm:^1.1.0": - version: 1.1.0 - resolution: "decamelize-keys@npm:1.1.0" +"debug@npm:^4.3.7": + version: 4.3.7 + resolution: "debug@npm:4.3.7" dependencies: - decamelize: "npm:^1.1.0" - map-obj: "npm:^1.0.0" - checksum: 10/968813219ec20e167b01294cdc0eb754a8b4dc979fda6989f498d9a483822efd341683aeb09a3f3c50bf974211bc4779c39d792e19cfafc6fc2e6e5d9343850c - languageName: node - linkType: hard - -"decamelize@npm:^1.1.0, decamelize@npm:^1.2.0": - version: 1.2.0 - resolution: "decamelize@npm:1.2.0" - checksum: 10/ad8c51a7e7e0720c70ec2eeb1163b66da03e7616d7b98c9ef43cce2416395e84c1e9548dd94f5f6ffecfee9f8b94251fc57121a8b021f2ff2469b2bae247b8aa + ms: "npm:^2.1.3" + peerDependenciesMeta: + supports-color: + optional: true + checksum: 10/71168908b9a78227ab29d5d25fe03c5867750e31ce24bf2c44a86efc5af041758bb56569b0a3d48a9b5344c00a24a777e6f4100ed6dfd9534a42c1dde285125a languageName: node linkType: hard @@ -8906,13 +8893,6 @@ __metadata: languageName: node linkType: hard -"dlv@npm:^1.1.3": - version: 1.1.3 - resolution: "dlv@npm:1.1.3" - checksum: 10/836459ec6b50e43e9ed388a5fc28954be99e3481af3fa4b5d82a600762eb65ef8faacd454097ed7fc2f8a60aea2800d65a4cece5cd0d81ab82b2031f3f759e6e - languageName: node - linkType: hard - "doctrine@npm:^2.1.0": version: 2.1.0 resolution: "doctrine@npm:2.1.0" @@ -9199,6 +9179,13 @@ __metadata: languageName: node linkType: hard +"env-paths@npm:^2.2.1": + version: 2.2.1 + resolution: "env-paths@npm:2.2.1" + checksum: 10/65b5df55a8bab92229ab2b40dad3b387fad24613263d103a97f91c9fe43ceb21965cd3392b1ccb5d77088021e525c4e0481adb309625d0cb94ade1d1fb8dc17e + languageName: node + linkType: hard + "envinfo@npm:^7.7.3": version: 7.8.1 resolution: "envinfo@npm:7.8.1" @@ -10102,6 +10089,15 @@ __metadata: languageName: node linkType: hard +"file-entry-cache@npm:^9.1.0": + version: 9.1.0 + resolution: "file-entry-cache@npm:9.1.0" + dependencies: + flat-cache: "npm:^5.0.0" + checksum: 10/fd67a9552f272ac4a1731c545e1350bd135e208659144cc5311baac6b8bbf55da7c8c3a0bf25c71ed78eff2bdd26d2a3a8f9ba3d8bec968fe8d1eeba6ab14a96 + languageName: node + linkType: hard + "file-uri-to-path@npm:1.0.0": version: 1.0.0 resolution: "file-uri-to-path@npm:1.0.0" @@ -10183,6 +10179,16 @@ __metadata: languageName: node linkType: hard +"flat-cache@npm:^5.0.0": + version: 5.0.0 + resolution: "flat-cache@npm:5.0.0" + dependencies: + flatted: "npm:^3.3.1" + keyv: "npm:^4.5.4" + checksum: 10/42570762052b17a1dec221d73a1e417d0ba07137de6debaabb51389cac265a12a027a895dc84e1725bc5cdde04fe8b706ad836860b05488e9a04bda9301d2529 + languageName: node + linkType: hard + "flatted@npm:^3.1.0": version: 3.1.0 resolution: "flatted@npm:3.1.0" @@ -10190,6 +10196,13 @@ __metadata: languageName: node linkType: hard +"flatted@npm:^3.3.1": + version: 3.3.1 + resolution: "flatted@npm:3.3.1" + checksum: 10/7b8376061d5be6e0d3658bbab8bde587647f68797cf6bfeae9dea0e5137d9f27547ab92aaff3512dd9d1299086a6d61be98e9d48a56d17531b634f77faadbc49 + languageName: node + linkType: hard + "flatten@npm:^1.0.2": version: 1.0.3 resolution: "flatten@npm:1.0.3" @@ -10740,13 +10753,6 @@ __metadata: languageName: node linkType: hard -"hard-rejection@npm:^2.1.0": - version: 2.1.0 - resolution: "hard-rejection@npm:2.1.0" - checksum: 10/7baaf80a0c7fff4ca79687b4060113f1529589852152fa935e6787a2bc96211e784ad4588fb3048136ff8ffc9dfcf3ae385314a5b24db32de20bea0d1597f9dc - languageName: node - linkType: hard - "has-bigints@npm:^1.0.2": version: 1.0.2 resolution: "has-bigints@npm:1.0.2" @@ -10888,15 +10894,6 @@ __metadata: languageName: node linkType: hard -"hosted-git-info@npm:^4.0.1": - version: 4.0.2 - resolution: "hosted-git-info@npm:4.0.2" - dependencies: - lru-cache: "npm:^6.0.0" - checksum: 10/cb007a7201e01c8c12c8a15933c737d8d746bfa068e1d1c59609ffe45a20a0c48afaf16029ffc6357db4cc93c9c2b9fcf5c2c40e0ddb3794a1d94f98dacf4893 - languageName: node - linkType: hard - "html-encoding-sniffer@npm:^4.0.0": version: 4.0.0 resolution: "html-encoding-sniffer@npm:4.0.0" @@ -10946,13 +10943,20 @@ __metadata: languageName: node linkType: hard -"html-tags@npm:^3.1.0, html-tags@npm:^3.2.0": +"html-tags@npm:^3.1.0": version: 3.2.0 resolution: "html-tags@npm:3.2.0" checksum: 10/a0c9e96ac26c84adad9cc66d15d6711a17f60acda8d987218f1d4cbaacd52864939b230e635cce5a1179f3ddab2a12b9231355617dfbae7945fcfec5e96d2041 languageName: node linkType: hard +"html-tags@npm:^3.3.1": + version: 3.3.1 + resolution: "html-tags@npm:3.3.1" + checksum: 10/d0e808544b92d8b999cbcc86d539577255a2f0f2f4f73110d10749d1d36e6fe6ad706a0355a8477afb6e000ecdc93d8455b3602951f9a2b694ac9e28f1b52878 + languageName: node + linkType: hard + "html-webpack-plugin@npm:^5.5.0": version: 5.6.0 resolution: "html-webpack-plugin@npm:5.6.0" @@ -11166,13 +11170,20 @@ __metadata: languageName: node linkType: hard -"ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1": +"ignore@npm:^5.2.0, ignore@npm:^5.3.1": version: 5.3.2 resolution: "ignore@npm:5.3.2" checksum: 10/cceb6a457000f8f6a50e1196429750d782afce5680dd878aa4221bd79972d68b3a55b4b1458fc682be978f4d3c6a249046aa0880637367216444ab7b014cfc98 languageName: node linkType: hard +"ignore@npm:^6.0.2": + version: 6.0.2 + resolution: "ignore@npm:6.0.2" + checksum: 10/af39e49996cd989763920e445eff897d0ae1e36b5f27b0e09e14a4fd2df89b362f92e720ecf06ef729056842366527db8561d310e904718810b92ffbcd23056d + languageName: node + linkType: hard + "immutable@npm:^4.0.0": version: 4.0.0 resolution: "immutable@npm:4.0.0" @@ -11180,7 +11191,7 @@ __metadata: languageName: node linkType: hard -"import-fresh@npm:^3.2.1": +"import-fresh@npm:^3.2.1, import-fresh@npm:^3.3.0": version: 3.3.0 resolution: "import-fresh@npm:3.3.0" dependencies: @@ -11190,13 +11201,6 @@ __metadata: languageName: node linkType: hard -"import-lazy@npm:^4.0.0": - version: 4.0.0 - resolution: "import-lazy@npm:4.0.0" - checksum: 10/943309cc8eb01ada12700448c288b0384f77a1bc33c7e00fa4cb223c665f467a13ce9aaceb8d2e4cf586b07c1d2828040263dcc069873ce63cfc2ac6fd087971 - languageName: node - linkType: hard - "import-local@npm:^3.0.2": version: 3.0.2 resolution: "import-local@npm:3.0.2" @@ -11603,13 +11607,6 @@ __metadata: languageName: node linkType: hard -"is-plain-obj@npm:^1.1.0": - version: 1.1.0 - resolution: "is-plain-obj@npm:1.1.0" - checksum: 10/0ee04807797aad50859652a7467481816cbb57e5cc97d813a7dcd8915da8195dc68c436010bf39d195226cde6a2d352f4b815f16f26b7bf486a5754290629931 - languageName: node - linkType: hard - "is-plain-obj@npm:^4.0.0": version: 4.1.0 resolution: "is-plain-obj@npm:4.1.0" @@ -12482,6 +12479,13 @@ __metadata: languageName: node linkType: hard +"json-buffer@npm:3.0.1": + version: 3.0.1 + resolution: "json-buffer@npm:3.0.1" + checksum: 10/82876154521b7b68ba71c4f969b91572d1beabadd87bd3a6b236f85fbc7dc4695089191ed60bb59f9340993c51b33d479f45b6ba9f3548beb519705281c32c3c + languageName: node + linkType: hard + "json-parse-better-errors@npm:^1.0.1": version: 1.0.2 resolution: "json-parse-better-errors@npm:1.0.2" @@ -12605,7 +12609,16 @@ __metadata: languageName: node linkType: hard -"kind-of@npm:^6.0.2, kind-of@npm:^6.0.3": +"keyv@npm:^4.5.4": + version: 4.5.4 + resolution: "keyv@npm:4.5.4" + dependencies: + json-buffer: "npm:3.0.1" + checksum: 10/167eb6ef64cc84b6fa0780ee50c9de456b422a1e18802209234f7c2cf7eae648c7741f32e50d7e24ccb22b24c13154070b01563d642755b156c357431a191e75 + languageName: node + linkType: hard + +"kind-of@npm:^6.0.2": version: 6.0.3 resolution: "kind-of@npm:6.0.3" checksum: 10/5873d303fb36aad875b7538798867da2ae5c9e328d67194b0162a3659a627d22f742fc9c4ae95cd1704132a24b00cae5041fc00c0f6ef937dc17080dc4dbb962 @@ -12633,10 +12646,10 @@ __metadata: languageName: node linkType: hard -"known-css-properties@npm:^0.27.0": - version: 0.27.0 - resolution: "known-css-properties@npm:0.27.0" - checksum: 10/3bb274e0a902887b57b8faa1444e1137191c199bc52e574b5064853bf741321cbe62c09bed52265b80da79e2b69b7cf6e1af1869570f932093711a3926ea9f7b +"known-css-properties@npm:^0.34.0": + version: 0.34.0 + resolution: "known-css-properties@npm:0.34.0" + checksum: 10/0e93e83f84537e89b9dc56c16aff511ed9f24128fe509c3f601ce495eb10bf6678e2f4ff521f6b53feabc7bd18088e43efb31aae4cb771da831ef1408c23211a languageName: node linkType: hard @@ -12685,7 +12698,7 @@ __metadata: "@prettier/plugin-xml": "npm:~2.2.0" eslint: "npm:~8.45.0" prettier: "npm:~3.3.3" - stylelint: "npm:~15.4.0" + stylelint: "npm:~16.10.0" zx: "npm:~8.1.9" bin: lint: ./lint.mjs @@ -12882,15 +12895,6 @@ __metadata: languageName: node linkType: hard -"lru-cache@npm:^6.0.0": - version: 6.0.0 - resolution: "lru-cache@npm:6.0.0" - dependencies: - yallist: "npm:^4.0.0" - checksum: 10/fc1fe2ee205f7c8855fa0f34c1ab0bcf14b6229e35579ec1fd1079f31d6fc8ef8eb6fd17f2f4d99788d7e339f50e047555551ebd5e434dda503696e7c6591825 - languageName: node - linkType: hard - "lru-cache@npm:^7.7.1": version: 7.14.0 resolution: "lru-cache@npm:7.14.0" @@ -12997,20 +13001,6 @@ __metadata: languageName: node linkType: hard -"map-obj@npm:^1.0.0": - version: 1.0.1 - resolution: "map-obj@npm:1.0.1" - checksum: 10/f8e6fc7f6137329c376c4524f6d25b3c243c17019bc8f621d15a2dcb855919e482a9298a78ae58b00dbd0e76b640bf6533aa343a9e993cfc16e0346a2507e7f8 - languageName: node - linkType: hard - -"map-obj@npm:^4.0.0": - version: 4.1.0 - resolution: "map-obj@npm:4.1.0" - checksum: 10/c62b22f23e58d742a093a0935fa904c92cc788d56132b75666160ac0c5704d3c677d28794594c7adf7ed0c177a96579e781dbf06e0a1b5d574c992a5c13877a3 - languageName: node - linkType: hard - "map-or-similar@npm:^1.5.0": version: 1.5.0 resolution: "map-or-similar@npm:1.5.0" @@ -13335,13 +13325,6 @@ __metadata: languageName: node linkType: hard -"mdn-data@npm:2.0.30": - version: 2.0.30 - resolution: "mdn-data@npm:2.0.30" - checksum: 10/e4944322bf3e0461a2daa2aee7e14e208960a036289531e4ef009e53d32bd41528350c070c4a33be867980443fe4c0523518d99318423cffa7c825fe7b1154e2 - languageName: node - linkType: hard - "mdn-data@npm:2.0.4": version: 2.0.4 resolution: "mdn-data@npm:2.0.4" @@ -13349,6 +13332,20 @@ __metadata: languageName: node linkType: hard +"mdn-data@npm:2.10.0": + version: 2.10.0 + resolution: "mdn-data@npm:2.10.0" + checksum: 10/41b6dde00681dc8a45a907836b10735a9bef1731c5d9269dd05e6c25749ec5d0383e4055b71acd8b1905fcb428e4c43235a2601558df361ae42c3e4c6a9aa6ed + languageName: node + linkType: hard + +"mdn-data@npm:^2.11.1": + version: 2.12.1 + resolution: "mdn-data@npm:2.12.1" + checksum: 10/7928cfc828b0ebbde84ce56be2e3aa729c1770bfbc83ef1dadf5f98346ab003ca0a1b3339076115d77acf623719efa3f9f2be8c69f73c453fe887cb982bfa625 + languageName: node + linkType: hard + "media-typer@npm:0.3.0": version: 0.3.0 resolution: "media-typer@npm:0.3.0" @@ -13381,23 +13378,10 @@ __metadata: languageName: node linkType: hard -"meow@npm:^9.0.0": - version: 9.0.0 - resolution: "meow@npm:9.0.0" - dependencies: - "@types/minimist": "npm:^1.2.0" - camelcase-keys: "npm:^6.2.2" - decamelize: "npm:^1.2.0" - decamelize-keys: "npm:^1.1.0" - hard-rejection: "npm:^2.1.0" - minimist-options: "npm:4.1.0" - normalize-package-data: "npm:^3.0.0" - read-pkg-up: "npm:^7.0.1" - redent: "npm:^3.0.0" - trim-newlines: "npm:^3.0.0" - type-fest: "npm:^0.18.0" - yargs-parser: "npm:^20.2.3" - checksum: 10/3d0f199b9ccd81856a112f651290676f6816833626df53cee72b8e2c9acbd95beea4fa1f9fa729a553b5a0e74b18954f9fbc74c3ab837b3fc44e57de98f6c18f +"meow@npm:^13.2.0": + version: 13.2.0 + resolution: "meow@npm:13.2.0" + checksum: 10/4eff5bc921fed0b8a471ad79069d741a0210036d717547d0c7f36fdaf84ef7a3036225f38b6a53830d84dc9cbf8b944b097fde62381b8b5b215119e735ce1063 languageName: node linkType: hard @@ -14116,7 +14100,7 @@ __metadata: languageName: node linkType: hard -"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5": +"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.8": version: 4.0.8 resolution: "micromatch@npm:4.0.8" dependencies: @@ -14219,17 +14203,6 @@ __metadata: languageName: node linkType: hard -"minimist-options@npm:4.1.0": - version: 4.1.0 - resolution: "minimist-options@npm:4.1.0" - dependencies: - arrify: "npm:^1.0.1" - is-plain-obj: "npm:^1.1.0" - kind-of: "npm:^6.0.3" - checksum: 10/8c040b3068811e79de1140ca2b708d3e203c8003eb9a414c1ab3cd467fc5f17c9ca02a5aef23bedc51a7f8bfbe77f87e9a7e31ec81fba304cda675b019496f4e - languageName: node - linkType: hard - "minimist@npm:^1.2.0, minimist@npm:^1.2.3, minimist@npm:^1.2.6": version: 1.2.8 resolution: "minimist@npm:1.2.8" @@ -14362,7 +14335,7 @@ __metadata: languageName: node linkType: hard -"ms@npm:2.1.3, ms@npm:^2.0.0, ms@npm:^2.1.1": +"ms@npm:2.1.3, ms@npm:^2.0.0, ms@npm:^2.1.1, ms@npm:^2.1.3": version: 2.1.3 resolution: "ms@npm:2.1.3" checksum: 10/aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d @@ -14572,7 +14545,7 @@ __metadata: languageName: node linkType: hard -"normalize-package-data@npm:^2.3.2, normalize-package-data@npm:^2.5.0": +"normalize-package-data@npm:^2.3.2": version: 2.5.0 resolution: "normalize-package-data@npm:2.5.0" dependencies: @@ -14584,18 +14557,6 @@ __metadata: languageName: node linkType: hard -"normalize-package-data@npm:^3.0.0": - version: 3.0.2 - resolution: "normalize-package-data@npm:3.0.2" - dependencies: - hosted-git-info: "npm:^4.0.1" - resolve: "npm:^1.20.0" - semver: "npm:^7.3.4" - validate-npm-package-license: "npm:^3.0.1" - checksum: 10/b006f9359bcde0974ec53cad49a7676d58f9a0987ec56f4f9dfc397353a5fa418280de7418a0765d456a63ab031e37cfc5678844b447af22a78d2251075ad235 - languageName: node - linkType: hard - "normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0": version: 3.0.0 resolution: "normalize-path@npm:3.0.0" @@ -15717,19 +15678,19 @@ __metadata: languageName: node linkType: hard -"postcss-resolve-nested-selector@npm:^0.1.1": - version: 0.1.1 - resolution: "postcss-resolve-nested-selector@npm:0.1.1" - checksum: 10/b08fb76ab092a09ee01328bad620a01dcb445ac5eb02dd0ed9ed75217c2f779ecb3bf99a361c46e695689309c08c09f1a1ad7354c8d58c2c2c40d364657fcb08 +"postcss-resolve-nested-selector@npm:^0.1.6": + version: 0.1.6 + resolution: "postcss-resolve-nested-selector@npm:0.1.6" + checksum: 10/85453901afe2a4db497b4e0d2c9cf2a097a08fa5d45bc646547025176217050334e423475519a1e6c74a1f31ade819d16bb37a39914e5321e250695ee3feea14 languageName: node linkType: hard -"postcss-safe-parser@npm:^6.0.0": - version: 6.0.0 - resolution: "postcss-safe-parser@npm:6.0.0" +"postcss-safe-parser@npm:^7.0.1": + version: 7.0.1 + resolution: "postcss-safe-parser@npm:7.0.1" peerDependencies: - postcss: ^8.3.3 - checksum: 10/06c733eaad83a3954367e7ee02ddfe3796e7a44d4299ccf9239f40964a4daac153c7d77613f32964b5a86c0c6c2f6167738f31d578b73b17cb69d0c4446f0ebe + postcss: ^8.4.31 + checksum: 10/285f30877f3ef5d43586432394ef4fcab904cd5bcfff5c26f586eb630fbee490abf2ac6d81e64fa212fb64d03630d12c2f3c5196f5637bec5ba3d043562ddf30 languageName: node linkType: hard @@ -15742,7 +15703,7 @@ __metadata: languageName: node linkType: hard -"postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.9": +"postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.9": version: 6.0.11 resolution: "postcss-selector-parser@npm:6.0.11" dependencies: @@ -15752,6 +15713,16 @@ __metadata: languageName: node linkType: hard +"postcss-selector-parser@npm:^6.1.2": + version: 6.1.2 + resolution: "postcss-selector-parser@npm:6.1.2" + dependencies: + cssesc: "npm:^3.0.0" + util-deprecate: "npm:^1.0.2" + checksum: 10/190034c94d809c115cd2f32ee6aade84e933450a43ec3899c3e78e7d7b33efd3a2a975bb45d7700b6c5b196c06a7d9acf3f1ba6f1d87032d9675a29d8bca1dd3 + languageName: node + linkType: hard + "postcss-sorting@npm:^8.0.2": version: 8.0.2 resolution: "postcss-sorting@npm:8.0.2" @@ -15824,7 +15795,7 @@ __metadata: languageName: node linkType: hard -"postcss@npm:^8.2.14, postcss@npm:^8.4.19, postcss@npm:^8.4.21, postcss@npm:^8.4.33, postcss@npm:~8.4.31": +"postcss@npm:^8.2.14, postcss@npm:^8.4.19, postcss@npm:^8.4.33, postcss@npm:~8.4.31": version: 8.4.40 resolution: "postcss@npm:8.4.40" dependencies: @@ -15835,6 +15806,17 @@ __metadata: languageName: node linkType: hard +"postcss@npm:^8.4.32, postcss@npm:^8.4.47": + version: 8.4.47 + resolution: "postcss@npm:8.4.47" + dependencies: + nanoid: "npm:^3.3.7" + picocolors: "npm:^1.1.0" + source-map-js: "npm:^1.2.1" + checksum: 10/f2b50ba9b6fcb795232b6bb20de7cdc538c0025989a8ed9c4438d1960196ba3b7eaff41fdb1a5c701b3504651ea87aeb685577707f0ae4d6ce6f3eae5df79a81 + languageName: node + linkType: hard + "prebuild-install@npm:^7.1.1": version: 7.1.1 resolution: "prebuild-install@npm:7.1.1" @@ -16074,13 +16056,6 @@ __metadata: languageName: node linkType: hard -"quick-lru@npm:^4.0.1": - version: 4.0.1 - resolution: "quick-lru@npm:4.0.1" - checksum: 10/5c7c75f1c696750f619b165cc9957382f919e4207dabf04597a64f0298861391cdc5ee91a1dde1a5d460ecf7ee1af7fc36fef6d155bef2be66f05d43fd63d4f0 - languageName: node - linkType: hard - "randombytes@npm:^2.1.0": version: 2.1.0 resolution: "randombytes@npm:2.1.0" @@ -16394,17 +16369,6 @@ __metadata: languageName: node linkType: hard -"read-pkg-up@npm:^7.0.1": - version: 7.0.1 - resolution: "read-pkg-up@npm:7.0.1" - dependencies: - find-up: "npm:^4.1.0" - read-pkg: "npm:^5.2.0" - type-fest: "npm:^0.8.1" - checksum: 10/e4e93ce70e5905b490ca8f883eb9e48b5d3cebc6cd4527c25a0d8f3ae2903bd4121c5ab9c5a3e217ada0141098eeb661313c86fa008524b089b8ed0b7f165e44 - languageName: node - linkType: hard - "read-pkg@npm:^3.0.0": version: 3.0.0 resolution: "read-pkg@npm:3.0.0" @@ -16416,18 +16380,6 @@ __metadata: languageName: node linkType: hard -"read-pkg@npm:^5.2.0": - version: 5.2.0 - resolution: "read-pkg@npm:5.2.0" - dependencies: - "@types/normalize-package-data": "npm:^2.4.0" - normalize-package-data: "npm:^2.5.0" - parse-json: "npm:^5.0.0" - type-fest: "npm:^0.6.0" - checksum: 10/eb696e60528b29aebe10e499ba93f44991908c57d70f2d26f369e46b8b9afc208ef11b4ba64f67630f31df8b6872129e0a8933c8c53b7b4daf0eace536901222 - languageName: node - linkType: hard - "read-yaml-file@npm:^1.1.0": version: 1.1.0 resolution: "read-yaml-file@npm:1.1.0" @@ -17364,6 +17316,13 @@ __metadata: languageName: node linkType: hard +"signal-exit@npm:^4.0.1": + version: 4.1.0 + resolution: "signal-exit@npm:4.1.0" + checksum: 10/c9fa63bbbd7431066174a48ba2dd9986dfd930c3a8b59de9c29d7b6854ec1c12a80d15310869ea5166d413b99f041bfa3dd80a7947bcd44ea8e6eb3ffeabfa1f + languageName: node + linkType: hard + "simple-concat@npm:^1.0.0": version: 1.0.1 resolution: "simple-concat@npm:1.0.1" @@ -17495,6 +17454,13 @@ __metadata: languageName: node linkType: hard +"source-map-js@npm:^1.2.1": + version: 1.2.1 + resolution: "source-map-js@npm:1.2.1" + checksum: 10/ff9d8c8bf096d534a5b7707e0382ef827b4dd360a577d3f34d2b9f48e12c9d230b5747974ee7c607f0df65113732711bb701fe9ece3c7edbd43cb2294d707df3 + languageName: node + linkType: hard + "source-map-support@npm:0.5.13": version: 0.5.13 resolution: "source-map-support@npm:0.5.13" @@ -17912,13 +17878,6 @@ __metadata: languageName: node linkType: hard -"style-search@npm:^0.1.0": - version: 0.1.0 - resolution: "style-search@npm:0.1.0" - checksum: 10/841049768c863737389558fafffa0b765f553bde041b7997c4cd54606b64b0d139936e2efee74dc1ce59fcde78aaa88484d9894838c31d5c98c1ccace312a59b - languageName: node - linkType: hard - "stylehacks@npm:^5.1.0": version: 5.1.0 resolution: "stylehacks@npm:5.1.0" @@ -17931,94 +17890,93 @@ __metadata: languageName: node linkType: hard -"stylelint-order@npm:~6.0.3": - version: 6.0.3 - resolution: "stylelint-order@npm:6.0.3" +"stylelint-order@npm:~6.0.4": + version: 6.0.4 + resolution: "stylelint-order@npm:6.0.4" dependencies: - postcss: "npm:^8.4.21" + postcss: "npm:^8.4.32" postcss-sorting: "npm:^8.0.2" peerDependencies: - stylelint: ^14.0.0 || ^15.0.0 - checksum: 10/038d440d5dd2ab650f68026aefcd33635aa9c57ebd7644184389fab2c2f947b16273c620e55a650b977aa8f3d413116750502310d660fca93055100637d64adb + stylelint: ^14.0.0 || ^15.0.0 || ^16.0.1 + checksum: 10/a16a017bded454f78fb3ed02643e93525ee1e4a03c0303c364aa8ee908c4500238036e8df15403f9bb968136c70a32335b494a443df15bb6985bb8e1f431edcd languageName: node linkType: hard -"stylelint-prettier@npm:~3.0.0": - version: 3.0.0 - resolution: "stylelint-prettier@npm:3.0.0" +"stylelint-prettier@npm:~5.0.2": + version: 5.0.2 + resolution: "stylelint-prettier@npm:5.0.2" dependencies: prettier-linter-helpers: "npm:^1.0.0" peerDependencies: - prettier: ">=2.0.0" - stylelint: ">=14.0.0" - checksum: 10/319a64c0f05ac7b19fe0f54c5fea9c4db16362da045a11df469bcee97977e9d2d6ce4f645c502e8373fcb022cf4c47f72dab87bfea088e662e6281588ef09bd2 + prettier: ">=3.0.0" + stylelint: ">=16.0.0" + checksum: 10/bee52ac6bfd03bfec07a429556d05e1cc754be9f0cf6802e19f06410d7d4cf6b2a01ca987f5e6f7816d8c88a0e73d04aa5b04be43fd121a9f805a9ab079a3719 languageName: node linkType: hard -"stylelint-scss@npm:~4.6.0": - version: 4.6.0 - resolution: "stylelint-scss@npm:4.6.0" +"stylelint-scss@npm:~6.8.1": + version: 6.8.1 + resolution: "stylelint-scss@npm:6.8.1" dependencies: - dlv: "npm:^1.1.3" + css-tree: "npm:^3.0.0" + is-plain-object: "npm:^5.0.0" + known-css-properties: "npm:^0.34.0" + mdn-data: "npm:^2.11.1" postcss-media-query-parser: "npm:^0.2.3" - postcss-resolve-nested-selector: "npm:^0.1.1" - postcss-selector-parser: "npm:^6.0.11" + postcss-resolve-nested-selector: "npm:^0.1.6" + postcss-selector-parser: "npm:^6.1.2" postcss-value-parser: "npm:^4.2.0" peerDependencies: - stylelint: ^14.5.1 || ^15.0.0 - checksum: 10/009a131ff3e647b9ff603da98972a67361e6835914d4ed37e5b831b579b2dcd660bcf5fcc077df83707f81a043a0182a13158688e9de92a4c5598349a8e78722 + stylelint: ^16.0.2 + checksum: 10/25d541a96108f41782e2f8180492120f17b20fb372e03dd680513fd174b8141f96c5e41eef2694737a6f815a8120bf56abae473bfa41e70d3ea1d975902a4277 languageName: node linkType: hard -"stylelint@npm:~15.4.0": - version: 15.4.0 - resolution: "stylelint@npm:15.4.0" +"stylelint@npm:~16.10.0": + version: 16.10.0 + resolution: "stylelint@npm:16.10.0" dependencies: - "@csstools/css-parser-algorithms": "npm:^2.1.0" - "@csstools/css-tokenizer": "npm:^2.1.0" - "@csstools/media-query-list-parser": "npm:^2.0.1" - "@csstools/selector-specificity": "npm:^2.2.0" + "@csstools/css-parser-algorithms": "npm:^3.0.1" + "@csstools/css-tokenizer": "npm:^3.0.1" + "@csstools/media-query-list-parser": "npm:^3.0.1" + "@csstools/selector-specificity": "npm:^4.0.0" + "@dual-bundle/import-meta-resolve": "npm:^4.1.0" balanced-match: "npm:^2.0.0" colord: "npm:^2.9.3" - cosmiconfig: "npm:^8.1.3" - css-functions-list: "npm:^3.1.0" - css-tree: "npm:^2.3.1" - debug: "npm:^4.3.4" - fast-glob: "npm:^3.2.12" + cosmiconfig: "npm:^9.0.0" + css-functions-list: "npm:^3.2.3" + css-tree: "npm:^3.0.0" + debug: "npm:^4.3.7" + fast-glob: "npm:^3.3.2" fastest-levenshtein: "npm:^1.0.16" - file-entry-cache: "npm:^6.0.1" + file-entry-cache: "npm:^9.1.0" global-modules: "npm:^2.0.0" globby: "npm:^11.1.0" globjoin: "npm:^0.1.4" - html-tags: "npm:^3.2.0" - ignore: "npm:^5.2.4" - import-lazy: "npm:^4.0.0" + html-tags: "npm:^3.3.1" + ignore: "npm:^6.0.2" imurmurhash: "npm:^0.1.4" is-plain-object: "npm:^5.0.0" - known-css-properties: "npm:^0.27.0" + known-css-properties: "npm:^0.34.0" mathml-tag-names: "npm:^2.1.3" - meow: "npm:^9.0.0" - micromatch: "npm:^4.0.5" + meow: "npm:^13.2.0" + micromatch: "npm:^4.0.8" normalize-path: "npm:^3.0.0" - picocolors: "npm:^1.0.0" - postcss: "npm:^8.4.21" - postcss-media-query-parser: "npm:^0.2.3" - postcss-resolve-nested-selector: "npm:^0.1.1" - postcss-safe-parser: "npm:^6.0.0" - postcss-selector-parser: "npm:^6.0.11" + picocolors: "npm:^1.0.1" + postcss: "npm:^8.4.47" + postcss-resolve-nested-selector: "npm:^0.1.6" + postcss-safe-parser: "npm:^7.0.1" + postcss-selector-parser: "npm:^6.1.2" postcss-value-parser: "npm:^4.2.0" resolve-from: "npm:^5.0.0" string-width: "npm:^4.2.3" - strip-ansi: "npm:^6.0.1" - style-search: "npm:^0.1.0" - supports-hyperlinks: "npm:^3.0.0" + supports-hyperlinks: "npm:^3.1.0" svg-tags: "npm:^1.0.0" - table: "npm:^6.8.1" - v8-compile-cache: "npm:^2.3.0" - write-file-atomic: "npm:^5.0.0" + table: "npm:^6.8.2" + write-file-atomic: "npm:^5.0.1" bin: - stylelint: bin/stylelint.js - checksum: 10/ec4579d7930f8140fc07aa0477406fc6106066c9ae033dd693c526f1a7bb7d1b208fd44216b3075149795022d4834db1bc88a8905eadb73d4cc4897c8c721574 + stylelint: bin/stylelint.mjs + checksum: 10/2bc1627e2681414d9c61a96e8298ca7697ce8bc78bb9ffe1c3e370e064ca81cd4d131493a3f315334195b1f039ff99ea0c900e264ca4516c93ee5c36d2e4490d languageName: node linkType: hard @@ -18056,13 +18014,13 @@ __metadata: languageName: node linkType: hard -"supports-hyperlinks@npm:^3.0.0": - version: 3.0.0 - resolution: "supports-hyperlinks@npm:3.0.0" +"supports-hyperlinks@npm:^3.1.0": + version: 3.1.0 + resolution: "supports-hyperlinks@npm:3.1.0" dependencies: has-flag: "npm:^4.0.0" supports-color: "npm:^7.0.0" - checksum: 10/911075a412d8bcfbbca413e8963d56ed0975e35ff98d599ef85301aed4221428653145263828b6c58cb4cb6ff24596be83ead3cca221a88a70428af93d5e2a73 + checksum: 10/e893fb035ecd86e42c5225dc1cd24db56eb950ed77b2e8f59c7aaf2836b8b2ef276ffd11f0df88b0b12184832aa2333f875eefcb74d3c47ed2633b6b41d4be43 languageName: node linkType: hard @@ -18216,16 +18174,16 @@ __metadata: languageName: node linkType: hard -"table@npm:^6.8.1": - version: 6.8.1 - resolution: "table@npm:6.8.1" +"table@npm:^6.8.2": + version: 6.8.2 + resolution: "table@npm:6.8.2" dependencies: ajv: "npm:^8.0.1" lodash.truncate: "npm:^4.4.2" slice-ansi: "npm:^4.0.0" string-width: "npm:^4.2.3" strip-ansi: "npm:^6.0.1" - checksum: 10/512c4f2bfb6f46f4d5ced19943ae5db1a5163eac1f23ce752625eb49715f84217c1c62bc2d017eb8985b37e0f85731108f654df809c0b34cca1678a672e7ea20 + checksum: 10/2946162eb87a91b9bf4283214d26830db96f09cf517eff18e7501d47a4770c529b432bb54c9394337c3dfd6c8dbf66581f76edb37e9838beb6ec394080af4ac2 languageName: node linkType: hard @@ -18533,13 +18491,6 @@ __metadata: languageName: node linkType: hard -"trim-newlines@npm:^3.0.0": - version: 3.0.1 - resolution: "trim-newlines@npm:3.0.1" - checksum: 10/b530f3fadf78e570cf3c761fb74fef655beff6b0f84b29209bac6c9622db75ad1417f4a7b5d54c96605dcd72734ad44526fef9f396807b90839449eb543c6206 - languageName: node - linkType: hard - "triple-beam@npm:^1.3.0": version: 1.3.0 resolution: "triple-beam@npm:1.3.0" @@ -18844,13 +18795,6 @@ __metadata: languageName: node linkType: hard -"type-fest@npm:^0.18.0": - version: 0.18.0 - resolution: "type-fest@npm:0.18.0" - checksum: 10/1757b6dd952fefe823b1f1374ad57007c85e5a93f13651243ea835cecdca01a11fdb3ddf272e293da3561855258927839ac1a16125ed5fd15b008bf2eb5e29eb - languageName: node - linkType: hard - "type-fest@npm:^0.20.2": version: 0.20.2 resolution: "type-fest@npm:0.20.2" @@ -18865,20 +18809,6 @@ __metadata: languageName: node linkType: hard -"type-fest@npm:^0.6.0": - version: 0.6.0 - resolution: "type-fest@npm:0.6.0" - checksum: 10/9ecbf4ba279402b14c1a0614b6761bbe95626fab11377291fecd7e32b196109551e0350dcec6af74d97ced1b000ba8060a23eca33157091e642b409c2054ba82 - languageName: node - linkType: hard - -"type-fest@npm:^0.8.1": - version: 0.8.1 - resolution: "type-fest@npm:0.8.1" - checksum: 10/fd4a91bfb706aeeb0d326ebd2e9a8ea5263979e5dec8d16c3e469a5bd3a946e014a062ef76c02e3086d3d1c7209a56a20a4caafd0e9f9a5c2ab975084ea3d388 - languageName: node - linkType: hard - "type-fest@npm:^2.19.0, type-fest@npm:~2.19": version: 2.19.0 resolution: "type-fest@npm:2.19.0" @@ -19416,13 +19346,6 @@ __metadata: languageName: node linkType: hard -"v8-compile-cache@npm:^2.3.0": - version: 2.3.0 - resolution: "v8-compile-cache@npm:2.3.0" - checksum: 10/7de7423db6f48d76cffae93d70d503e160c97fc85e55945036d719111e20b33c4be5c21aa8b123a3da203bbb3bc4c8180f9667d5ccafcff11d749fae204ec7be - languageName: node - linkType: hard - "v8-to-istanbul@npm:^9.0.1": version: 9.1.0 resolution: "v8-to-istanbul@npm:9.1.0" @@ -19915,13 +19838,13 @@ __metadata: languageName: node linkType: hard -"write-file-atomic@npm:^5.0.0": - version: 5.0.0 - resolution: "write-file-atomic@npm:5.0.0" +"write-file-atomic@npm:^5.0.1": + version: 5.0.1 + resolution: "write-file-atomic@npm:5.0.1" dependencies: imurmurhash: "npm:^0.1.4" - signal-exit: "npm:^3.0.7" - checksum: 10/65fe29118d15f53e8fd3736149f0862c7e586244ce6a3d98ec867f3a35e234fab703e26cbce7232c9aa17f1d6e1e4b9650bcd7fb322e02dff75559a2a97f77b1 + signal-exit: "npm:^4.0.1" + checksum: 10/648efddba54d478d0e4330ab6f239976df3b9752b123db5dc9405d9b5af768fa9d70ce60c52fdbe61d1200d24350bc4fbcbaf09288496c2be050de126bd95b7e languageName: node linkType: hard @@ -20030,13 +19953,6 @@ __metadata: languageName: node linkType: hard -"yargs-parser@npm:^20.2.3": - version: 20.2.7 - resolution: "yargs-parser@npm:20.2.7" - checksum: 10/402e468ca9875543e9c679c5cf3b4c77b24735b0b3c32d1e6c8d9088742be55a589e04ddda7e93613c3378fce33a0134c63d6145ac3c474c58f4dcfe5c45a193 - languageName: node - linkType: hard - "yargs-parser@npm:^21.0.0, yargs-parser@npm:^21.0.1, yargs-parser@npm:^21.1.1": version: 21.1.1 resolution: "yargs-parser@npm:21.1.1" From be3cf5b197fa054641481d27ca0dc837690f7fce Mon Sep 17 00:00:00 2001 From: Tasso Date: Thu, 31 Oct 2024 23:37:45 -0300 Subject: [PATCH 04/11] Fix broken ESLint configuration --- packages/fuselage/README.md | 2 +- tools/lint-all/.eslintrc.json | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/fuselage/README.md b/packages/fuselage/README.md index d14c436206..b8df558f63 100644 --- a/packages/fuselage/README.md +++ b/packages/fuselage/README.md @@ -134,6 +134,6 @@ import dynamic from 'next/dynamic'; export const TextInput = dynamic( () => import('@rocket.chat/fuselage').then((module) => module.TextInput), - { ssr: false } + { ssr: false }, ); ``` diff --git a/tools/lint-all/.eslintrc.json b/tools/lint-all/.eslintrc.json index 2849334dc4..2a208e1721 100644 --- a/tools/lint-all/.eslintrc.json +++ b/tools/lint-all/.eslintrc.json @@ -1,5 +1,9 @@ { - "extends": "@rocket.chat/eslint-config-alt/typescript", + "extends": "@rocket.chat/eslint-config-alt/minimal", + "parserOptions": { + "ecmaVersion": "latest", + "sourceType": "module" + }, "env": { "node": true } From 0524c49be801252c35aa26d5f0b94f20a0cfae48 Mon Sep 17 00:00:00 2001 From: Tasso Date: Thu, 31 Oct 2024 23:39:29 -0300 Subject: [PATCH 05/11] Fix lint issues --- packages/css-in-js/src/sheet.ts | 6 +- packages/css-in-js/src/tags.spec.ts | 36 +++--- packages/css-in-js/src/tags.ts | 7 +- packages/css-in-js/src/transpile.spec.ts | 116 +++++++++--------- packages/css-in-js/src/transpile.ts | 4 +- packages/emitter/src/index.ts | 32 ++--- .../src/extractSizeFromObserver.ts | 6 +- packages/fuselage-hooks/src/useAutoFocus.ts | 4 +- .../src/useBorderBoxSize.spec.ts | 2 +- .../fuselage-hooks/src/useBorderBoxSize.ts | 2 +- .../fuselage-hooks/src/useBreakpoints.spec.ts | 4 +- packages/fuselage-hooks/src/useBreakpoints.ts | 10 +- .../fuselage-hooks/src/useClipboard.spec.ts | 6 +- packages/fuselage-hooks/src/useClipboard.ts | 2 +- .../src/useContentBoxSize.spec.ts | 2 +- .../fuselage-hooks/src/useContentBoxSize.ts | 2 +- .../src/useDebouncedCallback.spec.ts | 2 +- .../src/useDebouncedCallback.ts | 8 +- .../src/useDebouncedReducer.spec.ts | 2 +- .../fuselage-hooks/src/useDebouncedReducer.ts | 16 +-- .../src/useDebouncedState.spec.ts | 2 +- .../fuselage-hooks/src/useDebouncedState.ts | 4 +- .../src/useDebouncedUpdates.spec.ts | 2 +- .../fuselage-hooks/src/useDebouncedUpdates.ts | 10 +- packages/fuselage-hooks/src/useEffectEvent.ts | 4 +- .../fuselage-hooks/src/useElementIsVisible.ts | 10 +- .../src/useLocalStorage.server.spec.ts | 2 +- .../src/useLocalStorage.spec.ts | 4 +- .../src/useMediaQueries.spec.ts | 6 +- .../fuselage-hooks/src/useMediaQueries.ts | 6 +- .../src/useMergedRefs.server.spec.ts | 2 +- .../fuselage-hooks/src/useMergedRefs.spec.ts | 2 +- .../fuselage-hooks/src/useOutsideClick.ts | 6 +- .../src/usePosition/index.spec.ts | 2 +- .../fuselage-hooks/src/usePosition/index.ts | 6 +- .../useBoundingClientRectChanges.ts | 6 +- .../src/useResizeObserver.spec.ts | 2 +- .../fuselage-hooks/src/useResizeObserver.ts | 2 +- packages/fuselage-hooks/src/useSafely.spec.ts | 2 +- packages/fuselage-hooks/src/useSafely.ts | 6 +- .../src/useSessionStorage.server.spec.ts | 2 +- .../src/useSessionStorage.spec.ts | 4 +- packages/fuselage-hooks/src/useStableArray.ts | 6 +- packages/fuselage-hooks/src/useStorage.ts | 12 +- packages/fuselage-hooks/src/useToggle.ts | 2 +- .../.storybook/DocsContainer.tsx | 2 +- .../fuselage-toastbar/src/ToastBarContext.ts | 2 +- .../src/ToastBarProvider.tsx | 20 +-- .../fuselage-toastbar/src/ToastBarZone.tsx | 2 +- .../src/lib/utils/createAnchor.ts | 5 +- packages/fuselage-toastbar/src/testing.ts | 6 +- packages/fuselage-tokens/build.js | 16 +-- .../fuselage-tokens/src/breakpoints.jsonc | 16 +-- packages/fuselage-tokens/src/colors.jsonc | 2 +- packages/fuselage-tokens/src/typography.jsonc | 40 +++--- .../fuselage/.storybook/DocsContainer.tsx | 2 +- packages/fuselage/.storybook/preview.tsx | 2 +- packages/fuselage/src/Theme.ts | 18 +-- .../components/Accordion/Accordion.spec.tsx | 4 +- .../components/Accordion/AccordionItem.tsx | 6 +- .../AnimatedVisibility/AnimatedVisibility.tsx | 6 +- .../components/AudioPlayer/AudioPlayer.tsx | 6 +- .../AutoComplete/AutoComplete.spec.tsx | 4 +- .../components/AutoComplete/AutoComplete.tsx | 14 +-- .../src/components/Avatar/Avatar.spec.tsx | 4 +- .../src/components/Avatar/AvatarContainer.tsx | 2 +- .../fuselage/src/components/Badge/Badge.tsx | 2 +- .../src/components/Banner/Banner.spec.tsx | 2 +- .../fuselage/src/components/Banner/Banner.tsx | 4 +- .../fuselage/src/components/Box/Box.spec.tsx | 12 +- packages/fuselage/src/components/Box/Box.tsx | 2 +- .../src/components/Box/colors.stories.tsx | 14 +-- .../src/components/Box/layout.stories.tsx | 24 ++-- .../src/components/Box/stylingProps.ts | 18 +-- .../src/components/Box/useStylingProps.ts | 2 +- .../src/components/Box/withBoxStyling.tsx | 6 +- .../src/components/Bubble/Bubble.spec.tsx | 4 +- .../src/components/Button/ActionButton.tsx | 2 +- .../fuselage/src/components/Button/Button.tsx | 2 +- .../src/components/Button/IconButton.tsx | 8 +- .../ButtonGroup/ButtonGroup.styles.scss | 3 +- .../components/ButtonGroup/ButtonGroup.tsx | 6 +- .../src/components/Callout/Callout.spec.tsx | 4 +- .../components/Callout/Callout.stories.tsx | 6 +- .../src/components/Card/Card.spec.tsx | 4 +- .../src/components/CardGrid/CardGrid.spec.tsx | 4 +- .../components/CardGrid/CardGrid.stories.tsx | 2 +- .../components/CardGroup/CardGroup.spec.tsx | 4 +- .../CardGroup/CardGroup.styles.scss | 3 +- .../src/components/CardGroup/CardGroup.tsx | 4 +- .../src/components/CheckBox/CheckBox.spec.tsx | 4 +- .../src/components/CheckBox/CheckBox.tsx | 4 +- .../src/components/Chevron/Chevron.tsx | 2 +- .../Contextualbar/Contextualbar.spec.tsx | 4 +- .../Contextualbar/Contextualbar.tsx | 4 +- .../Contextualbar/ContextualbarActions.tsx | 2 +- .../Contextualbar/ContextualbarButton.tsx | 2 +- .../ContextualbarEmptyContent.tsx | 2 +- .../Contextualbar/ContextualbarFooter.tsx | 2 +- .../Contextualbar/ContextualbarIcon.tsx | 2 +- .../Contextualbar/ContextualbarSkeleton.tsx | 2 +- .../Contextualbar/ContextualbarTitle.tsx | 2 +- .../ContextualbarV2/Contextualbar.spec.tsx | 4 +- .../ContextualbarV2/Contextualbar.tsx | 4 +- .../ContextualbarV2/ContextualbarActions.tsx | 2 +- .../ContextualbarV2/ContextualbarButton.tsx | 2 +- .../ContextualbarEmptyContent.tsx | 2 +- .../ContextualbarV2/ContextualbarFooter.tsx | 2 +- .../ContextualbarV2/ContextualbarIcon.tsx | 2 +- .../ContextualbarV2/ContextualbarSkeleton.tsx | 2 +- .../ContextualbarV2/ContextualbarTitle.tsx | 2 +- .../components/Dropdown/Dropdown.styles.scss | 8 +- .../src/components/Dropdown/Dropdown.tsx | 4 +- .../components/Dropdown/DropdownDesktop.tsx | 4 +- .../Dropdown/DropdownDesktopWrapper.tsx | 4 +- .../components/Dropdown/DropdownMobile.tsx | 4 +- .../src/components/EmailInput/EmailInput.tsx | 2 +- .../src/components/Field/Field.spec.tsx | 4 +- .../src/components/Field/Field.styles.scss | 3 +- .../src/components/FieldGroup/FieldGroup.tsx | 4 +- .../src/components/Flex/FlexContainer.tsx | 2 +- .../fuselage/src/components/Flex/FlexItem.tsx | 2 +- .../components/FramedIcon/FramedIcon.spec.tsx | 4 +- .../src/components/Icon/Icon.stories.tsx | 4 +- .../fuselage/src/components/Icon/Icon.tsx | 2 +- .../src/components/InputBox/Addon.tsx | 2 +- .../src/components/InputBox/Input.tsx | 2 +- .../src/components/InputBox/InputBox.tsx | 8 +- .../src/components/InputBox/Option.tsx | 2 +- .../src/components/InputBox/Placeholder.tsx | 2 +- .../src/components/Label/Label.spec.tsx | 4 +- .../src/components/Margins/Margins.spec.tsx | 2 +- .../src/components/Margins/Margins.tsx | 8 +- .../fuselage/src/components/Menu/Menu.tsx | 4 +- .../src/components/Menu/V2/Menu.stories.tsx | 2 +- .../fuselage/src/components/Menu/V2/Menu.tsx | 2 +- .../src/components/Menu/V2/MenuDropdown.tsx | 2 +- .../src/components/Menu/V2/MenuOption.tsx | 6 +- .../src/components/Menu/V2/MenuPopover.tsx | 2 +- .../src/components/Menu/V2/helpers/helpers.ts | 2 +- .../components/Menu/V2/stately/MenuItem.tsx | 4 +- .../Menu/V2/stately/MenuSection.tsx | 4 +- .../src/components/Message/Message.tsx | 4 +- .../src/components/Message/MessageBlock.tsx | 4 +- .../src/components/Message/MessageBody.tsx | 2 +- .../Message/MessageContainerFixed.tsx | 2 +- .../MessageGenericPreview.tsx | 2 +- .../MessageGenericPreviewCoverImage.spec.tsx | 4 +- .../MessageGenericPreviewCoverImage.tsx | 2 +- .../MessageGenericPreviewImage.tsx | 2 +- .../MessageGenericPreviewThumb.tsx | 2 +- .../components/Message/MessageHighlight.tsx | 2 +- .../Message/MessageLeftContainer.tsx | 2 +- .../MessageMetrics/MessageMetrics.spec.tsx | 4 +- .../MessageMetrics/MessageMetricsContent.tsx | 2 +- .../MessageMetricsContentItem.tsx | 2 +- .../MessageMetricsItemAvatarRowContent.tsx | 2 +- .../MessageMetricsItemLabel.tsx | 2 +- .../MessageReactions/MessageReaction.tsx | 2 +- .../MessageReactions.spec.tsx | 4 +- .../MessageReactions/MessageReactions.tsx | 2 +- .../MessageStatusIndicator.spec.tsx | 2 +- .../MessageStatusIndicator.tsx | 2 +- .../MessageSystem/MessageSystem.spec.tsx | 4 +- .../MessageToolbar/MessageToolbar.spec.tsx | 4 +- .../Message/MessageToolbar/MessageToolbar.tsx | 2 +- .../MessageToolbar/MessageToolbarItem.tsx | 2 +- .../MessageToolbar/MessageToolbarWrapper.tsx | 2 +- .../components/Message/Messages.styles.scss | 6 +- .../ThreadMessageOrigin.spec.tsx | 2 +- .../src/components/Modal/Modal.spec.tsx | 4 +- .../fuselage/src/components/Modal/Modal.tsx | 6 +- .../components/MultiSelect/MultiSelect.tsx | 12 +- .../MultiSelect/MultiSelectAnchor.tsx | 2 +- .../MultiSelect/MultiSelectFilteredAnchor.tsx | 2 +- .../MultiSelect/SelectedOptions.tsx | 2 +- .../src/components/NavBar/NavBar.spec.tsx | 4 +- .../src/components/NavBar/NavBarItem.tsx | 2 +- .../components/NumberInput/NumberInput.tsx | 2 +- .../src/components/Option/Option.spec.tsx | 6 +- .../src/components/Option/Option.styles.scss | 12 +- .../fuselage/src/components/Option/Option.tsx | 6 +- .../src/components/Options/Options.tsx | 8 +- .../src/components/Options/useCursor.ts | 20 +-- .../src/components/Options/useVisible.ts | 4 +- .../OptionsPaginated/OptionsPaginated.tsx | 4 +- .../PaginatedSelect/PaginatedMultiSelect.tsx | 4 +- .../PaginatedMultiSelectFiltered.tsx | 6 +- .../PaginatedSelect/PaginatedSelect.tsx | 2 +- .../PaginatedSelectFiltered.tsx | 6 +- .../PaginatedSelectWrapper.tsx | 2 +- .../Pagination/Pagination.styles.scss | 3 +- .../src/components/Pagination/Pagination.tsx | 2 +- .../PaletteStyleTag/PaletteStyleTag.spec.tsx | 6 +- .../PaletteStyleTag/helpers/convertToCss.ts | 2 +- .../PaletteStyleTag/helpers/getPalette.ts | 4 +- .../PasswordInput/PasswordInput.tsx | 2 +- .../src/components/Popover/Popover.spec.tsx | 4 +- .../components/Popover/Popover.stories.tsx | 2 +- .../src/components/Popover/Popover.tsx | 2 +- .../src/components/Position/Position.tsx | 8 +- .../components/ProgressBar/ProgressBar.tsx | 4 +- .../RadioButton/RadioButton.spec.tsx | 10 +- .../components/RadioButton/RadioButton.tsx | 2 +- .../src/components/Scrollable/Scrollable.tsx | 6 +- .../components/SearchInput/SearchInput.tsx | 2 +- .../src/components/Select/Listbox.tsx | 4 +- .../fuselage/src/components/Select/Select.tsx | 2 +- .../src/components/Select/SelectAddon.tsx | 2 +- .../src/components/Select/SelectAria.tsx | 2 +- .../src/components/Select/SelectFiltered.tsx | 2 +- .../Select/SelectFilteredAnchor.tsx | 2 +- .../src/components/Select/SelectFocus.tsx | 2 +- .../src/components/Select/SelectLegacy.tsx | 10 +- .../components/SelectInput/SelectInput.tsx | 6 +- .../src/components/Sidebar/SidebarActions.tsx | 4 +- .../components/Sidebar/TopBar/TopBar.spec.tsx | 4 +- .../Sidebar/TopBar/TopBarAction.tsx | 2 +- .../Sidebar/TopBar/TopBarActions.tsx | 2 +- .../components/SidebarV2/Sidebar.styles.scss | 3 +- .../src/components/SidebarV2/Sidebar.tsx | 2 +- .../components/SidebarV2/SidebarAction.tsx | 2 +- .../components/SidebarV2/SidebarActions.tsx | 2 +- .../SidebarV2/SidebarCollapseGroup.tsx | 6 +- .../SidebarV2/SidebarItem/SidebarItemMenu.tsx | 4 +- .../SidebarItem/SidebarItemStatusBullet.tsx | 2 +- .../SidebarV2/SidebarItem/SidebarListItem.tsx | 2 +- .../src/components/SidebarV2/SidebarLink.tsx | 4 +- .../src/components/Slider/Slider.stories.tsx | 2 +- .../fuselage/src/components/Slider/Slider.tsx | 10 +- .../src/components/Slider/SliderHead.tsx | 2 +- .../src/components/Slider/SliderThumb.tsx | 4 +- .../src/components/Slider/SliderTrack.tsx | 20 +-- .../src/components/States/States.styles.scss | 3 +- .../src/components/Table/Table.spec.tsx | 4 +- .../TableSelectionButtonGroup.tsx | 2 +- .../fuselage/src/components/Tabs/TabsItem.tsx | 2 +- .../fuselage/src/components/Tag/Tag.spec.tsx | 4 +- .../TelephoneInput/TelephoneInput.tsx | 2 +- .../TextAreaInput/TextAreaInput.tsx | 2 +- .../src/components/TextInput/TextInput.tsx | 2 +- .../src/components/Throbber/Throbber.tsx | 2 +- .../fuselage/src/components/Tile/Tile.tsx | 2 +- .../src/components/ToastBar/ToastBar.spec.tsx | 4 +- .../ToggleSwitch/ToggleSwitch.spec.tsx | 4 +- .../components/ToggleSwitch/ToggleSwitch.tsx | 2 +- .../src/components/Tooltip/Tooltip.tsx | 2 +- .../src/components/UrlInput/UrlInput.tsx | 2 +- packages/fuselage/src/getPaletteColor.ts | 4 +- .../fuselage/src/helpers/WithErrorWrapper.tsx | 2 +- .../fuselage/src/helpers/appendClassName.ts | 2 +- .../fuselage/src/helpers/isForwardRefType.ts | 2 +- .../fuselage/src/helpers/patchChildren.ts | 2 +- .../fuselage/src/helpers/prependClassName.ts | 4 +- packages/fuselage/src/helpers/shallowEqual.ts | 4 +- packages/fuselage/src/helpers/toCSSValue.ts | 2 +- .../src/hooks/useArrayLikeClassNameProp.ts | 12 +- .../fuselage/src/hooks/useBoxOnlyProps.ts | 13 +- packages/fuselage/src/styleTokens.ts | 12 +- .../fuselage/src/styles/mixins/elevation.scss | 3 +- .../styles/primitives/traits/rich-text.scss | 3 +- packages/fuselage/src/testing.ts | 6 +- packages/layout/.storybook/DocsContainer.tsx | 2 +- packages/layout/src/ActionLink.tsx | 2 +- .../src/BackgroundLayer/BackgroundLayer.tsx | 6 +- packages/layout/src/FormPageLayout/Form.tsx | 2 +- .../FormPageLayout/FormPageLayout.styles.tsx | 2 +- .../HorizontalWizardLayout.tsx | 6 +- packages/layout/src/Link.tsx | 2 +- packages/layout/src/List/List.styles.tsx | 2 +- .../src/ManageWorkspaceFallback.spec.tsx | 2 +- packages/layout/src/TooltipWrapper.tsx | 8 +- .../layout/src/helpers/tokenFontFamilies.ts | 2 +- packages/memo/src/memoize.ts | 6 +- packages/mp3-encoder/src/index.ts | 2 +- packages/mp3-encoder/src/lame/BitStream.ts | 31 ++--- .../src/lame/CBRNewIterationLoop.ts | 10 +- packages/mp3-encoder/src/lame/Encoder.ts | 12 +- packages/mp3-encoder/src/lame/FFT.ts | 4 +- packages/mp3-encoder/src/lame/GainAnalysis.ts | 46 +++---- packages/mp3-encoder/src/lame/IIISideInfo.ts | 2 +- packages/mp3-encoder/src/lame/Lame.ts | 80 ++++++------ .../mp3-encoder/src/lame/LameInternalFlags.ts | 10 +- .../mp3-encoder/src/lame/Mp3Encoder.spec.ts | 6 +- packages/mp3-encoder/src/lame/Mp3Encoder.ts | 4 +- packages/mp3-encoder/src/lame/PsyModel.ts | 112 ++++++++--------- packages/mp3-encoder/src/lame/Quantize.ts | 34 ++--- packages/mp3-encoder/src/lame/QuantizePVT.ts | 4 +- packages/mp3-encoder/src/lame/ReplayGain.ts | 8 +- packages/mp3-encoder/src/lame/Reservoir.ts | 2 +- packages/mp3-encoder/src/lame/ScaleFac.ts | 4 +- packages/mp3-encoder/src/lame/Takehiro.ts | 48 ++++---- packages/mp3-encoder/src/lame/VBRTag.ts | 2 +- packages/mp3-encoder/src/lame/WavHeader.ts | 2 +- packages/mp3-encoder/src/lame/arrays.ts | 4 +- packages/mp3-encoder/src/lame/assert.ts | 2 +- packages/mp3-encoder/src/lame/bitrates.ts | 6 +- .../.storybook/DocsContainer.tsx | 2 +- .../SelfHostedRegistration.stories.tsx | 6 +- .../src/flows/SelfHostedRegistration/mocks.ts | 2 +- .../AdminInfoForm/AdminInfoForm.spec.tsx | 2 +- .../src/forms/AdminInfoForm/AdminInfoForm.tsx | 8 +- .../AwaitConfirmationForm.spec.tsx | 2 +- .../AwaitConfirmationForm.stories.tsx | 2 +- .../CreateCloudWorkspaceForm.tsx | 6 +- .../WorkspaceUrlInput.tsx | 2 +- .../CreateFirstMemberForm.stories.tsx | 2 +- .../CreateNewPassword.spec.tsx | 2 +- .../CreateNewPassword/CreateNewPassword.tsx | 4 +- .../src/forms/LoginForm/LoginForm.spec.tsx | 2 +- .../NewAccountForm/NewAccountForm.spec.tsx | 2 +- .../OrganizationInfoForm.spec.tsx | 2 +- .../OrganizationInfoForm.stories.tsx | 4 +- .../OrganizationInfoForm.tsx | 8 +- .../RegisterOfflineForm.spec.tsx | 2 +- .../RegisterOfflineForm.stories.tsx | 2 +- .../RegisterServerForm.spec.tsx | 2 +- .../RegisterServerForm.stories.tsx | 4 +- .../RegisterServerForm/RegisterServerForm.tsx | 2 +- .../RequestTrialForm.stories.tsx | 2 +- .../RequestTrialForm/RequestTrialForm.tsx | 8 +- .../ResetPasswordForm.spec.tsx | 2 +- .../ResetPasswordForm/ResetPasswordForm.tsx | 2 +- .../src/forms/TotpForm/TotpForm.spec.tsx | 2 +- .../AwaitingConfirmationPage.spec.tsx | 2 +- .../CheckYourEmailPage.spec.tsx | 2 +- .../CheckYourEmailPage.stories.tsx | 2 +- .../CreateCloudWorkspacePage.tsx | 2 +- .../CreateCloudWorkspacePage/Description.tsx | 4 +- .../CreateFirstMemberPage.stories.tsx | 2 +- .../CreateFirstMemberPage.tsx | 2 +- .../CreateNewAccountPage.spec.tsx | 2 +- .../CreateNewAccountPage.stories.tsx | 2 +- .../CreateNewPasswordPage.spec.tsx | 2 +- .../CreateNewPasswordPage.stories.tsx | 2 +- .../src/pages/LoaderPage/LoaderPage.spec.tsx | 2 +- .../LoginLinkEmailPage.spec.tsx | 2 +- .../LoginLinkEmailPage.stories.tsx | 2 +- .../src/pages/LoginPage/LoginPage.spec.tsx | 2 +- .../OauthAuthorizationPage.spec.tsx | 2 +- .../OauthAuthorizationPage.stories.tsx | 2 +- .../OrganizationInfoPage.stories.tsx | 4 +- .../pages/RedirectPage/RedirectPage.spec.tsx | 2 +- .../RegisterOfflinePage.spec.tsx | 2 +- .../RegisterOfflinePage.stories.tsx | 2 +- .../RegisterServerPage.spec.tsx | 2 +- .../RegisterServerPage.stories.tsx | 4 +- .../pages/RequestTrialPage/Description.tsx | 4 +- .../RequestTrialPage.stories.tsx | 2 +- .../ResetPasswordPage.spec.tsx | 2 +- .../SomethingWentWrongPage.stories.tsx | 2 +- packages/peggy-loader/src/index.ts | 2 +- .../string-helpers/src/escapeHTML.spec.ts | 4 +- packages/string-helpers/src/escapeHTML.ts | 4 +- .../string-helpers/src/escapeRegExp.spec.ts | 38 +++--- .../string-helpers/src/unescapeHTML.spec.ts | 12 +- packages/string-helpers/src/unescapeHTML.ts | 2 +- packages/styled/src/styled.spec.ts | 4 +- packages/styled/src/styled.ts | 18 +-- .../src/elements.ts | 4 +- .../src/middleware.ts | 4 +- .../src/operations.ts | 42 +++---- tools/build-logo/index.mjs | 4 +- tools/scripts/src/resolve-workspace-deps.ts | 16 +-- 364 files changed, 1063 insertions(+), 1049 deletions(-) diff --git a/packages/css-in-js/src/sheet.ts b/packages/css-in-js/src/sheet.ts index e535138380..28de92efe4 100644 --- a/packages/css-in-js/src/sheet.ts +++ b/packages/css-in-js/src/sheet.ts @@ -30,7 +30,7 @@ const getStyleSheet = (): CSSStyleSheet => { const _styleSheet = styleTag.sheet || Array.from(document.styleSheets).find( - ({ ownerNode }) => ownerNode === styleTag + ({ ownerNode }) => ownerNode === styleTag, ); if (!_styleSheet) { @@ -60,14 +60,14 @@ const attachRulesIntoStyleSheet: RuleAttacher = (rules) => { const styleSheet = getStyleSheet(); const index = styleSheet.insertRule( `@media all{${rules}}`, - styleSheet.cssRules.length + styleSheet.cssRules.length, ); const insertedRule = styleSheet.cssRules[index]; return () => { const index = Array.prototype.findIndex.call( styleSheet.cssRules, - (cssRule: CSSRule): boolean => cssRule === insertedRule + (cssRule: CSSRule): boolean => cssRule === insertedRule, ); styleSheet.deleteRule(index); }; diff --git a/packages/css-in-js/src/tags.spec.ts b/packages/css-in-js/src/tags.spec.ts index 9b691064a2..3882363adf 100644 --- a/packages/css-in-js/src/tags.spec.ts +++ b/packages/css-in-js/src/tags.spec.ts @@ -15,7 +15,7 @@ describe('tags', () => { expect( css` color: red; - `() + `(), ).toBe('color: red;'); }); @@ -23,12 +23,12 @@ describe('tags', () => { expect( css` border: ${0}; - `() + `(), ).toBe('border: 0;'); expect( css` color: ${'red'}; - `() + `(), ).toBe('color: red;'); }); @@ -36,7 +36,7 @@ describe('tags', () => { expect( css` border: ${['1', 'px']}; - `() + `(), ).toBe('border: 1px;'); }); @@ -44,7 +44,7 @@ describe('tags', () => { expect( css` color: ${false} ${undefined} ${null}; - `() + `(), ).toBe('color: ;'); }); @@ -52,7 +52,7 @@ describe('tags', () => { expect( css` color: ${(): string => 'red'}; - `() + `(), ).toBe('color: red;'); }); @@ -60,7 +60,7 @@ describe('tags', () => { expect( css` color: ${(colorValue: string): string => colorValue}; - `('red') + `('red'), ).toBe('color: red;'); }); @@ -68,7 +68,7 @@ describe('tags', () => { expect( css` color: ${css`red`}; - `() + `(), ).toBe('color: red;'); }); @@ -83,11 +83,11 @@ describe('tags', () => { opacity: 1; } `}; - `() + `(), ).toEqual( expect.stringMatching( - /^animation-name: rcx-css-([0-9a-z]+);@keyframes rcx-css-\1{/ - ) + /^animation-name: rcx-css-([0-9a-z]+);@keyframes rcx-css-\1{/, + ), ); }); @@ -117,7 +117,7 @@ describe('tags', () => { const escapedAnimationName = keyframes` from { opacity: 0; } `(); expect(freeContext()).toBe( - `@keyframes ${escapedAnimationName}{from { opacity: 0; }}` + `@keyframes ${escapedAnimationName}{from { opacity: 0; }}`, ); }); @@ -127,7 +127,7 @@ describe('tags', () => { const escapedAnimationName = keyframes`from { opacity: ${0}; }`(); expect(freeContext()).toBe( - `@keyframes ${escapedAnimationName}{from { opacity: 0; }}` + `@keyframes ${escapedAnimationName}{from { opacity: 0; }}`, ); }); @@ -138,7 +138,7 @@ describe('tags', () => { keyframes`from { opacity: ${false} ${undefined} ${null}; }`(); expect(freeContext()).toBe( - `@keyframes ${escapedAnimationName}{from { opacity: ; }}` + `@keyframes ${escapedAnimationName}{from { opacity: ; }}`, ); }); @@ -148,7 +148,7 @@ describe('tags', () => { const escapedAnimationName = keyframes`from { opacity: ${() => 0}; }`(); expect(freeContext()).toBe( - `@keyframes ${escapedAnimationName}{from { opacity: 0; }}` + `@keyframes ${escapedAnimationName}{from { opacity: 0; }}`, ); }); @@ -156,11 +156,11 @@ describe('tags', () => { const [, freeContext] = holdContext(); const escapedAnimationName = keyframes`from { opacity: ${( - opacityValue: number + opacityValue: number, ) => opacityValue}; }`(0.5); expect(freeContext()).toBe( - `@keyframes ${escapedAnimationName}{from { opacity: 0.5; }}` + `@keyframes ${escapedAnimationName}{from { opacity: 0.5; }}`, ); }); @@ -172,7 +172,7 @@ describe('tags', () => { `} }`(); expect(freeContext()).toBe( - `@keyframes ${escapedAnimationName}{from { opacity: 0; }}` + `@keyframes ${escapedAnimationName}{from { opacity: 0; }}`, ); }); diff --git a/packages/css-in-js/src/tags.ts b/packages/css-in-js/src/tags.ts index 7ed6162d88..eb9ea9beb3 100644 --- a/packages/css-in-js/src/tags.ts +++ b/packages/css-in-js/src/tags.ts @@ -44,7 +44,8 @@ type Evaluable = (...args: T) => string; const isEvaluable = (x: unknown): x is Evaluable => typeof x === 'function'; const staticEvaluable = memoize( - (content: string): T => Object.freeze(() => content) as T + (content: string): T => + Object.freeze(() => content) as T, ); export type cssFn = Evaluable; @@ -69,12 +70,12 @@ const evaluateValue = (value: unknown, args: readonly unknown[]): string => { const reduceEvaluable = ( [first, ...rest]: readonly string[], values: readonly unknown[], - args: readonly unknown[] + args: readonly unknown[], ): string => values .reduce( (string, value, i) => string + evaluateValue(value, args) + rest[i], - first + first, ) .trim(); diff --git a/packages/css-in-js/src/transpile.spec.ts b/packages/css-in-js/src/transpile.spec.ts index 6aef320060..6a1444d34a 100644 --- a/packages/css-in-js/src/transpile.spec.ts +++ b/packages/css-in-js/src/transpile.spec.ts @@ -6,7 +6,7 @@ it('transpiles simple properties', () => { it('transpiles with vendor prefixing', () => { expect(transpile('div', 'display: flex;')).toMatch( - 'div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}' + 'div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}', ); }); @@ -28,12 +28,12 @@ const isSupported = (vendorPrefixedProperty?: string) => (property: string) => `${property}: inherit;`, createTranspileMiddleware({ isPropertySupported: (p: string) => p === property, - }) - ) + }), + ), ).toMatch( vendorPrefixedProperty ? `div{${vendorPrefixedProperty}:inherit;${property}:inherit;}` - : `div{${property}:inherit;}` + : `div{${property}:inherit;}`, ); }); @@ -47,10 +47,10 @@ const fallbacksTo = `${property}: inherit;`, createTranspileMiddleware({ isPropertySupported: (p) => properties.includes(p), - }) - ) + }), + ), ).toMatch( - `div{${properties.map((property) => `${property}:inherit;`).join('')}}` + `div{${properties.map((property) => `${property}:inherit;`).join('')}}`, ); }); @@ -74,8 +74,8 @@ const fallbacksWithDirectionTo = `${property}: inherit;`, createTranspileMiddleware({ isPropertySupported: (p) => properties.includes(p), - }) - ) + }), + ), ).toMatch(expected); }); }; @@ -91,10 +91,10 @@ const supportsLogicalValues = () => (property: string) => createTranspileMiddleware({ isPropertyValueSupported: (p, v) => p === property && v === logicalValue, - }) - ) + }), + ), ).toMatch(`div{${property}:${logicalValue};}`); - } + }, ); const fallbacksLogicalValues = () => (property: string) => @@ -107,136 +107,136 @@ const fallbacksLogicalValues = () => (property: string) => 'fallbacks %s value to %s and %s', (logicalValue: string, ltrValue: string, rtlValue: string) => { expect(transpile('div', `${property}: ${logicalValue};`)).toMatch( - `[dir=rtl] div{${property}:${rtlValue};}div{${property}:${ltrValue};}` + `[dir=rtl] div{${property}:${rtlValue};}div{${property}:${ltrValue};}`, ); - } + }, ); property( 'border-start-start-radius', isSupported(), - fallbacksWithDirectionTo('border-top-left-radius', 'border-top-right-radius') + fallbacksWithDirectionTo('border-top-left-radius', 'border-top-right-radius'), ); property( 'border-start-end-radius', isSupported(), - fallbacksWithDirectionTo('border-top-right-radius', 'border-top-left-radius') + fallbacksWithDirectionTo('border-top-right-radius', 'border-top-left-radius'), ); property( 'border-end-start-radius', isSupported(), fallbacksWithDirectionTo( 'border-bottom-left-radius', - 'border-bottom-right-radius' - ) + 'border-bottom-right-radius', + ), ); property( 'border-end-end-radius', isSupported(), fallbacksWithDirectionTo( 'border-bottom-right-radius', - 'border-bottom-left-radius' - ) + 'border-bottom-left-radius', + ), ); property( 'inset-inline-start', isSupported(), - fallbacksWithDirectionTo('left', 'right') + fallbacksWithDirectionTo('left', 'right'), ); property( 'inset-inline-end', isSupported(), - fallbacksWithDirectionTo('right', 'left') + fallbacksWithDirectionTo('right', 'left'), ); property( 'border-inline-start', isSupported(), - fallbacksWithDirectionTo('border-left', 'border-right') + fallbacksWithDirectionTo('border-left', 'border-right'), ); property( 'border-inline-end', isSupported(), - fallbacksWithDirectionTo('border-right', 'border-left') + fallbacksWithDirectionTo('border-right', 'border-left'), ); property( 'border-inline-start-width', isSupported(), - fallbacksWithDirectionTo('border-left-width', 'border-right-width') + fallbacksWithDirectionTo('border-left-width', 'border-right-width'), ); property( 'border-inline-end-width', isSupported(), - fallbacksWithDirectionTo('border-right-width', 'border-left-width') + fallbacksWithDirectionTo('border-right-width', 'border-left-width'), ); property( 'border-inline-start-style', isSupported(), - fallbacksWithDirectionTo('border-left-style', 'border-right-style') + fallbacksWithDirectionTo('border-left-style', 'border-right-style'), ); property( 'border-inline-end-style', isSupported(), - fallbacksWithDirectionTo('border-right-style', 'border-left-style') + fallbacksWithDirectionTo('border-right-style', 'border-left-style'), ); property( 'border-inline-start-color', isSupported(), - fallbacksWithDirectionTo('border-left-color', 'border-right-color') + fallbacksWithDirectionTo('border-left-color', 'border-right-color'), ); property( 'border-inline-end-color', isSupported(), - fallbacksWithDirectionTo('border-right-color', 'border-left-color') + fallbacksWithDirectionTo('border-right-color', 'border-left-color'), ); property( 'margin-inline-start', isSupported('-webkit-margin-start'), - fallbacksWithDirectionTo('margin-left', 'margin-right') + fallbacksWithDirectionTo('margin-left', 'margin-right'), ); property( 'margin-inline-end', isSupported('-webkit-margin-end'), - fallbacksWithDirectionTo('margin-right', 'margin-left') + fallbacksWithDirectionTo('margin-right', 'margin-left'), ); property( 'padding-inline-start', isSupported('-webkit-padding-start'), - fallbacksWithDirectionTo('padding-left', 'padding-right') + fallbacksWithDirectionTo('padding-left', 'padding-right'), ); property( 'padding-inline-end', isSupported('-webkit-padding-end'), - fallbacksWithDirectionTo('padding-right', 'padding-left') + fallbacksWithDirectionTo('padding-right', 'padding-left'), ); property( 'border-inline', isSupported(), fallbacksTo('border-inline-start', 'border-inline-end'), - fallbacksTo('border-left', 'border-right') + fallbacksTo('border-left', 'border-right'), ); property( 'border-inline-width', isSupported(), fallbacksTo('border-inline-start-width', 'border-inline-end-width'), - fallbacksTo('border-left-width', 'border-right-width') + fallbacksTo('border-left-width', 'border-right-width'), ); property( 'border-inline-style', isSupported(), fallbacksTo('border-inline-start-style', 'border-inline-end-style'), - fallbacksTo('border-left-style', 'border-right-style') + fallbacksTo('border-left-style', 'border-right-style'), ); property( 'border-inline-color', isSupported(), fallbacksTo('border-inline-start-color', 'border-inline-end-color'), - fallbacksTo('border-left-color', 'border-right-color') + fallbacksTo('border-left-color', 'border-right-color'), ); property( 'inset-inline', isSupported(), fallbacksTo('inset-inline-start', 'inset-inline-end'), - fallbacksTo('left', 'right') + fallbacksTo('left', 'right'), ); property( 'margin-inline', @@ -245,9 +245,9 @@ property( '-webkit-margin-start', 'margin-inline-start', '-webkit-margin-end', - 'margin-inline-end' + 'margin-inline-end', ), - fallbacksTo('margin-left', 'margin-right') + fallbacksTo('margin-left', 'margin-right'), ); property( 'padding-inline', @@ -256,41 +256,41 @@ property( '-webkit-padding-start', 'padding-inline-start', '-webkit-padding-end', - 'padding-inline-end' + 'padding-inline-end', ), - fallbacksTo('padding-left', 'padding-right') + fallbacksTo('padding-left', 'padding-right'), ); property('border-block-start', isSupported(), fallbacksTo('border-top')); property('border-block-end', isSupported(), fallbacksTo('border-bottom')); property( 'border-block-start-width', isSupported(), - fallbacksTo('border-top-width') + fallbacksTo('border-top-width'), ); property( 'border-block-end-width', isSupported(), - fallbacksTo('border-bottom-width') + fallbacksTo('border-bottom-width'), ); property( 'border-block-start-style', isSupported(), - fallbacksTo('border-top-style') + fallbacksTo('border-top-style'), ); property( 'border-block-end-style', isSupported(), - fallbacksTo('border-bottom-style') + fallbacksTo('border-bottom-style'), ); property( 'border-block-start-color', isSupported(), - fallbacksTo('border-top-color') + fallbacksTo('border-top-color'), ); property( 'border-block-end-color', isSupported(), - fallbacksTo('border-bottom-color') + fallbacksTo('border-bottom-color'), ); property('inset-block-start', isSupported(), fallbacksTo('top')); property('inset-block-end', isSupported(), fallbacksTo('bottom')); @@ -302,43 +302,43 @@ property( 'border-block', isSupported(), fallbacksTo('border-block-start', 'border-block-end'), - fallbacksTo('border-top', 'border-bottom') + fallbacksTo('border-top', 'border-bottom'), ); property( 'border-block-width', isSupported(), fallbacksTo('border-block-start-width', 'border-block-end-width'), - fallbacksTo('border-top-width', 'border-bottom-width') + fallbacksTo('border-top-width', 'border-bottom-width'), ); property( 'border-block-style', isSupported(), fallbacksTo('border-block-start-style', 'border-block-end-style'), - fallbacksTo('border-top-style', 'border-bottom-style') + fallbacksTo('border-top-style', 'border-bottom-style'), ); property( 'border-block-color', isSupported(), fallbacksTo('border-block-start-color', 'border-block-end-color'), - fallbacksTo('border-top-color', 'border-bottom-color') + fallbacksTo('border-top-color', 'border-bottom-color'), ); property( 'inset-block', isSupported(), fallbacksTo('inset-block-start', 'inset-block-end'), - fallbacksTo('top', 'bottom') + fallbacksTo('top', 'bottom'), ); property( 'margin-block', isSupported(), fallbacksTo('margin-block-start', 'margin-block-end'), - fallbacksTo('margin-top', 'margin-bottom') + fallbacksTo('margin-top', 'margin-bottom'), ); property( 'padding-block', isSupported(), fallbacksTo('padding-block-start', 'padding-block-end'), - fallbacksTo('padding-top', 'padding-bottom') + fallbacksTo('padding-top', 'padding-bottom'), ); property( 'inset', @@ -348,9 +348,9 @@ property( 'inset-inline-start', 'inset-inline-end', 'inset-block-start', - 'inset-block-end' + 'inset-block-end', ), - fallbacksWithDirectionTo('left', 'right', 'top', 'bottom') + fallbacksWithDirectionTo('left', 'right', 'top', 'bottom'), ); property('inline-size', isSupported(), fallbacksTo('width')); property('min-inline-size', isSupported(), fallbacksTo('min-width')); diff --git a/packages/css-in-js/src/transpile.ts b/packages/css-in-js/src/transpile.ts index cba07780f7..408284ec21 100644 --- a/packages/css-in-js/src/transpile.ts +++ b/packages/css-in-js/src/transpile.ts @@ -8,7 +8,7 @@ type MiddlewareOptions = { }; export const createTranspileMiddleware = ( - options: MiddlewareOptions = {} + options: MiddlewareOptions = {}, ): Middleware => middleware([createLogicalPropertiesMiddleware(options), prefixer, stringify]); @@ -20,5 +20,5 @@ const defaultMiddleware = createTranspileMiddleware(); export const transpile = ( selector: string, content: string, - middleware: Middleware = defaultMiddleware + middleware: Middleware = defaultMiddleware, ): string => serialize(compile(`${selector}{${content}}`), middleware); diff --git a/packages/emitter/src/index.ts b/packages/emitter/src/index.ts index 618db92d7d..5517bb1052 100644 --- a/packages/emitter/src/index.ts +++ b/packages/emitter/src/index.ts @@ -18,7 +18,7 @@ export type AnyEventHandlerOf = { /** @public */ export type EventTypeOf< EventMap extends DefaultEventMap, - EventValue extends EventMap[keyof EventMap] + EventValue extends EventMap[keyof EventMap], > = { [EventType in keyof EventMap]: EventMap[EventType] extends EventValue ? EventType @@ -28,13 +28,13 @@ export type EventTypeOf< /** @public */ export type EventOf< EventMap extends DefaultEventMap, - EventType extends AnyEventTypeOf + EventType extends AnyEventTypeOf, > = EventMap[EventType] extends void ? never : EventMap[EventType]; /** @public */ export type EventHandlerOf< EventMap extends DefaultEventMap, - EventType extends AnyEventTypeOf + EventType extends AnyEventTypeOf, > = EventMap[EventType] extends void ? () => void : (event: EventMap[EventType]) => void; @@ -46,28 +46,28 @@ export type OffCallbackHandler = () => void; export interface IEmitter { on< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >( type: EventType, - handler: EventHandlerOf + handler: EventHandlerOf, ): OffCallbackHandler; once< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >( type: EventType, - handler: EventHandlerOf + handler: EventHandlerOf, ): OffCallbackHandler; off< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >( type: EventType, - handler: EventHandlerOf + handler: EventHandlerOf, ): void; emit< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >( type: EventType, ...[event]: EventOf extends void @@ -117,7 +117,7 @@ export class Emitter */ on< T extends AnyEventOf, - TType extends AnyEventTypeOf = EventTypeOf + TType extends AnyEventTypeOf = EventTypeOf, >(type: TType, handler: EventHandlerOf): OffCallbackHandler; on(type: keyof EventMap, handler: (...args: any[]) => void) { @@ -134,10 +134,10 @@ export class Emitter */ once< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >( type: EventType, - handler: EventHandlerOf + handler: EventHandlerOf, ): OffCallbackHandler; once(type: keyof EventMap, handler: (...args: any[]) => void) { @@ -151,7 +151,7 @@ export class Emitter */ off< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >(type: EventType, handler: EventHandlerOf): void; off(type: keyof EventMap, handler: (...args: any[]) => void) { @@ -169,7 +169,7 @@ export class Emitter handlers.splice( handlers.findIndex((callback) => callback === handler) >>> 0, - 1 + 1, ); if (handlers.length === 0) { @@ -183,7 +183,7 @@ export class Emitter */ emit< T extends AnyEventOf, - EventType extends AnyEventTypeOf = EventTypeOf + EventType extends AnyEventTypeOf = EventTypeOf, >( type: EventType, ...[event]: EventOf extends void diff --git a/packages/fuselage-hooks/src/extractSizeFromObserver.ts b/packages/fuselage-hooks/src/extractSizeFromObserver.ts index 54f37cf04b..e79ca43d9d 100644 --- a/packages/fuselage-hooks/src/extractSizeFromObserver.ts +++ b/packages/fuselage-hooks/src/extractSizeFromObserver.ts @@ -2,7 +2,7 @@ type ObserverSizeProperty = 'contentBoxSize' | 'borderBoxSize'; export const extractSizeFromObserver = ( entry: ResizeObserverEntry, - sizeProperty: ObserverSizeProperty + sizeProperty: ObserverSizeProperty, ): ResizeObserverSize => { // In case we're dealing with Safari, 'contentBoxSize' // && 'borderBoxSize' do not exist up to this point. @@ -39,9 +39,9 @@ export const extractSizeFromObserver = ( }; export const extractContentBoxSizeFromObserver = ( - entry: ResizeObserverEntry + entry: ResizeObserverEntry, ): ResizeObserverSize => extractSizeFromObserver(entry, 'contentBoxSize'); export const extractBorderBoxSizeFromObserver = ( - entry: ResizeObserverEntry + entry: ResizeObserverEntry, ): ResizeObserverSize => extractSizeFromObserver(entry, 'borderBoxSize'); diff --git a/packages/fuselage-hooks/src/useAutoFocus.ts b/packages/fuselage-hooks/src/useAutoFocus.ts index e9f86b977c..90ea6c808b 100644 --- a/packages/fuselage-hooks/src/useAutoFocus.ts +++ b/packages/fuselage-hooks/src/useAutoFocus.ts @@ -11,10 +11,10 @@ import { useEffect, useRef } from 'react'; * @deprecated in favor of focus provided by react-hook-form */ export const useAutoFocus = < - T extends { focus: (options?: FocusOptions) => void } + T extends { focus: (options?: FocusOptions) => void }, >( isFocused = true, - options?: FocusOptions + options?: FocusOptions, ): Ref => { const elementRef = useRef(null); diff --git a/packages/fuselage-hooks/src/useBorderBoxSize.spec.ts b/packages/fuselage-hooks/src/useBorderBoxSize.spec.ts index d335cbadde..45241437b0 100644 --- a/packages/fuselage-hooks/src/useBorderBoxSize.spec.ts +++ b/packages/fuselage-hooks/src/useBorderBoxSize.spec.ts @@ -74,7 +74,7 @@ it('debounces the observed element size', async () => { const delay = 2 * halfDelay; const { result } = renderHook(() => - useBorderBoxSize(wrapRef(useRef(null)), { debounceDelay: delay }) + useBorderBoxSize(wrapRef(useRef(null)), { debounceDelay: delay }), ); // triggers MutationObserver diff --git a/packages/fuselage-hooks/src/useBorderBoxSize.ts b/packages/fuselage-hooks/src/useBorderBoxSize.ts index 01bda6d36a..028e0e15ad 100644 --- a/packages/fuselage-hooks/src/useBorderBoxSize.ts +++ b/packages/fuselage-hooks/src/useBorderBoxSize.ts @@ -11,7 +11,7 @@ export const useBorderBoxSize = ( debounceDelay = 0, }: { debounceDelay?: number; - } = {} + } = {}, ): Readonly<{ inlineSize: number; blockSize: number; diff --git a/packages/fuselage-hooks/src/useBreakpoints.spec.ts b/packages/fuselage-hooks/src/useBreakpoints.spec.ts index 0880c3dacf..f1b04f2bd9 100644 --- a/packages/fuselage-hooks/src/useBreakpoints.spec.ts +++ b/packages/fuselage-hooks/src/useBreakpoints.spec.ts @@ -25,7 +25,7 @@ it('returns matching breakpoint names', async () => { const { result } = renderHook(() => useBreakpoints()); expect(result.current).toEqual( - initialBreakpoints.map((breakpoint) => breakpoint.name) + initialBreakpoints.map((breakpoint) => breakpoint.name), ); await act(async () => { @@ -37,6 +37,6 @@ it('returns matching breakpoint names', async () => { }); expect(result.current).toStrictEqual( - finalBreakpoints.map((breakpoint) => breakpoint.name) + finalBreakpoints.map((breakpoint) => breakpoint.name), ); }); diff --git a/packages/fuselage-hooks/src/useBreakpoints.ts b/packages/fuselage-hooks/src/useBreakpoints.ts index 02d75f384e..29aba7a852 100644 --- a/packages/fuselage-hooks/src/useBreakpoints.ts +++ b/packages/fuselage-hooks/src/useBreakpoints.ts @@ -21,10 +21,10 @@ export const useBreakpoints = (unit: 'px' | 'em' = 'em'): string[] => { unit === 'px' ? `${breakpoint.minViewportWidth}px` : `${breakpoint.minViewportWidth! / 16}em` - })` + })`, ), - [unit] - ) + [unit], + ), ); return useMemo( @@ -37,8 +37,8 @@ export const useBreakpoints = (unit: 'px' | 'em' = 'em'): string[] => { return names; }, - [breakpointsDefinitions[0].name] + [breakpointsDefinitions[0].name], ), - [matches] + [matches], ); }; diff --git a/packages/fuselage-hooks/src/useClipboard.spec.ts b/packages/fuselage-hooks/src/useClipboard.spec.ts index b6d1cefc5f..d501ce0e44 100644 --- a/packages/fuselage-hooks/src/useClipboard.spec.ts +++ b/packages/fuselage-hooks/src/useClipboard.spec.ts @@ -46,7 +46,7 @@ it('reverts hasCopied to false', async () => { const delay = 2 * halfDelay; const { result } = renderHook(() => - useClipboard('Lorem Ipsum', { clearTime: delay }) + useClipboard('Lorem Ipsum', { clearTime: delay }), ); await act(async () => { @@ -77,7 +77,7 @@ it('runs only success function receiving event object', async () => { useClipboard('Lorem Ipsum', { onCopySuccess, onCopyError, - }) + }), ); const event = new MouseEvent('click'); @@ -102,7 +102,7 @@ it('runs only error function receiving error object', async () => { useClipboard('Lorem Ipsum', { onCopySuccess, onCopyError, - }) + }), ); const event = new MouseEvent('click'); diff --git a/packages/fuselage-hooks/src/useClipboard.ts b/packages/fuselage-hooks/src/useClipboard.ts index 2231fdd108..cc9636b7ac 100644 --- a/packages/fuselage-hooks/src/useClipboard.ts +++ b/packages/fuselage-hooks/src/useClipboard.ts @@ -25,7 +25,7 @@ export const useClipboard = ( clearTime = 2000, onCopySuccess = (): void => undefined, onCopyError = (): void => undefined, - }: UseClipboardParams = {} + }: UseClipboardParams = {}, ): UseClipboardReturn => { const [hasCopied, setHasCopied] = useState(false); diff --git a/packages/fuselage-hooks/src/useContentBoxSize.spec.ts b/packages/fuselage-hooks/src/useContentBoxSize.spec.ts index 599bb66287..e7a4a6fb92 100644 --- a/packages/fuselage-hooks/src/useContentBoxSize.spec.ts +++ b/packages/fuselage-hooks/src/useContentBoxSize.spec.ts @@ -74,7 +74,7 @@ it('debounces the observed element size', async () => { const delay = 2 * halfDelay; const { result } = renderHook(() => - useContentBoxSize(wrapRef(useRef(null)), { debounceDelay: delay }) + useContentBoxSize(wrapRef(useRef(null)), { debounceDelay: delay }), ); // triggers MutationObserver diff --git a/packages/fuselage-hooks/src/useContentBoxSize.ts b/packages/fuselage-hooks/src/useContentBoxSize.ts index b16f63601d..809ab0ddf5 100644 --- a/packages/fuselage-hooks/src/useContentBoxSize.ts +++ b/packages/fuselage-hooks/src/useContentBoxSize.ts @@ -11,7 +11,7 @@ export const useContentBoxSize = ( debounceDelay = 0, }: { debounceDelay?: number; - } = {} + } = {}, ): Readonly<{ inlineSize: number; blockSize: number; diff --git a/packages/fuselage-hooks/src/useDebouncedCallback.spec.ts b/packages/fuselage-hooks/src/useDebouncedCallback.spec.ts index 7aa29099d3..81244f3674 100644 --- a/packages/fuselage-hooks/src/useDebouncedCallback.spec.ts +++ b/packages/fuselage-hooks/src/useDebouncedCallback.spec.ts @@ -33,7 +33,7 @@ it('returns a debounced callback', () => { it("returns the same callback if deps don't change", () => { const delay = 100; const { result, rerender } = renderHook(() => - useDebouncedCallback(() => undefined, delay, []) + useDebouncedCallback(() => undefined, delay, []), ); const initialCallback = result.current; diff --git a/packages/fuselage-hooks/src/useDebouncedCallback.ts b/packages/fuselage-hooks/src/useDebouncedCallback.ts index 7313e0c5cb..c97ed16de6 100644 --- a/packages/fuselage-hooks/src/useDebouncedCallback.ts +++ b/packages/fuselage-hooks/src/useDebouncedCallback.ts @@ -13,7 +13,7 @@ import { useMemo, useCallback, useRef, useEffect } from 'react'; export const useDebouncedCallback =

( callback: (...args: P) => unknown, delay: number, - deps?: DependencyList + deps?: DependencyList, ): ((...args: P) => unknown) & { flush: () => void; cancel: () => void; @@ -32,7 +32,7 @@ export const useDebouncedCallback =

( clearTimeout(timerRef.current); timerRef.current = setTimeout(timerCallbackRef.current, delay); }, - [effectiveCallback, delay] + [effectiveCallback, delay], ); const flush = useCallback(() => { @@ -48,11 +48,11 @@ export const useDebouncedCallback =

( () => () => { cancel(); }, - [cancel] + [cancel], ); return useMemo( () => Object.assign(debouncedCallback, { flush, cancel }), - [debouncedCallback, flush, cancel] + [debouncedCallback, flush, cancel], ); }; diff --git a/packages/fuselage-hooks/src/useDebouncedReducer.spec.ts b/packages/fuselage-hooks/src/useDebouncedReducer.spec.ts index a8624d9711..33eec935e6 100644 --- a/packages/fuselage-hooks/src/useDebouncedReducer.spec.ts +++ b/packages/fuselage-hooks/src/useDebouncedReducer.spec.ts @@ -16,7 +16,7 @@ it('is a debounced state updater', () => { const init = jest.fn((state) => state); const { result } = renderHook(() => - useDebouncedReducer(reducer, initialArg, init, delay) + useDebouncedReducer(reducer, initialArg, init, delay), ); expect(result.current[0]).toBe(initialState); diff --git a/packages/fuselage-hooks/src/useDebouncedReducer.ts b/packages/fuselage-hooks/src/useDebouncedReducer.ts index 45095cf2c5..9ed3cb1cfb 100644 --- a/packages/fuselage-hooks/src/useDebouncedReducer.ts +++ b/packages/fuselage-hooks/src/useDebouncedReducer.ts @@ -25,13 +25,13 @@ export function useDebouncedReducer>( reducer: R, initialArg: S, init: undefined, - delay: number + delay: number, ): [ ReducerStateWithoutAction, DispatchWithoutAction & { flush: () => void; cancel: () => void; - } + }, ]; /** @@ -49,13 +49,13 @@ export function useDebouncedReducer, I>( reducer: R, initialArg: I, init: (arg: I) => ReducerStateWithoutAction, - delay: number + delay: number, ): [ ReducerStateWithoutAction, DispatchWithoutAction & { flush: () => void; cancel: () => void; - } + }, ]; // /** @@ -97,20 +97,20 @@ export function useDebouncedReducer, I>( reducer: R, initialArg: I, init: (arg: I) => ReducerState, - delay: number + delay: number, ): [ ReducerState, Dispatch & { flush: () => void; cancel: () => void; - } + }, ]; export function useDebouncedReducer( reducer: (prevState: unknown, action?: unknown) => unknown, initialArg: unknown, init: ((arg?: unknown) => unknown) | undefined, - delay: number + delay: number, ) { return useDebouncedUpdates( init !== undefined @@ -118,6 +118,6 @@ export function useDebouncedReducer( useReducer(reducer, initialArg, init) : // eslint-disable-next-line react-hooks/rules-of-hooks useReducer(reducer, initialArg), - delay + delay, ); } diff --git a/packages/fuselage-hooks/src/useDebouncedState.spec.ts b/packages/fuselage-hooks/src/useDebouncedState.spec.ts index 902f700392..d7ee11981b 100644 --- a/packages/fuselage-hooks/src/useDebouncedState.spec.ts +++ b/packages/fuselage-hooks/src/useDebouncedState.spec.ts @@ -13,7 +13,7 @@ it('is a debounced state updater', () => { const newState = Symbol('new'); const { result } = renderHook(() => - useDebouncedState(initialState, delay) + useDebouncedState(initialState, delay), ); expect(result.current[0]).toBe(initialState); diff --git a/packages/fuselage-hooks/src/useDebouncedState.ts b/packages/fuselage-hooks/src/useDebouncedState.ts index cf3063aa29..5554db78d4 100644 --- a/packages/fuselage-hooks/src/useDebouncedState.ts +++ b/packages/fuselage-hooks/src/useDebouncedState.ts @@ -14,13 +14,13 @@ import { useDebouncedUpdates } from './useDebouncedUpdates'; export function useDebouncedState( initialValue: S | (() => S), - delay: number + delay: number, ): [ S, Dispatch> & { flush: () => void; cancel: () => void; - } + }, ] { return useDebouncedUpdates(useState(initialValue), delay); } diff --git a/packages/fuselage-hooks/src/useDebouncedUpdates.spec.ts b/packages/fuselage-hooks/src/useDebouncedUpdates.spec.ts index f5b4671447..0314ba548c 100644 --- a/packages/fuselage-hooks/src/useDebouncedUpdates.spec.ts +++ b/packages/fuselage-hooks/src/useDebouncedUpdates.spec.ts @@ -14,7 +14,7 @@ it('returns a debounced state dispatcher', () => { const newState = Symbol('new'); const { result } = renderHook(() => - useDebouncedUpdates(useState(initialState), delay) + useDebouncedUpdates(useState(initialState), delay), ); const [, dispatch] = result.current; diff --git a/packages/fuselage-hooks/src/useDebouncedUpdates.ts b/packages/fuselage-hooks/src/useDebouncedUpdates.ts index 2fe5fd41c1..be2590a4b6 100644 --- a/packages/fuselage-hooks/src/useDebouncedUpdates.ts +++ b/packages/fuselage-hooks/src/useDebouncedUpdates.ts @@ -12,13 +12,13 @@ import { useDebouncedCallback } from './useDebouncedCallback'; */ export function useDebouncedUpdates( pair: [state: S, dispatch: DispatchWithoutAction], - delay: number + delay: number, ): [ S, DispatchWithoutAction & { flush: () => void; cancel: () => void; - } + }, ]; /** @@ -31,18 +31,18 @@ export function useDebouncedUpdates( */ export function useDebouncedUpdates( pair: [state: S, dispatch: Dispatch], - delay: number + delay: number, ): [ S, Dispatch & { flush: () => void; cancel: () => void; - } + }, ]; export function useDebouncedUpdates( [state, dispatch]: [state: unknown, dispatch: (action?: unknown) => void], - delay: number + delay: number, ) { return [state, useDebouncedCallback(dispatch, delay, [])]; } diff --git a/packages/fuselage-hooks/src/useEffectEvent.ts b/packages/fuselage-hooks/src/useEffectEvent.ts index aa0f5c61d1..bbe9f8a1b9 100644 --- a/packages/fuselage-hooks/src/useEffectEvent.ts +++ b/packages/fuselage-hooks/src/useEffectEvent.ts @@ -14,11 +14,11 @@ import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'; * @public */ export const useEffectEvent =

( - fn: (...args: P) => T + fn: (...args: P) => T, ): ((...args: P) => T) => { const fnRef = useRef(fn); const stableFnRef = useRef( - (...args: P): T => fnRef.current.call(undefined, ...args) + (...args: P): T => fnRef.current.call(undefined, ...args), ); useIsomorphicLayoutEffect(() => { diff --git a/packages/fuselage-hooks/src/useElementIsVisible.ts b/packages/fuselage-hooks/src/useElementIsVisible.ts index 1dccf2d6a7..f82ce59d9c 100644 --- a/packages/fuselage-hooks/src/useElementIsVisible.ts +++ b/packages/fuselage-hooks/src/useElementIsVisible.ts @@ -12,12 +12,12 @@ declare global { export const useElementIsVisible = (): [ ref: RefObject, - isVisible: boolean + isVisible: boolean, ] => { const innerRef = useRef(); const [menuVisibility, setMenuVisibility] = useSafely( - useDebouncedState(false, 100) + useDebouncedState(false, 100), ); const [observer] = useState( @@ -26,14 +26,14 @@ export const useElementIsVisible = (): [ entries.forEach((entry) => { setMenuVisibility(entry.isIntersecting); }); - }) + }), ); useEffect( () => () => { observer.disconnect(); }, - [observer] + [observer], ); const ref = useCallback( @@ -46,7 +46,7 @@ export const useElementIsVisible = (): [ observer.observe(innerRef.current); }, - [observer, setMenuVisibility] + [observer, setMenuVisibility], ) as unknown as RefObject; return [ref, menuVisibility]; diff --git a/packages/fuselage-hooks/src/useLocalStorage.server.spec.ts b/packages/fuselage-hooks/src/useLocalStorage.server.spec.ts index 2af606a84f..04411b7ef0 100644 --- a/packages/fuselage-hooks/src/useLocalStorage.server.spec.ts +++ b/packages/fuselage-hooks/src/useLocalStorage.server.spec.ts @@ -8,7 +8,7 @@ import { useLocalStorage } from './useStorage'; it('returns a default value', () => { const { result } = renderHook(() => - useLocalStorage('value-key', 'value-default') + useLocalStorage('value-key', 'value-default'), ); const [value] = result.current; diff --git a/packages/fuselage-hooks/src/useLocalStorage.spec.ts b/packages/fuselage-hooks/src/useLocalStorage.spec.ts index 08ef34a668..78773b29e9 100644 --- a/packages/fuselage-hooks/src/useLocalStorage.spec.ts +++ b/packages/fuselage-hooks/src/useLocalStorage.spec.ts @@ -4,7 +4,7 @@ import { useLocalStorage } from './useStorage'; it('returns a default value', () => { const { result } = renderHook(() => - useLocalStorage('value-key', 'value-default') + useLocalStorage('value-key', 'value-default'), ); const [value] = result.current; @@ -13,7 +13,7 @@ it('returns a default value', () => { it('returns a new value', () => { const { result } = renderHook(() => - useLocalStorage('value-key', 'value-default') + useLocalStorage('value-key', 'value-default'), ); const [, setValue] = result.current; diff --git a/packages/fuselage-hooks/src/useMediaQueries.spec.ts b/packages/fuselage-hooks/src/useMediaQueries.spec.ts index d86300c5ac..9f0d8acc72 100644 --- a/packages/fuselage-hooks/src/useMediaQueries.spec.ts +++ b/packages/fuselage-hooks/src/useMediaQueries.spec.ts @@ -13,7 +13,7 @@ it('returns empty array if no query is given', () => { it("returns false values if the media queries don't match", () => { const { result } = renderHook(() => - useMediaQueries('(max-width: 1024px)', '(max-width: 968px)') + useMediaQueries('(max-width: 1024px)', '(max-width: 968px)'), ); expect(result.current).toEqual([true, false]); @@ -23,7 +23,7 @@ it('returns true if the media query does match', () => { setViewport({ width: 968 }); const { result } = renderHook(() => - useMediaQueries('(max-width: 1024px)', '(max-width: 968px)') + useMediaQueries('(max-width: 1024px)', '(max-width: 968px)'), ); expect(result.current).toEqual([true, true]); @@ -31,7 +31,7 @@ it('returns true if the media query does match', () => { it('mutates its value to true if the media query matches', async () => { const { result } = renderHook(() => - useMediaQueries('(max-width: 1024px)', '(max-width: 968px)') + useMediaQueries('(max-width: 1024px)', '(max-width: 968px)'), ); expect(result.current).toEqual([true, false]); diff --git a/packages/fuselage-hooks/src/useMediaQueries.ts b/packages/fuselage-hooks/src/useMediaQueries.ts index 5f62192002..36c7803fa7 100644 --- a/packages/fuselage-hooks/src/useMediaQueries.ts +++ b/packages/fuselage-hooks/src/useMediaQueries.ts @@ -14,14 +14,14 @@ const createStore = (queries: string[]) => { const mediaQueryLists = queries.map((query) => window.matchMedia(query)); let snapshot = mediaQueryLists.map( - (mediaQueryList) => mediaQueryList.matches + (mediaQueryList) => mediaQueryList.matches, ); return [ (onStoreChange: () => void) => { const callback = () => { snapshot = mediaQueryLists.map( - (mediaQueryList) => mediaQueryList.matches + (mediaQueryList) => mediaQueryList.matches, ); onStoreChange(); }; @@ -61,7 +61,7 @@ export const useMediaQueries = (...queries: string[]): boolean[] => { const stableQueries = useStableArray(queries); const [subscribe, getSnapshot] = useMemo( () => createStore(stableQueries), - [stableQueries] + [stableQueries], ); return useSyncExternalStore(subscribe, getSnapshot); diff --git a/packages/fuselage-hooks/src/useMergedRefs.server.spec.ts b/packages/fuselage-hooks/src/useMergedRefs.server.spec.ts index a654ac8de0..c7bda5e315 100644 --- a/packages/fuselage-hooks/src/useMergedRefs.server.spec.ts +++ b/packages/fuselage-hooks/src/useMergedRefs.server.spec.ts @@ -66,6 +66,6 @@ it('works with refs and callback refs', () => { refs.forEach((ref) => expect(ref.current).toBe(value)); callbackRefs.forEach((callbackRef) => - expect(callbackRef).toHaveBeenCalledWith(value) + expect(callbackRef).toHaveBeenCalledWith(value), ); }); diff --git a/packages/fuselage-hooks/src/useMergedRefs.spec.ts b/packages/fuselage-hooks/src/useMergedRefs.spec.ts index 0c3a879dbc..8e10ee954b 100644 --- a/packages/fuselage-hooks/src/useMergedRefs.spec.ts +++ b/packages/fuselage-hooks/src/useMergedRefs.spec.ts @@ -62,6 +62,6 @@ it('works with refs and callback refs', () => { refs.forEach((ref) => expect(ref.current).toBe(value)); callbackRefs.forEach((callbackRef) => - expect(callbackRef).toHaveBeenCalledWith(value) + expect(callbackRef).toHaveBeenCalledWith(value), ); }); diff --git a/packages/fuselage-hooks/src/useOutsideClick.ts b/packages/fuselage-hooks/src/useOutsideClick.ts index 399a32e340..2b4e6f17d1 100644 --- a/packages/fuselage-hooks/src/useOutsideClick.ts +++ b/packages/fuselage-hooks/src/useOutsideClick.ts @@ -12,15 +12,15 @@ import { useEffectEvent } from './useEffectEvent'; export function useOutsideClick( elements: RefObject[], - cb: (e: MouseEvent) => void + cb: (e: MouseEvent) => void, ): void { const handleClickOutside = useEffectEvent(function handleClickOutside( - event: MouseEvent + event: MouseEvent, ): void { if ( elements.every( (ref) => - event && ref.current && !ref.current.contains(event.target as Node) + event && ref.current && !ref.current.contains(event.target as Node), ) ) return cb(event); diff --git a/packages/fuselage-hooks/src/usePosition/index.spec.ts b/packages/fuselage-hooks/src/usePosition/index.spec.ts index 3d87bbe562..e1f96c4884 100644 --- a/packages/fuselage-hooks/src/usePosition/index.spec.ts +++ b/packages/fuselage-hooks/src/usePosition/index.spec.ts @@ -18,7 +18,7 @@ describe('getPositionStyle function', () => { right: x + width, bottom: y + height, left: x, - } as DOMRect); + }) as DOMRect; it('returns a style for placement bottom-start', () => { const containerRect = createRect(0, 0, 1024, 1000); diff --git a/packages/fuselage-hooks/src/usePosition/index.ts b/packages/fuselage-hooks/src/usePosition/index.ts index 17ddbd4c3c..21c628632c 100644 --- a/packages/fuselage-hooks/src/usePosition/index.ts +++ b/packages/fuselage-hooks/src/usePosition/index.ts @@ -195,7 +195,7 @@ export function usePosition( margin = 8, placement = 'bottom-start', container = document.body, - }: UsePositionOptions = {} + }: UsePositionOptions = {}, ): UsePositionResult { const [style, setStyle] = useSafely(useState(emptyStyle)); @@ -243,10 +243,10 @@ export function usePosition( variantBoundaries, targetRect, margin, - }) + }), ); }), - UPDATE_DEBOUNCE_DELAY + UPDATE_DEBOUNCE_DELAY, ); useBoundingClientRectChanges(targetRef, handleBoundingClientRectChange); diff --git a/packages/fuselage-hooks/src/usePosition/useBoundingClientRectChanges.ts b/packages/fuselage-hooks/src/usePosition/useBoundingClientRectChanges.ts index 4eac04a161..792a2dbe45 100644 --- a/packages/fuselage-hooks/src/usePosition/useBoundingClientRectChanges.ts +++ b/packages/fuselage-hooks/src/usePosition/useBoundingClientRectChanges.ts @@ -15,7 +15,7 @@ function getAncestors(element: Element): Element[] { export function useBoundingClientRectChanges( ref: RefObject, - callback: () => void + callback: () => void, ): void { useEffect(() => { const element = ref.current; @@ -41,14 +41,14 @@ export function useBoundingClientRectChanges( const ancestors = getAncestors(element); ancestors.forEach((ancestor) => - ancestor.addEventListener('scroll', safeCallback, { passive: true }) + ancestor.addEventListener('scroll', safeCallback, { passive: true }), ); return () => { observer.disconnect(); window.removeEventListener('resize', safeCallback); ancestors.forEach((ancestor) => - ancestor.removeEventListener('scroll', safeCallback) + ancestor.removeEventListener('scroll', safeCallback), ); }; }, [callback, ref]); diff --git a/packages/fuselage-hooks/src/useResizeObserver.spec.ts b/packages/fuselage-hooks/src/useResizeObserver.spec.ts index 68d73f15fc..cca0c35353 100644 --- a/packages/fuselage-hooks/src/useResizeObserver.spec.ts +++ b/packages/fuselage-hooks/src/useResizeObserver.spec.ts @@ -112,7 +112,7 @@ it('debounces the observed element size', async () => { const delay = 2 * halfDelay; const { result } = renderHook(() => - wrapRef(useResizeObserver({ debounceDelay: delay })) + wrapRef(useResizeObserver({ debounceDelay: delay })), ); // triggers MutationObserver diff --git a/packages/fuselage-hooks/src/useResizeObserver.ts b/packages/fuselage-hooks/src/useResizeObserver.ts index 70bdd02865..6894d650b1 100644 --- a/packages/fuselage-hooks/src/useResizeObserver.ts +++ b/packages/fuselage-hooks/src/useResizeObserver.ts @@ -44,7 +44,7 @@ export const useResizeObserver = ({ blockSize: undefined, }, }, - debounceDelay + debounceDelay, ); useEffect(() => { diff --git a/packages/fuselage-hooks/src/useSafely.spec.ts b/packages/fuselage-hooks/src/useSafely.spec.ts index 6cca510e17..cee7ebdd03 100644 --- a/packages/fuselage-hooks/src/useSafely.spec.ts +++ b/packages/fuselage-hooks/src/useSafely.spec.ts @@ -36,7 +36,7 @@ it('returns a new dispatcher that mutates the state', () => { const newState = Symbol(); const { result } = renderHook(() => - useSafely(useState(initialState)) + useSafely(useState(initialState)), ); const [, newDispatcher] = result.current; diff --git a/packages/fuselage-hooks/src/useSafely.ts b/packages/fuselage-hooks/src/useSafely.ts index a460ba009f..5a4340cafc 100644 --- a/packages/fuselage-hooks/src/useSafely.ts +++ b/packages/fuselage-hooks/src/useSafely.ts @@ -16,17 +16,17 @@ export function useSafely>([ export function useSafely([state, dispatcher]: [ state: unknown, - dispatch: (action?: unknown) => void + dispatch: (action?: unknown) => void, ]) { const dispatcherRef = useRef<((action?: unknown) => void) | undefined>( - dispatcher + dispatcher, ); useEffect( () => () => { dispatcherRef.current = undefined; }, - [] + [], ); const safeDispatcher = useCallback((action) => { diff --git a/packages/fuselage-hooks/src/useSessionStorage.server.spec.ts b/packages/fuselage-hooks/src/useSessionStorage.server.spec.ts index f27e560985..4c0b0296f7 100644 --- a/packages/fuselage-hooks/src/useSessionStorage.server.spec.ts +++ b/packages/fuselage-hooks/src/useSessionStorage.server.spec.ts @@ -8,7 +8,7 @@ import { useSessionStorage } from './useStorage'; it('returns a default value', () => { const { result } = renderHook(() => - useSessionStorage('value-key', 'value-default') + useSessionStorage('value-key', 'value-default'), ); const [value] = result.current; diff --git a/packages/fuselage-hooks/src/useSessionStorage.spec.ts b/packages/fuselage-hooks/src/useSessionStorage.spec.ts index f30acedeb1..3b54067b06 100644 --- a/packages/fuselage-hooks/src/useSessionStorage.spec.ts +++ b/packages/fuselage-hooks/src/useSessionStorage.spec.ts @@ -4,7 +4,7 @@ import { useSessionStorage } from './useStorage'; it('returns a default value', () => { const { result } = renderHook(() => - useSessionStorage('value-key', 'value-default') + useSessionStorage('value-key', 'value-default'), ); const [value] = result.current; @@ -13,7 +13,7 @@ it('returns a default value', () => { it('returns a new value', () => { const { result } = renderHook(() => - useSessionStorage('value-key', 'value-default') + useSessionStorage('value-key', 'value-default'), ); const [, setValue] = result.current; diff --git a/packages/fuselage-hooks/src/useStableArray.ts b/packages/fuselage-hooks/src/useStableArray.ts index a08229c9b9..2abb6739a9 100644 --- a/packages/fuselage-hooks/src/useStableArray.ts +++ b/packages/fuselage-hooks/src/useStableArray.ts @@ -4,7 +4,7 @@ import { useRef } from 'react'; const hasChanged = ( ref: MutableRefObject, array: T, - compare: (a: T, b: T) => boolean + compare: (a: T, b: T) => boolean, ): boolean => { if (!Array.isArray(array)) { return true; @@ -24,7 +24,7 @@ const hasChanged = ( const getCurrentArray = ( ref: MutableRefObject, array: T, - compare: (a: T, b: T) => boolean + compare: (a: T, b: T) => boolean, ): T => { if (hasChanged(ref, array, compare)) { ref.current = array; @@ -45,7 +45,7 @@ const getCurrentArray = ( */ export const useStableArray = ( array: T, - compare: (a: T, b: T) => boolean = Object.is + compare: (a: T, b: T) => boolean = Object.is, ): T => { const ref = useRef(array); return getCurrentArray(ref, array, compare); diff --git a/packages/fuselage-hooks/src/useStorage.ts b/packages/fuselage-hooks/src/useStorage.ts index 8e710a9ffe..7393d9153e 100644 --- a/packages/fuselage-hooks/src/useStorage.ts +++ b/packages/fuselage-hooks/src/useStorage.ts @@ -4,7 +4,7 @@ import { useRef, useState, useEffect, useCallback } from 'react'; function makeStorageHook( storageFactory: Storage | (() => Storage), - name: string + name: string, ): (key: string, initialValue: T) => [T, Dispatch>] { let storage: Storage | undefined = undefined; @@ -19,7 +19,7 @@ function makeStorageHook( return ( key: string, - initialValue: T + initialValue: T, ): [T, Dispatch>] => { const initialValueRef = useRef(initialValue); initialValueRef.current = initialValue; @@ -43,7 +43,7 @@ function makeStorageHook( return valueToStore; }); }, - [key] + [key], ); useEffect(() => { @@ -53,7 +53,7 @@ function makeStorageHook( } setStoredValue( - event.newValue ? JSON.parse(event.newValue) : initialValueRef.current + event.newValue ? JSON.parse(event.newValue) : initialValueRef.current, ); }; @@ -81,7 +81,7 @@ function makeStorageHook( */ export const useLocalStorage = makeStorageHook( () => window.localStorage, - 'localStorage' + 'localStorage', ); /** @@ -93,5 +93,5 @@ export const useLocalStorage = makeStorageHook( */ export const useSessionStorage = makeStorageHook( () => window.sessionStorage, - 'sessionStorage' + 'sessionStorage', ); diff --git a/packages/fuselage-hooks/src/useToggle.ts b/packages/fuselage-hooks/src/useToggle.ts index 96fea94c94..5154ac0b81 100644 --- a/packages/fuselage-hooks/src/useToggle.ts +++ b/packages/fuselage-hooks/src/useToggle.ts @@ -11,7 +11,7 @@ import { useEffectEvent } from './useEffectEvent'; * @public */ export const useToggle = ( - initialValue?: boolean | (() => boolean) + initialValue?: boolean | (() => boolean), ): [boolean, (forcedValue?: SetStateAction) => void] => { const [value, setValue] = useState(() => { if (typeof initialValue === 'function') { diff --git a/packages/fuselage-toastbar/.storybook/DocsContainer.tsx b/packages/fuselage-toastbar/.storybook/DocsContainer.tsx index e15e7f2735..fa750d0d0d 100644 --- a/packages/fuselage-toastbar/.storybook/DocsContainer.tsx +++ b/packages/fuselage-toastbar/.storybook/DocsContainer.tsx @@ -8,7 +8,7 @@ import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode'; const channel = addons.getChannel(); const DocsContainer = ( - props: ComponentPropsWithoutRef + props: ComponentPropsWithoutRef, ) => { const [isDark, setDark] = useState(false); diff --git a/packages/fuselage-toastbar/src/ToastBarContext.ts b/packages/fuselage-toastbar/src/ToastBarContext.ts index 14e457b4ec..8890d7bf91 100644 --- a/packages/fuselage-toastbar/src/ToastBarContext.ts +++ b/packages/fuselage-toastbar/src/ToastBarContext.ts @@ -11,7 +11,7 @@ export type ToastBarPayload = { type ToastBarContextValue = { dispatch: ( - payload: Omit & { time?: number } + payload: Omit & { time?: number }, ) => void; dismiss: (id: ToastBarPayload['id']) => void; }; diff --git a/packages/fuselage-toastbar/src/ToastBarProvider.tsx b/packages/fuselage-toastbar/src/ToastBarProvider.tsx index d3c047314e..01ac530bd3 100644 --- a/packages/fuselage-toastbar/src/ToastBarProvider.tsx +++ b/packages/fuselage-toastbar/src/ToastBarProvider.tsx @@ -16,7 +16,7 @@ const ToastBarProvider = ({ children }: ToastBarProps): ReactElement => { const contextValue = { dispatch: ( - option: Omit & { time?: number } + option: Omit & { time?: number }, ) => setToasts((toasts) => [ ...toasts, @@ -31,12 +31,18 @@ const ToastBarProvider = ({ children }: ToastBarProps): ReactElement => { {children} {Object.entries( - toasts?.reduce((zones, toast) => { - zones[toast.position || 'top-end'] = - zones[toast.position || 'top-end'] || []; - zones[toast.position || 'top-end'].push(toast); - return zones; - }, {} as Record<'top-start' | 'top-end' | 'bottom-start' | 'bottom-end', ToastBarPayload[]>) + toasts?.reduce( + (zones, toast) => { + zones[toast.position || 'top-end'] = + zones[toast.position || 'top-end'] || []; + zones[toast.position || 'top-end'].push(toast); + return zones; + }, + {} as Record< + 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end', + ToastBarPayload[] + >, + ), ).map(([zone, toasts]) => ( ) => - props + props, )` position: fixed; gap: 1rem; diff --git a/packages/fuselage-toastbar/src/lib/utils/createAnchor.ts b/packages/fuselage-toastbar/src/lib/utils/createAnchor.ts index 28e0d5e481..68cc94bb01 100644 --- a/packages/fuselage-toastbar/src/lib/utils/createAnchor.ts +++ b/packages/fuselage-toastbar/src/lib/utils/createAnchor.ts @@ -3,7 +3,10 @@ import { registerAnchor } from './deleteAnchor'; type T = keyof HTMLElementTagNameMap; export const createAnchor: { - (id: string, tag?: T): T extends undefined + ( + id: string, + tag?: T, + ): T extends undefined ? HTMLElementTagNameMap['div'] : HTMLElementTagNameMap[T]; } = (id: string, tag = 'div') => { diff --git a/packages/fuselage-toastbar/src/testing.ts b/packages/fuselage-toastbar/src/testing.ts index 0c9d557aca..17ebf4f4c8 100644 --- a/packages/fuselage-toastbar/src/testing.ts +++ b/packages/fuselage-toastbar/src/testing.ts @@ -17,14 +17,14 @@ type HydrateableContainer = Parameters<(typeof ReactDOMClient)['hydrate']>[0]; export function render< Q extends Queries = typeof queries, Container extends RendererableContainer | HydrateableContainer = HTMLElement, - BaseElement extends RendererableContainer | HydrateableContainer = Container + BaseElement extends RendererableContainer | HydrateableContainer = Container, >( ui: React.ReactNode, - options: RenderOptions + options: RenderOptions, ): RenderResult; export function render( ui: React.ReactNode, - options?: Omit + options?: Omit, ): RenderResult; export function render(ui: React.ReactNode, options?: any): any { return renderOriginal(ui, { diff --git a/packages/fuselage-tokens/build.js b/packages/fuselage-tokens/build.js index 8afbe0204a..dd24adecd2 100644 --- a/packages/fuselage-tokens/build.js +++ b/packages/fuselage-tokens/build.js @@ -11,7 +11,7 @@ const arrayTocamelCase = (arr) => const encodeJson = (data) => JSON.stringify(data, null, 2).replace( /[\u007f-\uffff]/g, - (c) => `\\u${`0000${c.charCodeAt(0).toString(16)}`.slice(-4)}` + (c) => `\\u${`0000${c.charCodeAt(0).toString(16)}`.slice(-4)}`, ); const toScssIdentifier = (string) => @@ -49,7 +49,7 @@ StyleDictionary.registerFormat({ formatter({ dictionary }) { return `{${dictionary.allTokens.map( (token) => - `\n\t${encodeJson(token.path[1])}: ${encodeJson(token.original.value)}` + `\n\t${encodeJson(token.path[1])}: ${encodeJson(token.original.value)}`, )}\n}`; }, }); @@ -58,7 +58,7 @@ StyleDictionary.registerFormat({ name: 'custom/breakpoints-json', formatter({ dictionary }) { return `[${dictionary.allTokens.map( - (token) => `\n\t${encodeJson(token.original.value)}` + (token) => `\n\t${encodeJson(token.original.value)}`, )}\n]`; }, }); @@ -68,7 +68,7 @@ StyleDictionary.registerFormat({ formatter({ dictionary }) { return `module.exports = {${dictionary.allTokens.map( (token) => - `\n\t${encodeJson(token.name)}: ${encodeJson(token.original.value)}` + `\n\t${encodeJson(token.name)}: ${encodeJson(token.original.value)}`, )}\n};`; }, }); @@ -96,7 +96,7 @@ StyleDictionary.registerFormat({ formatter({ dictionary }) { return `export default {${dictionary.allTokens.map( (token) => - `\n\t${encodeJson(token.name)}: ${encodeJson(token.original.value)}` + `\n\t${encodeJson(token.name)}: ${encodeJson(token.original.value)}`, )}\n};`; }, }); @@ -106,7 +106,7 @@ StyleDictionary.registerFormat({ formatter({ dictionary }) { return `export default {${dictionary.allTokens.map( (token) => - `\n\t${encodeJson(token.path[1])}: ${encodeJson(token.original.value)}` + `\n\t${encodeJson(token.path[1])}: ${encodeJson(token.original.value)}`, )}\n};`; }, }); @@ -143,8 +143,8 @@ StyleDictionary.registerFormat({ .map( (token) => `\n${toScssIdentifier( - group === 'colors' ? token.path[1] : token.name - )}:${toScssValue(token.value)},` + group === 'colors' ? token.path[1] : token.name, + )}:${toScssValue(token.value)},`, ) .join('')})`; }, diff --git a/packages/fuselage-tokens/src/breakpoints.jsonc b/packages/fuselage-tokens/src/breakpoints.jsonc index 8aa3f896c1..7bdd70ce32 100644 --- a/packages/fuselage-tokens/src/breakpoints.jsonc +++ b/packages/fuselage-tokens/src/breakpoints.jsonc @@ -3,42 +3,42 @@ "name": "xs", "minViewportWidth": null, "columns": 4, - "gutterWidth": 16 + "gutterWidth": 16, }, "sm": { "name": "sm", "minViewportWidth": 600, "columns": 8, - "gutterWidth": 16 + "gutterWidth": 16, }, "md": { "name": "md", "minViewportWidth": 768, "columns": 8, - "gutterWidth": 24 + "gutterWidth": 24, }, "lg": { "name": "lg", "minViewportWidth": 1024, "columns": 12, - "gutterWidth": 24 + "gutterWidth": 24, }, "xl": { "name": "xl", "minViewportWidth": 1280, "columns": 12, - "gutterWidth": 24 + "gutterWidth": 24, }, "xxl": { "name": "xxl", "minViewportWidth": 1600, "columns": 12, - "gutterWidth": 24 + "gutterWidth": 24, }, "xxxl": { "name": "xxxl", "minViewportWidth": 1920, "columns": 12, - "gutterWidth": 24 - } + "gutterWidth": 24, + }, } diff --git a/packages/fuselage-tokens/src/colors.jsonc b/packages/fuselage-tokens/src/colors.jsonc index 7e5900cf6e..47ef729f5d 100644 --- a/packages/fuselage-tokens/src/colors.jsonc +++ b/packages/fuselage-tokens/src/colors.jsonc @@ -68,5 +68,5 @@ "b600": "#095AD2", "b700": "#10529E", "b800": "#01336B", - "b900": "#012247" + "b900": "#012247", } diff --git a/packages/fuselage-tokens/src/typography.jsonc b/packages/fuselage-tokens/src/typography.jsonc index fdad53cd7b..fc522bf2ff 100644 --- a/packages/fuselage-tokens/src/typography.jsonc +++ b/packages/fuselage-tokens/src/typography.jsonc @@ -15,7 +15,7 @@ "Segoe UI Symbol", "Meiryo UI", "Arial", - "sans-serif" + "sans-serif", ], "mono": [ "Menlo", @@ -23,99 +23,99 @@ "Consolas", "Liberation Mono", "Courier New", - "monospace" - ] + "monospace", + ], }, "fontScales": { "hero": { "fontSize": 48, "fontWeight": 800, "letterSpacing": 0, - "lineHeight": 64 + "lineHeight": 64, }, "h1": { "fontSize": 32, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 40 + "lineHeight": 40, }, "h2": { "fontSize": 24, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 32 + "lineHeight": 32, }, "h3": { "fontSize": 20, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 28 + "lineHeight": 28, }, "h4": { "fontSize": 16, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 24 + "lineHeight": 24, }, "h5": { "fontSize": 14, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 20 + "lineHeight": 20, }, "p1": { "fontSize": 16, "fontWeight": 400, "letterSpacing": 0, - "lineHeight": 24 + "lineHeight": 24, }, "p1m": { "fontSize": 16, "fontWeight": 500, "letterSpacing": 0, - "lineHeight": 24 + "lineHeight": 24, }, "p1b": { "fontSize": 16, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 24 + "lineHeight": 24, }, "p2": { "fontSize": 14, "fontWeight": 400, "letterSpacing": 0, - "lineHeight": 20 + "lineHeight": 20, }, "p2m": { "fontSize": 14, "fontWeight": 500, "letterSpacing": 0, - "lineHeight": 20 + "lineHeight": 20, }, "p2b": { "fontSize": 14, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 20 + "lineHeight": 20, }, "c1": { "fontSize": 12, "fontWeight": 400, "letterSpacing": 0, - "lineHeight": 16 + "lineHeight": 16, }, "c2": { "fontSize": 12, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 16 + "lineHeight": 16, }, "micro": { "fontSize": 10, "fontWeight": 700, "letterSpacing": 0, - "lineHeight": 12 - } - } + "lineHeight": 12, + }, + }, } diff --git a/packages/fuselage/.storybook/DocsContainer.tsx b/packages/fuselage/.storybook/DocsContainer.tsx index e15e7f2735..fa750d0d0d 100644 --- a/packages/fuselage/.storybook/DocsContainer.tsx +++ b/packages/fuselage/.storybook/DocsContainer.tsx @@ -8,7 +8,7 @@ import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode'; const channel = addons.getChannel(); const DocsContainer = ( - props: ComponentPropsWithoutRef + props: ComponentPropsWithoutRef, ) => { const [isDark, setDark] = useState(false); diff --git a/packages/fuselage/.storybook/preview.tsx b/packages/fuselage/.storybook/preview.tsx index 9f81a8e532..114da9cd54 100644 --- a/packages/fuselage/.storybook/preview.tsx +++ b/packages/fuselage/.storybook/preview.tsx @@ -52,7 +52,7 @@ export default { type: 'desktop', }, }), - {} + {}, ), }, darkMode: { diff --git a/packages/fuselage/src/Theme.ts b/packages/fuselage/src/Theme.ts index 38e4ea7118..0c882cd60f 100644 --- a/packages/fuselage/src/Theme.ts +++ b/packages/fuselage/src/Theme.ts @@ -140,7 +140,7 @@ export const strokeColors = { 'stroke-dark': neutral[700].theme('stroke-dark'), 'stroke-extra-dark': neutral[800].theme('stroke-extra-dark'), 'stroke-extra-light-highlight': blue[200].theme( - 'stroke-extra-light-highlight' + 'stroke-extra-light-highlight', ), 'stroke-highlight': blue[500].theme('stroke-highlight'), 'stroke-extra-light-error': red[200].theme('stroke-extra-light-error'), @@ -171,13 +171,13 @@ export const statusBackgroundColors = { 'status-background-danger': red[200].theme('status-background-danger'), 'status-background-warning': yellow[200].theme('status-background-warning'), 'status-background-warning-2': yellow[100].theme( - 'status-background-warning-2' + 'status-background-warning-2', ), 'status-background-service-1': orange[200].theme( - 'status-background-service-1' + 'status-background-service-1', ), 'status-background-service-2': purple[200].theme( - 'status-background-service-2' + 'status-background-service-2', ), }; @@ -207,19 +207,19 @@ type BadgeBackgroundColors = keyof typeof badgeBackgroundColors; export const shadowColors = { 'shadow-elevation-border': strokeColors['stroke-extra-light'].theme( - 'shadow-elevation-border' + 'shadow-elevation-border', ), 'shadow-elevation-1': new Var( 'shadow-elevation-1', - getPaletteColor('neutral', 800, 0.1)[1] + getPaletteColor('neutral', 800, 0.1)[1], ), 'shadow-elevation-2x': new Var( 'shadow-elevation-2x', - getPaletteColor('neutral', 800, 0.08)[1] + getPaletteColor('neutral', 800, 0.08)[1], ), 'shadow-elevation-2y': new Var( 'shadow-elevation-2y', - getPaletteColor('neutral', 800, 0.12)[1] + getPaletteColor('neutral', 800, 0.12)[1], ), 'shadow-highlight': blue[200].theme('shadow-highlight'), 'shadow-danger': red[100].theme('shadow-danger'), @@ -240,7 +240,7 @@ export const isBadgeColor = (color: unknown): color is BadgeBackgroundColors => typeof color === 'string' && color in badgeBackgroundColors; export const isStatusBackgroundColor = ( - color: unknown + color: unknown, ): color is StatusBackgroundColors => typeof color === 'string' && color in statusBackgroundColors; diff --git a/packages/fuselage/src/components/Accordion/Accordion.spec.tsx b/packages/fuselage/src/components/Accordion/Accordion.spec.tsx index 6906ff8101..b4c752d282 100644 --- a/packages/fuselage/src/components/Accordion/Accordion.spec.tsx +++ b/packages/fuselage/src/components/Accordion/Accordion.spec.tsx @@ -14,7 +14,7 @@ test.each(testCases)( async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -24,5 +24,5 @@ test.each(testCases)( const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); diff --git a/packages/fuselage/src/components/Accordion/AccordionItem.tsx b/packages/fuselage/src/components/Accordion/AccordionItem.tsx index 1af15408e3..5cc8bf5bd0 100644 --- a/packages/fuselage/src/components/Accordion/AccordionItem.tsx +++ b/packages/fuselage/src/components/Accordion/AccordionItem.tsx @@ -84,14 +84,14 @@ const AccordionItem = ({ role='button' className={cx( cxx('rcx-box')('full', 'animated'), - cxx('rcx-accordion-item__bar')({ disabled }) + cxx('rcx-accordion-item__bar')({ disabled }), )} {...barProps} >

@@ -103,7 +103,7 @@ const AccordionItem = ({
diff --git a/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx b/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx index 08bcf4128a..e00d14bbc2 100644 --- a/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx +++ b/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx @@ -84,7 +84,7 @@ const AnimatedVisibility = (props: AnimatedVisibilityProps) => { `}; `} `, - null + null, ); const handleAnimationEnd = useCallback( @@ -100,7 +100,7 @@ const AnimatedVisibility = (props: AnimatedVisibilityProps) => { return visibility; }), - [] + [], ); const transformFn = useCallback( @@ -112,7 +112,7 @@ const AnimatedVisibility = (props: AnimatedVisibilityProps) => { className && appendClassName(props.className, className); return props; }, - [className, handleAnimationEnd] + [className, handleAnimationEnd], ); const composedFn = useComposedBoxTransform(transformFn); diff --git a/packages/fuselage/src/components/AudioPlayer/AudioPlayer.tsx b/packages/fuselage/src/components/AudioPlayer/AudioPlayer.tsx index 72720e8910..650e35b0f6 100644 --- a/packages/fuselage/src/components/AudioPlayer/AudioPlayer.tsx +++ b/packages/fuselage/src/components/AudioPlayer/AudioPlayer.tsx @@ -30,7 +30,7 @@ function forceDownload(url: string, fileName?: string) { const getDurationForInfinityDurationAudioFile = ( src: string, - callback: (duration: number) => void + callback: (duration: number) => void, ) => { const audioElement = new Audio(); audioElement.src = src; @@ -87,7 +87,7 @@ export const AudioPlayer = forwardRef< changePlaybackSpeedLabel = 'Change Playback Speed', downloadAudioFileLabel = 'Download Audio File', }, - ref + ref, ) => { const audioRef = useRef(null); const refs = useMergedRefs(ref, audioRef); @@ -225,5 +225,5 @@ export const AudioPlayer = forwardRef< ); - } + }, ); diff --git a/packages/fuselage/src/components/AutoComplete/AutoComplete.spec.tsx b/packages/fuselage/src/components/AutoComplete/AutoComplete.spec.tsx index 26d5fe1cb8..bb49147bd1 100644 --- a/packages/fuselage/src/components/AutoComplete/AutoComplete.spec.tsx +++ b/packages/fuselage/src/components/AutoComplete/AutoComplete.spec.tsx @@ -18,7 +18,7 @@ describe('[AutoComplete Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -28,6 +28,6 @@ describe('[AutoComplete Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/AutoComplete/AutoComplete.tsx b/packages/fuselage/src/components/AutoComplete/AutoComplete.tsx index 4f53e13510..97dcec6d5d 100644 --- a/packages/fuselage/src/components/AutoComplete/AutoComplete.tsx +++ b/packages/fuselage/src/components/AutoComplete/AutoComplete.tsx @@ -44,7 +44,7 @@ type AutoCompleteProps = { const getSelected = ( value: string | string[], - options: AutoCompleteOption[] + options: AutoCompleteOption[], ) => { if (!value) { return []; @@ -77,7 +77,7 @@ export function AutoComplete({ const { ref: containerRef, borderBoxSize } = useResizeObserver(); const [selected, setSelected] = useState( - () => getSelected(value, options) || [] + () => getSelected(value, options) || [], ); const handleSelect = useEffectEvent(([currentValue]) => { @@ -103,11 +103,11 @@ export function AutoComplete({ event.preventDefault(); const filtered = selected.filter( - (item) => item.value !== event.currentTarget.value + (item) => item.value !== event.currentTarget.value, ); const filteredValue = value.filter( - (item) => item !== event.currentTarget.value + (item) => item !== event.currentTarget.value, ); setSelected(filtered); @@ -117,7 +117,7 @@ export function AutoComplete({ const memoizedOptions = useMemo( () => options.map(({ value, label }) => [value, label]), - [options] + [options], ); const [cursor, handleKeyDown, , reset, [optionsAreVisible, hide, show]] = @@ -138,7 +138,7 @@ export function AutoComplete({ flexGrow={1} className={useMemo( () => [error && 'invalid', disabled && 'disabled'], - [error, disabled] + [error, disabled], )} > - ) + ), )} diff --git a/packages/fuselage/src/components/Avatar/Avatar.spec.tsx b/packages/fuselage/src/components/Avatar/Avatar.spec.tsx index 8bbc21c4f5..6de142ae81 100644 --- a/packages/fuselage/src/components/Avatar/Avatar.spec.tsx +++ b/packages/fuselage/src/components/Avatar/Avatar.spec.tsx @@ -15,7 +15,7 @@ describe('[Avatar Component]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -25,6 +25,6 @@ describe('[Avatar Component]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/Avatar/AvatarContainer.tsx b/packages/fuselage/src/components/Avatar/AvatarContainer.tsx index 530642b680..91d729f5a5 100644 --- a/packages/fuselage/src/components/Avatar/AvatarContainer.tsx +++ b/packages/fuselage/src/components/Avatar/AvatarContainer.tsx @@ -27,7 +27,7 @@ export const AvatarContainer = ({ props.className, ['rcx-box rcx-box--full rcx-avatar', size && `rcx-avatar--${size}`] .filter(Boolean) - .join(' ') + .join(' '), ); return
{children}
; diff --git a/packages/fuselage/src/components/Badge/Badge.tsx b/packages/fuselage/src/components/Badge/Badge.tsx index 24aa94237e..f777972d24 100644 --- a/packages/fuselage/src/components/Badge/Badge.tsx +++ b/packages/fuselage/src/components/Badge/Badge.tsx @@ -32,7 +32,7 @@ export function Badge({ diff --git a/packages/fuselage/src/components/Banner/Banner.spec.tsx b/packages/fuselage/src/components/Banner/Banner.spec.tsx index a4b2d59a12..b09e053611 100644 --- a/packages/fuselage/src/components/Banner/Banner.spec.tsx +++ b/packages/fuselage/src/components/Banner/Banner.spec.tsx @@ -16,7 +16,7 @@ describe('[Banner Component]', () => { expect( screen.getByRole('link', { name: /more info/i, - }) + }), ).toBeInTheDocument(); }); }); diff --git a/packages/fuselage/src/components/Banner/Banner.tsx b/packages/fuselage/src/components/Banner/Banner.tsx index 1fa70597dd..c14afede07 100644 --- a/packages/fuselage/src/components/Banner/Banner.tsx +++ b/packages/fuselage/src/components/Banner/Banner.tsx @@ -72,14 +72,14 @@ const Banner = ({ onClose(); } }, - [onClose] + [onClose], ); return (
{ className={css` width: 10em; `} - /> + />, ); expect(container.firstElementChild).toHaveProperty('tagName', 'DIV'); @@ -51,7 +51,7 @@ describe('[Box Component]', () => { width: 10em; `, ]} - /> + />, ); expect(container.firstElementChild).toHaveProperty('tagName', 'DIV'); @@ -65,7 +65,7 @@ describe('[Box Component]', () => { it('attaches rcx-* props into className', () => { const { container } = render( - + , ); expect(container.firstElementChild).toHaveProperty('tagName', 'DIV'); @@ -84,7 +84,7 @@ describe('[Box Component]', () => { rcx-test-b={false} rcx-test-c={true} rcx-test='d' - /> + />, ); expect(container.firstElementChild).toHaveProperty('tagName', 'DIV'); @@ -108,7 +108,7 @@ describe('[Box Component]', () => { rcx-test-b={false} rcx-test-c={true} rcx-test='d' - /> + />, ); expect(container.firstElementChild).toHaveProperty('tagName', 'DIV'); @@ -139,7 +139,7 @@ describe('[Box Component]', () => { expect(container.firstElementChild?.firstElementChild).toHaveProperty( 'tagName', - 'path' // tagName is lowercase for SVG elements + 'path', // tagName is lowercase for SVG elements ); }); }); diff --git a/packages/fuselage/src/components/Box/Box.tsx b/packages/fuselage/src/components/Box/Box.tsx index 768273346a..71596ea547 100644 --- a/packages/fuselage/src/components/Box/Box.tsx +++ b/packages/fuselage/src/components/Box/Box.tsx @@ -36,7 +36,7 @@ type BoxProps = { export const Box = forwardRef(function Box( { is = 'div', children, ...props }: BoxProps, - ref: Ref + ref: Ref, ) { const propsWithRef: BoxProps & RefAttributes = props; diff --git a/packages/fuselage/src/components/Box/colors.stories.tsx b/packages/fuselage/src/components/Box/colors.stories.tsx index 7c2c23cf8c..305cd894f9 100644 --- a/packages/fuselage/src/components/Box/colors.stories.tsx +++ b/packages/fuselage/src/components/Box/colors.stories.tsx @@ -49,8 +49,8 @@ SurfaceColors.decorators = [ alignItems: 'center', justifyContent: 'center', }, - child.props.bg - ) + child.props.bg, + ), )} ), @@ -82,8 +82,8 @@ StatusColors.decorators = [ alignItems: 'center', justifyContent: 'center', }, - child.props.bg.replace('status-background-', '') - ) + child.props.bg.replace('status-background-', ''), + ), )} ), @@ -120,8 +120,8 @@ StrokeColors.decorators = [ justifyContent: 'center', p: 8, }, - child.props.borderColor - ) + child.props.borderColor, + ), )} ), @@ -149,7 +149,7 @@ FontColors.decorators = [ flexDirection='column' > {flattenChildren(story().props.children).map((child: any) => - cloneElement(child, { m: 'x4', p: 'x4' }, child.props.color) + cloneElement(child, { m: 'x4', p: 'x4' }, child.props.color), )} ), diff --git a/packages/fuselage/src/components/Box/layout.stories.tsx b/packages/fuselage/src/components/Box/layout.stories.tsx index 4c4160a89a..92eebb6ab4 100644 --- a/packages/fuselage/src/components/Box/layout.stories.tsx +++ b/packages/fuselage/src/components/Box/layout.stories.tsx @@ -57,7 +57,7 @@ Borders.decorators = [ size: 'x32', m: 'x16', borderColor: 'stroke-dark', - }) + }), )} ), @@ -80,7 +80,7 @@ BorderRadii.decorators = [ bg: 'dark', size: 'x32', m: 'x16', - }) + }), )} ), @@ -106,7 +106,7 @@ Display.decorators = [ borderColor: 'stroke-light', m: 'x4', p: 'x4', - }) + }), )} ), @@ -129,7 +129,7 @@ Elevation.decorators = [ bg: 'light', size: 'x32', m: 'x16', - }) + }), )} ), @@ -147,7 +147,7 @@ Heights.decorators = [ (fn: any) => ( {flattenChildren(fn().props.children).map((child: any) => - cloneElement(child, { bg: 'neutral', w: 'x32', m: 'x4' }) + cloneElement(child, { bg: 'neutral', w: 'x32', m: 'x4' }), )} ), @@ -221,7 +221,7 @@ Margins.decorators = [ {cloneElement( child, { bg: 'primary-200' }, - + , )} ))} @@ -268,7 +268,7 @@ Paddings.decorators = [ {cloneElement( child, { bg: 'primary-200' }, - + , )} ))} @@ -292,7 +292,7 @@ Position.decorators = [ bg: 'neutral', size: 'x32', m: 'x16', - }) + }), )} ), @@ -310,7 +310,7 @@ Widths.decorators = [ (fn: any) => ( {flattenChildren(fn().props.children).map((child: any) => - cloneElement(child, { bg: 'neutral', h: 'x32', m: 'x4' }) + cloneElement(child, { bg: 'neutral', h: 'x32', m: 'x4' }), )} ), @@ -327,7 +327,7 @@ Sizes.decorators = [ (fn: any) => ( {flattenChildren(fn().props.children).map((child: any) => - cloneElement(child, { bg: 'neutral', m: 'x4' }) + cloneElement(child, { bg: 'neutral', m: 'x4' }), )} ), @@ -370,7 +370,7 @@ VerticalAlign.decorators = [ borderRadius: 'x4', m: 'x4', p: 'x4', - }) + }), )} ), @@ -393,7 +393,7 @@ ZIndex.decorators = [ borderWidth: 'x4', size: 'x32', m: 'neg-x2', - }) + }), )} ), diff --git a/packages/fuselage/src/components/Box/stylingProps.ts b/packages/fuselage/src/components/Box/stylingProps.ts index 89a0d5b06d..8677dac903 100644 --- a/packages/fuselage/src/components/Box/stylingProps.ts +++ b/packages/fuselage/src/components/Box/stylingProps.ts @@ -387,7 +387,8 @@ export const propDefs: Record = { if (value === '2') { return css` - box-shadow: 0px 0px 2px 0px ${Palette.shadow['shadow-elevation-2x']}, + box-shadow: + 0px 0px 2px 0px ${Palette.shadow['shadow-elevation-2x']}, 0px 0px 12px 0px ${Palette.shadow['shadow-elevation-2y']}; border: 1px solid ${Palette.shadow['shadow-elevation-border']}; `; @@ -395,7 +396,8 @@ export const propDefs: Record = { if (value === '2nb') { return css` - box-shadow: 0px 0px 2px 0px ${Palette.shadow['shadow-elevation-2x']}, + box-shadow: + 0px 0px 2px 0px ${Palette.shadow['shadow-elevation-2x']}, 0px 0px 12px 0px ${Palette.shadow['shadow-elevation-2y']}; `; } @@ -465,8 +467,8 @@ const compiledPropDefs = new Map( propName: string, inject: ( value: unknown, - stylingProps: Map - ) => void + stylingProps: Map, + ) => void, ] => { if ('aliasOf' in propDef) { const { aliasOf: effectivePropName } = propDef; @@ -501,7 +503,7 @@ const compiledPropDefs = new Map( propName, css` ${cssProperty}: ${cssValue} !important; - ` + `, ); }, ]; @@ -521,12 +523,12 @@ const compiledPropDefs = new Map( stylingProps.set(propName, style); }, ]; - } - ) + }, + ), ); export const extractStylingProps = >( - props: TProps & Partial + props: TProps & Partial, ): [props: TProps, styles: cssFn | undefined] => { const stylingProps = new Map(); const newProps: Record = {}; diff --git a/packages/fuselage/src/components/Box/useStylingProps.ts b/packages/fuselage/src/components/Box/useStylingProps.ts index e2d7d397e1..36e99d4470 100644 --- a/packages/fuselage/src/components/Box/useStylingProps.ts +++ b/packages/fuselage/src/components/Box/useStylingProps.ts @@ -4,7 +4,7 @@ import type { StylingProps } from './stylingProps'; import { extractStylingProps } from './stylingProps'; export const useStylingProps = ( - originalProps: TProps & Partial + originalProps: TProps & Partial, ): TProps => { const [props, styles] = extractStylingProps(originalProps); diff --git a/packages/fuselage/src/components/Box/withBoxStyling.tsx b/packages/fuselage/src/components/Box/withBoxStyling.tsx index 6f614dec69..e252a5b17e 100644 --- a/packages/fuselage/src/components/Box/withBoxStyling.tsx +++ b/packages/fuselage/src/components/Box/withBoxStyling.tsx @@ -6,12 +6,12 @@ import { useStylingProps } from './useStylingProps'; export const withBoxStyling = < TComponent extends ComponentType<{ className?: string; - }> + }>, >( - Component: TComponent + Component: TComponent, ) => { const WithBoxStyling = ( - props: ComponentPropsWithoutRef & Partial + props: ComponentPropsWithoutRef & Partial, ) => { const propsWithoutStylingProps = useStylingProps(props); return ; diff --git a/packages/fuselage/src/components/Bubble/Bubble.spec.tsx b/packages/fuselage/src/components/Bubble/Bubble.spec.tsx index 32f78d910f..215475c092 100644 --- a/packages/fuselage/src/components/Bubble/Bubble.spec.tsx +++ b/packages/fuselage/src/components/Bubble/Bubble.spec.tsx @@ -15,7 +15,7 @@ describe('[Bubble Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -25,6 +25,6 @@ describe('[Bubble Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/Button/ActionButton.tsx b/packages/fuselage/src/components/Button/ActionButton.tsx index 2a5425f962..5dd0753226 100644 --- a/packages/fuselage/src/components/Button/ActionButton.tsx +++ b/packages/fuselage/src/components/Button/ActionButton.tsx @@ -31,5 +31,5 @@ export const ActionButton = forwardRef( {children} - ) + ), ); diff --git a/packages/fuselage/src/components/Button/Button.tsx b/packages/fuselage/src/components/Button/Button.tsx index 92ee1396b4..9b87e81a0e 100644 --- a/packages/fuselage/src/components/Button/Button.tsx +++ b/packages/fuselage/src/components/Button/Button.tsx @@ -50,7 +50,7 @@ export const Button = forwardRef(function Button( children, ...props }: ButtonProps, - ref: Ref + ref: Ref, ) { const extraProps = (is === 'a' && { diff --git a/packages/fuselage/src/components/Button/IconButton.tsx b/packages/fuselage/src/components/Button/IconButton.tsx index 780f9f5d14..b20ab8f7a7 100644 --- a/packages/fuselage/src/components/Button/IconButton.tsx +++ b/packages/fuselage/src/components/Button/IconButton.tsx @@ -60,7 +60,7 @@ export const IconButton = forwardRef( children, ...props }: IconButtonProps, - ref: Ref + ref: Ref, ) => { const variant = useMemo( () => @@ -75,7 +75,7 @@ export const IconButton = forwardRef( (primary && 'secondary-info') || (secondary && 'secondary') || '', - [danger, info, primary, secondary, success, warning] + [danger, info, primary, secondary, success, warning], ); const kindAndVariantProps = useMemo(() => { @@ -97,7 +97,7 @@ export const IconButton = forwardRef( (medium && 'medium') || (large && 'large') || 'large', - [medium, mini, small, tiny, large] + [medium, mini, small, tiny, large], ); const getSizeClass = () => ({ [`rcx-button--${size}-square`]: true }); @@ -134,5 +134,5 @@ export const IconButton = forwardRef( {children} ); - } + }, ); diff --git a/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss b/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss index 449a892fbb..44c9230e37 100644 --- a/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss +++ b/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss @@ -59,8 +59,7 @@ .rcx-button-group--wrap > & { margin-block-end: lengths.margin(16); - margin-inline-start: lengths.margin(none); - margin-inline-end: lengths.margin(16); + margin-inline: lengths.margin(none) lengths.margin(16); } .rcx-button-group--stretch > & { diff --git a/packages/fuselage/src/components/ButtonGroup/ButtonGroup.tsx b/packages/fuselage/src/components/ButtonGroup/ButtonGroup.tsx index 8e2c443882..cd17e3e08c 100644 --- a/packages/fuselage/src/components/ButtonGroup/ButtonGroup.tsx +++ b/packages/fuselage/src/components/ButtonGroup/ButtonGroup.tsx @@ -28,7 +28,7 @@ export const ButtonGroup = forwardRef(function ButtonGroup( className, ...props }: ButtonGroupProps, - ref: Ref + ref: Ref, ) { return (
({ className: appendClassName( childProps.className, - 'rcx-button-group__item' + 'rcx-button-group__item', ), - }) + }), )}
); diff --git a/packages/fuselage/src/components/Callout/Callout.spec.tsx b/packages/fuselage/src/components/Callout/Callout.spec.tsx index 188173fe4d..ed410d3abd 100644 --- a/packages/fuselage/src/components/Callout/Callout.spec.tsx +++ b/packages/fuselage/src/components/Callout/Callout.spec.tsx @@ -15,7 +15,7 @@ describe('[CheckBox Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -25,6 +25,6 @@ describe('[CheckBox Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/Callout/Callout.stories.tsx b/packages/fuselage/src/components/Callout/Callout.stories.tsx index a2f7315c60..e59d195fab 100644 --- a/packages/fuselage/src/components/Callout/Callout.stories.tsx +++ b/packages/fuselage/src/components/Callout/Callout.stories.tsx @@ -33,7 +33,7 @@ Success.args = { title: 'This is a success message', }; Success.parameters = setStoryDescription( - 'Communicates that an important aspect of the system is working as expected.' + 'Communicates that an important aspect of the system is working as expected.', ); export const Warning = Template.bind({}); @@ -42,7 +42,7 @@ Warning.args = { title: 'This is a warning message', }; Warning.parameters = setStoryDescription( - 'Communicates that an important aspect of the system needs attention.' + 'Communicates that an important aspect of the system needs attention.', ); export const Danger = Template.bind({}); @@ -51,7 +51,7 @@ Danger.args = { title: 'This is a danger message', }; Danger.parameters = setStoryDescription( - 'Communicates that an important aspect of the system is not working as expected and requires urgent action.' + 'Communicates that an important aspect of the system is not working as expected and requires urgent action.', ); export const CustomIcon = Template.bind({}); diff --git a/packages/fuselage/src/components/Card/Card.spec.tsx b/packages/fuselage/src/components/Card/Card.spec.tsx index 5ee265aae1..a747e18c3d 100644 --- a/packages/fuselage/src/components/Card/Card.spec.tsx +++ b/packages/fuselage/src/components/Card/Card.spec.tsx @@ -15,7 +15,7 @@ describe('[Card Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -25,6 +25,6 @@ describe('[Card Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/CardGrid/CardGrid.spec.tsx b/packages/fuselage/src/components/CardGrid/CardGrid.spec.tsx index 31256ca92f..f564f3dd66 100644 --- a/packages/fuselage/src/components/CardGrid/CardGrid.spec.tsx +++ b/packages/fuselage/src/components/CardGrid/CardGrid.spec.tsx @@ -15,7 +15,7 @@ describe('[CardGrid Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -25,6 +25,6 @@ describe('[CardGrid Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/CardGrid/CardGrid.stories.tsx b/packages/fuselage/src/components/CardGrid/CardGrid.stories.tsx index c88f8eda00..3b8db59764 100644 --- a/packages/fuselage/src/components/CardGrid/CardGrid.stories.tsx +++ b/packages/fuselage/src/components/CardGrid/CardGrid.stories.tsx @@ -39,7 +39,7 @@ const CardItem = (props: ComponentProps) => ( ); export const _CardGrid: StoryFn = ( - args: ComponentProps + args: ComponentProps, ) => ( {Array.from(new Array(9)).map((_, index) => ( diff --git a/packages/fuselage/src/components/CardGroup/CardGroup.spec.tsx b/packages/fuselage/src/components/CardGroup/CardGroup.spec.tsx index 9b5dba8149..54d67f33ce 100644 --- a/packages/fuselage/src/components/CardGroup/CardGroup.spec.tsx +++ b/packages/fuselage/src/components/CardGroup/CardGroup.spec.tsx @@ -15,7 +15,7 @@ describe('[CardGroup Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -25,6 +25,6 @@ describe('[CardGroup Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/CardGroup/CardGroup.styles.scss b/packages/fuselage/src/components/CardGroup/CardGroup.styles.scss index 5a771a3b24..25aa3c7c27 100644 --- a/packages/fuselage/src/components/CardGroup/CardGroup.styles.scss +++ b/packages/fuselage/src/components/CardGroup/CardGroup.styles.scss @@ -49,8 +49,7 @@ .rcx-card-group--wrap > & { margin-block-end: lengths.margin(16); - margin-inline-start: lengths.margin(8); - margin-inline-end: lengths.margin(8); + margin-inline: lengths.margin(8) lengths.margin(8); } .rcx-card-group--stretch > & { diff --git a/packages/fuselage/src/components/CardGroup/CardGroup.tsx b/packages/fuselage/src/components/CardGroup/CardGroup.tsx index 5d88bae4ba..28b161d5a0 100644 --- a/packages/fuselage/src/components/CardGroup/CardGroup.tsx +++ b/packages/fuselage/src/components/CardGroup/CardGroup.tsx @@ -36,9 +36,9 @@ export const CardGroup = ({ (childProps: { className: string | string[] }) => ({ className: appendClassName( childProps.className, - 'rcx-card-group__item' + 'rcx-card-group__item', ), - }) + }), )} ); diff --git a/packages/fuselage/src/components/CheckBox/CheckBox.spec.tsx b/packages/fuselage/src/components/CheckBox/CheckBox.spec.tsx index e3e203c93d..330909577f 100644 --- a/packages/fuselage/src/components/CheckBox/CheckBox.spec.tsx +++ b/packages/fuselage/src/components/CheckBox/CheckBox.spec.tsx @@ -19,7 +19,7 @@ describe('[CheckBox Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -29,7 +29,7 @@ describe('[CheckBox Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/CheckBox/CheckBox.tsx b/packages/fuselage/src/components/CheckBox/CheckBox.tsx index 1106566652..17cb542df0 100644 --- a/packages/fuselage/src/components/CheckBox/CheckBox.tsx +++ b/packages/fuselage/src/components/CheckBox/CheckBox.tsx @@ -10,7 +10,7 @@ type CheckBoxProps = ComponentProps & { export const CheckBox = forwardRef(function CheckBox( { indeterminate, onChange, className, ...props }: CheckBoxProps, - ref: Ref + ref: Ref, ) { const innerRef = useRef(null); const mergedRef = useMergedRefs(ref, innerRef); @@ -28,7 +28,7 @@ export const CheckBox = forwardRef(function CheckBox( } onChange?.call(innerRef.current, event); }, - [innerRef, indeterminate, onChange] + [innerRef, indeterminate, onChange], ); return ( diff --git a/packages/fuselage/src/components/Chevron/Chevron.tsx b/packages/fuselage/src/components/Chevron/Chevron.tsx index ff9d81821c..61b517d5cf 100644 --- a/packages/fuselage/src/components/Chevron/Chevron.tsx +++ b/packages/fuselage/src/components/Chevron/Chevron.tsx @@ -24,7 +24,7 @@ export function Chevron({ }: ChevronProps): ReactElement { const children = useMemo( () => , - [size] + [size], ); return ( diff --git a/packages/fuselage/src/components/Contextualbar/Contextualbar.spec.tsx b/packages/fuselage/src/components/Contextualbar/Contextualbar.spec.tsx index 49dd64cc24..2b58085526 100644 --- a/packages/fuselage/src/components/Contextualbar/Contextualbar.spec.tsx +++ b/packages/fuselage/src/components/Contextualbar/Contextualbar.spec.tsx @@ -17,7 +17,7 @@ describe('[Contextualbar Rendering]', () => { async (_storyname, Story) => { const tree = render(); expect(tree.baseElement).toMatchSnapshot(); - } + }, ); test.each(testCases)( @@ -27,6 +27,6 @@ describe('[Contextualbar Rendering]', () => { const results = await axe(container); expect(results).toHaveNoViolations(); - } + }, ); }); diff --git a/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx b/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx index a6d9fa7fe0..69b51978c0 100644 --- a/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx +++ b/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx @@ -11,7 +11,7 @@ type ContextualbarProps = ComponentProps; const Contextualbar = forwardRef( function Contextualbar( { children, width, position, bg = 'room', ...props }, - ref + ref, ) { return ( ( {children} ); - } + }, ); export default memo(Contextualbar); diff --git a/packages/fuselage/src/components/Contextualbar/ContextualbarActions.tsx b/packages/fuselage/src/components/Contextualbar/ContextualbarActions.tsx index fce4179d16..d127bfbb1e 100644 --- a/packages/fuselage/src/components/Contextualbar/ContextualbarActions.tsx +++ b/packages/fuselage/src/components/Contextualbar/ContextualbarActions.tsx @@ -4,7 +4,7 @@ import { memo } from 'react'; import { ButtonGroup } from '..'; const ContextualbarActions = ( - props: ComponentProps + props: ComponentProps, ): ReactElement => ; export default memo(ContextualbarActions); diff --git a/packages/fuselage/src/components/Contextualbar/ContextualbarButton.tsx b/packages/fuselage/src/components/Contextualbar/ContextualbarButton.tsx index d479ca7386..95ad9238ee 100644 --- a/packages/fuselage/src/components/Contextualbar/ContextualbarButton.tsx +++ b/packages/fuselage/src/components/Contextualbar/ContextualbarButton.tsx @@ -4,7 +4,7 @@ import { memo } from 'react'; import { Button } from '..'; const ContextualbarButton = ( - props: ComponentProps + props: ComponentProps, ): ReactElement =>
); - } + }, ); diff --git a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx index 6d0990f135..36d4558fd8 100644 --- a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx +++ b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemMenu.tsx @@ -18,9 +18,9 @@ export const SidebarItemMenu = ({ (childProps: { className: string | string[] }) => ({ className: appendClassName( childProps.className, - 'rcx-sidebar-v2-item__menu' + 'rcx-sidebar-v2-item__menu', ), - }) + }), )}
); diff --git a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx index 7452cf6a60..21a2aa1783 100644 --- a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx +++ b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarItemStatusBullet.tsx @@ -3,7 +3,7 @@ import type { ComponentProps } from 'react'; import { StatusBullet } from '../../StatusBullet'; export const SidebarItemStatusBullet = ( - props: ComponentProps + props: ComponentProps, ) => (
diff --git a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarListItem.tsx b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarListItem.tsx index b75957e825..5b176dd6f9 100644 --- a/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarListItem.tsx +++ b/packages/fuselage/src/components/SidebarV2/SidebarItem/SidebarListItem.tsx @@ -20,5 +20,5 @@ export const SidebarListItem = forwardRef( > {children}
- ) + ), ); diff --git a/packages/fuselage/src/components/SidebarV2/SidebarLink.tsx b/packages/fuselage/src/components/SidebarV2/SidebarLink.tsx index c147dfc805..ad64039fec 100644 --- a/packages/fuselage/src/components/SidebarV2/SidebarLink.tsx +++ b/packages/fuselage/src/components/SidebarV2/SidebarLink.tsx @@ -44,9 +44,9 @@ export const SidebarLink = ({ (childProps: { className: string | string[] }) => ({ className: appendClassName( childProps.className, - 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu rcx-box--animated' + 'rcx-box rcx-box--full rcx-sidebar-v2-item__menu rcx-box--animated', ), - }) + }), )} ); diff --git a/packages/fuselage/src/components/Slider/Slider.stories.tsx b/packages/fuselage/src/components/Slider/Slider.stories.tsx index ff40988109..11ef1a3bf3 100644 --- a/packages/fuselage/src/components/Slider/Slider.stories.tsx +++ b/packages/fuselage/src/components/Slider/Slider.stories.tsx @@ -66,7 +66,7 @@ Vertical.args = { } as const; export const VerticalMultiThumb: StoryFn = TemplateVertical.bind( - {} + {}, ); VerticalMultiThumb.args = { 'label': 'Range', diff --git a/packages/fuselage/src/components/Slider/Slider.tsx b/packages/fuselage/src/components/Slider/Slider.tsx index 9b8971f9e1..b55d60a70d 100644 --- a/packages/fuselage/src/components/Slider/Slider.tsx +++ b/packages/fuselage/src/components/Slider/Slider.tsx @@ -47,7 +47,7 @@ type SliderProps = AriaAttributes & { ); export function Slider( - props: SliderProps + props: SliderProps, ): ReactElement { const { label, @@ -94,16 +94,16 @@ export function Slider( const { groupProps, trackProps, labelProps, outputProps } = useSlider( sliderProps, sliderState, - trackRef + trackRef, ); const isHorizontal = useMemo( () => sliderState.orientation === 'horizontal', - [sliderState.orientation] + [sliderState.orientation], ); const isVertical = useMemo( () => sliderState.orientation === 'vertical', - [sliderState.orientation] + [sliderState.orientation], ); const slider = useStyle( @@ -120,7 +120,7 @@ export function Slider( height: 100%; `} `, - sliderState + sliderState, ); return ( diff --git a/packages/fuselage/src/components/Slider/SliderHead.tsx b/packages/fuselage/src/components/Slider/SliderHead.tsx index d69b09a70b..f140c5cadb 100644 --- a/packages/fuselage/src/components/Slider/SliderHead.tsx +++ b/packages/fuselage/src/components/Slider/SliderHead.tsx @@ -30,7 +30,7 @@ export const SliderHead = ({ flex-direction: column; `} `, - null + null, ); const output = (