chore: merge main

adobe · Sep 25, 2024 · f5c79fb · f5c79fb
2 parents 1e40af8 + e14d082
commit f5c79fb
Show file tree

Hide file tree

Showing 208 changed files with 1,880 additions and 730 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -10,7 +10,7 @@ executors:
 parameters:
     current_golden_images_hash:
         type: string
-        default: 1bee3571a815481151a0d4fad5a225cb0e8d36a1
+        default: 05cb901762d5af33e21e113ed598cecea3488def
     wireit_cache_name:
         type: string
         default: wireit

diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,6 +1,11 @@
 {
     "root": true,
-    "plugins": ["notice", "@spectrum-web-components", "import"],
+    "plugins": [
+        "notice",
+        "@spectrum-web-components",
+        "import",
+        "require-extensions"
+    ],
     "env": {
         "browser": true,
         "node": true,
@@ -64,7 +69,11 @@
             }
         ]
     },
-    "extends": ["plugin:prettier/recommended", "plugin:lit-a11y/recommended"],
+    "extends": [
+        "plugin:prettier/recommended",
+        "plugin:lit-a11y/recommended",
+        "plugin:require-extensions/recommended"
+    ],
     "overrides": [
         {
             "files": ["tasks/*", "scripts/*"],

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+### Bug Fixes
+
+-   **action-menu:** dispatch scroll event ([#4715](https://github.com/adobe/spectrum-web-components/issues/4715)) ([c76f3f5](https://github.com/adobe/spectrum-web-components/commit/c76f3f54f5a08df82ea4247252f2e0114836a778))
+-   add null check in updated method of sp-number-field ([#4709](https://github.com/adobe/spectrum-web-components/issues/4709)) ([7b1eeab](https://github.com/adobe/spectrum-web-components/commit/7b1eeab613fffe833ea0f57a23d2cc11bef71ea7))
+-   **combobox:** update selected item state in menu ([#4730](https://github.com/adobe/spectrum-web-components/issues/4730)) ([c4cfd2a](https://github.com/adobe/spectrum-web-components/commit/c4cfd2a5a2b1d48727488023d1361e3a5b7c32db))
+-   **menu:** allow menu-item to support arbitrary element as the submenu root ([#4720](https://github.com/adobe/spectrum-web-components/issues/4720)) ([4c6a0dc](https://github.com/adobe/spectrum-web-components/commit/4c6a0dcf7c67560c664c1f7c0f93d0ef3f0005ab))
+-   **picker:** added a custom class to make `:focus-visible` styles consistent across all browsers ([#4724](https://github.com/adobe/spectrum-web-components/issues/4724)) ([d667d08](https://github.com/adobe/spectrum-web-components/commit/d667d0853b8122008ce8fe50c6c479a42dc96a9f))
+-   **toast:** added ability to wrap toast content with long words ([#4738](https://github.com/adobe/spectrum-web-components/issues/4738)) ([302d6fe](https://github.com/adobe/spectrum-web-components/commit/302d6fe927baff3a08dd567718eba8ee34473ac4))
+
+### Features
+
+-   locale picker in the storybook's decorator ([#4687](https://github.com/adobe/spectrum-web-components/issues/4687)) ([9e0cd08](https://github.com/adobe/spectrum-web-components/commit/9e0cd08d68cad858bbdc53e8b01b7eeabfde59fb))
+-   **reactive-controller:** new pending state controller ([#4605](https://github.com/adobe/spectrum-web-components/issues/4605)) ([68baf94](https://github.com/adobe/spectrum-web-components/commit/68baf94f257b9c7525253819a2ed3c8fa1b6c408))
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 ### Bug Fixes

diff --git a/lerna.json b/lerna.json
@@ -1,5 +1,5 @@
 {
-    "version": "0.47.2",
+    "version": "0.48.0",
     "granularPathspec": false,
     "npmClient": "yarn",
     "command": {

diff --git a/linters/eslint/CHANGELOG.md b/linters/eslint/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+**Note:** Version bump only for package @spectrum-web-components/eslint-plugin
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package @spectrum-web-components/eslint-plugin

diff --git a/linters/eslint/package.json b/linters/eslint/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/eslint-plugin",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "private": true,
     "main": "index.js"
 }
diff --git a/linters/stylelint-header/CHANGELOG.md b/linters/stylelint-header/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+**Note:** Version bump only for package stylelint-header
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package stylelint-header

diff --git a/linters/stylelint-header/package.json b/linters/stylelint-header/package.json
@@ -1,6 +1,6 @@
 {
     "name": "stylelint-header",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "private": true,
     "license": "Apache-2.0",
     "author": "Adobe",

diff --git a/package.json b/package.json
@@ -156,6 +156,7 @@
         "eslint-plugin-lit-a11y": "^2.2.2",
         "eslint-plugin-notice": "^0.9.10",
         "eslint-plugin-prettier": "^5.1.3",
+        "eslint-plugin-require-extensions": "^0.1.3",
         "eslint-plugin-storybook": "^0.8.0",
         "express": "^4.16.4",
         "fast-glob": "^3.2.12",

diff --git a/packages/accordion/CHANGELOG.md b/packages/accordion/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+**Note:** Version bump only for package @spectrum-web-components/accordion
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package @spectrum-web-components/accordion

diff --git a/packages/accordion/package.json b/packages/accordion/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/accordion",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "publishConfig": {
         "access": "public"
     },
@@ -66,11 +66,11 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.47.2",
-        "@spectrum-web-components/icon": "^0.47.2",
-        "@spectrum-web-components/icons-ui": "^0.47.2",
-        "@spectrum-web-components/reactive-controllers": "^0.47.2",
-        "@spectrum-web-components/shared": "^0.47.2"
+        "@spectrum-web-components/base": "^0.48.0",
+        "@spectrum-web-components/icon": "^0.48.0",
+        "@spectrum-web-components/icons-ui": "^0.48.0",
+        "@spectrum-web-components/reactive-controllers": "^0.48.0",
+        "@spectrum-web-components/shared": "^0.48.0"
     },
     "devDependencies": {
         "@spectrum-css/accordion": "^5.1.2"

diff --git a/packages/action-bar/CHANGELOG.md b/packages/action-bar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+**Note:** Version bump only for package @spectrum-web-components/action-bar
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package @spectrum-web-components/action-bar

diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/action-bar",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "publishConfig": {
         "access": "public"
     },
@@ -57,11 +57,11 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/action-group": "^0.47.2",
-        "@spectrum-web-components/base": "^0.47.2",
-        "@spectrum-web-components/button": "^0.47.2",
-        "@spectrum-web-components/field-label": "^0.47.2",
-        "@spectrum-web-components/popover": "^0.47.2"
+        "@spectrum-web-components/action-group": "^0.48.0",
+        "@spectrum-web-components/base": "^0.48.0",
+        "@spectrum-web-components/button": "^0.48.0",
+        "@spectrum-web-components/field-label": "^0.48.0",
+        "@spectrum-web-components/popover": "^0.48.0"
     },
     "devDependencies": {
         "@spectrum-css/actionbar": "^8.1.1"

diff --git a/packages/action-button/CHANGELOG.md b/packages/action-button/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+### Bug Fixes
+
+-   **picker:** added a custom class to make `:focus-visible` styles consistent across all browsers ([#4724](https://github.com/adobe/spectrum-web-components/issues/4724)) ([d667d08](https://github.com/adobe/spectrum-web-components/commit/d667d0853b8122008ce8fe50c6c479a42dc96a9f))
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package @spectrum-web-components/action-button

diff --git a/packages/action-button/package.json b/packages/action-button/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/action-button",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "publishConfig": {
         "access": "public"
     },
@@ -57,11 +57,11 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.47.2",
-        "@spectrum-web-components/button": "^0.47.2",
-        "@spectrum-web-components/icon": "^0.47.2",
-        "@spectrum-web-components/icons-ui": "^0.47.2",
-        "@spectrum-web-components/shared": "^0.47.2"
+        "@spectrum-web-components/base": "^0.48.0",
+        "@spectrum-web-components/button": "^0.48.0",
+        "@spectrum-web-components/icon": "^0.48.0",
+        "@spectrum-web-components/icons-ui": "^0.48.0",
+        "@spectrum-web-components/shared": "^0.48.0"
     },
     "devDependencies": {
         "@spectrum-css/actionbutton": "^6.1.1"

diff --git a/packages/action-button/src/action-button.css b/packages/action-button/src/action-button.css
@@ -22,6 +22,38 @@ governing permissions and limitations under the License.
     pointer-events: none !important;
 }
 
+/* remove-focus-ring-safari-hack is a custom css class that we are using to 
+unset the focus ring styles in safari. This is a temporary fix because safari 
+sets the :focus-visible pseudo class on the parent element when the dialog is closed.
+*/
+:host(.remove-focus-ring-safari-hack:focus-visible) {
+    background-color: var(
+        --highcontrast-actionbutton-background-color-default,
+        var(
+            --mod-actionbutton-background-color-default,
+            var(--spectrum-actionbutton-background-color-default)
+        )
+    );
+    border-color: var(
+        --highcontrast-actionbutton-border-color-default,
+        var(
+            --mod-actionbutton-border-color-default,
+            var(--spectrum-actionbutton-border-color-default)
+        )
+    );
+    color: var(
+        --highcontrast-actionbutton-content-color-default,
+        var(
+            --mod-actionbutton-content-color-default,
+            var(--spectrum-actionbutton-content-color-default)
+        )
+    );
+}
+
+:host(.remove-focus-ring-safari-hack:focus-visible):after {
+    box-shadow: none;
+}
+
 :host([size='xs']) {
     /* Work around non-square icon only Action Buttons in Spectrum CSS */
     min-width: var(--spectrum-actionbutton-height, 0);

diff --git a/packages/action-group/CHANGELOG.md b/packages/action-group/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+**Note:** Version bump only for package @spectrum-web-components/action-group
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package @spectrum-web-components/action-group

diff --git a/packages/action-group/package.json b/packages/action-group/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/action-group",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "publishConfig": {
         "access": "public"
     },
@@ -58,10 +58,10 @@
     ],
     "dependencies": {
         "@lit-labs/observers": "^2.0.0",
-        "@spectrum-web-components/action-button": "^0.47.2",
-        "@spectrum-web-components/base": "^0.47.2",
-        "@spectrum-web-components/icons-workflow": "^0.47.2",
-        "@spectrum-web-components/reactive-controllers": "^0.47.2"
+        "@spectrum-web-components/action-button": "^0.48.0",
+        "@spectrum-web-components/base": "^0.48.0",
+        "@spectrum-web-components/icons-workflow": "^0.48.0",
+        "@spectrum-web-components/reactive-controllers": "^0.48.0"
     },
     "devDependencies": {
         "@spectrum-css/actiongroup": "^5.1.0"

diff --git a/packages/action-menu/CHANGELOG.md b/packages/action-menu/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
+
+### Bug Fixes
+
+-   **action-menu:** dispatch scroll event ([#4715](https://github.com/adobe/spectrum-web-components/issues/4715)) ([c76f3f5](https://github.com/adobe/spectrum-web-components/commit/c76f3f54f5a08df82ea4247252f2e0114836a778))
+-   **picker:** added a custom class to make `:focus-visible` styles consistent across all browsers ([#4724](https://github.com/adobe/spectrum-web-components/issues/4724)) ([d667d08](https://github.com/adobe/spectrum-web-components/commit/d667d0853b8122008ce8fe50c6c479a42dc96a9f))
+
 ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
 
 **Note:** Version bump only for package @spectrum-web-components/action-menu

diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/action-menu",
-    "version": "0.47.2",
+    "version": "0.48.0",
     "publishConfig": {
         "access": "public"
     },
@@ -61,12 +61,12 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/action-button": "^0.47.2",
-        "@spectrum-web-components/base": "^0.47.2",
-        "@spectrum-web-components/icon": "^0.47.2",
-        "@spectrum-web-components/icons-workflow": "^0.47.2",
-        "@spectrum-web-components/picker": "^0.47.2",
-        "@spectrum-web-components/shared": "^0.47.2"
+        "@spectrum-web-components/action-button": "^0.48.0",
+        "@spectrum-web-components/base": "^0.48.0",
+        "@spectrum-web-components/icon": "^0.48.0",
+        "@spectrum-web-components/icons-workflow": "^0.48.0",
+        "@spectrum-web-components/picker": "^0.48.0",
+        "@spectrum-web-components/shared": "^0.48.0"
     },
     "devDependencies": {
         "@spectrum-css/actionmenu": "^6.1.1"