diff --git a/.changeset/stale-candies-camp.md b/.changeset/stale-candies-camp.md index 5c1b65f6577..5c0e7cf41a1 100644 --- a/.changeset/stale-candies-camp.md +++ b/.changeset/stale-candies-camp.md @@ -1,4 +1,5 @@ --- +'@spectrum-web-components/menu': patch '@spectrum-web-components/styles': patch '@spectrum-web-components/switch': patch '@spectrum-web-components/tabs': patch diff --git a/packages/menu/package.json b/packages/menu/package.json index 640d65a9c42..c0a39914eda 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -107,7 +107,7 @@ "@spectrum-web-components/shared": "1.5.0" }, "devDependencies": { - "@spectrum-css/menu": "9.1.1" + "@spectrum-css/menu": "9.2.0" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/menu/src/spectrum-checkmark.css b/packages/menu/src/spectrum-checkmark.css index 61a525f5a7e..4db5283ceee 100644 --- a/packages/menu/src/spectrum-checkmark.css +++ b/packages/menu/src/spectrum-checkmark.css @@ -32,9 +32,7 @@ governing permissions and limitations under the License. } .spectrum-Menu-back { - padding-inline: 0 var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); padding-inline: var(--mod-menu-back-padding-inline-start, 0) var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); - padding-block: 0; padding-block: var(--mod-menu-back-padding-block-start, 0) var(--mod-menu-back-padding-block-end, 0); flex-flow: wrap; align-items: center; diff --git a/packages/menu/src/spectrum-chevron.css b/packages/menu/src/spectrum-chevron.css index 70b98d07d8f..64070cb1195 100644 --- a/packages/menu/src/spectrum-chevron.css +++ b/packages/menu/src/spectrum-chevron.css @@ -27,9 +27,7 @@ governing permissions and limitations under the License. } .spectrum-Menu-back { - padding-inline: 0 var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); padding-inline: var(--mod-menu-back-padding-inline-start, 0) var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); - padding-block: 0; padding-block: var(--mod-menu-back-padding-block-start, 0) var(--mod-menu-back-padding-block-end, 0); flex-flow: wrap; align-items: center; diff --git a/packages/menu/src/spectrum-menu-divider.css b/packages/menu/src/spectrum-menu-divider.css index e020a2d333f..878135b78be 100644 --- a/packages/menu/src/spectrum-menu-divider.css +++ b/packages/menu/src/spectrum-menu-divider.css @@ -27,9 +27,7 @@ governing permissions and limitations under the License. } .spectrum-Menu-back { - padding-inline: 0 var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); padding-inline: var(--mod-menu-back-padding-inline-start, 0) var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); - padding-block: 0; padding-block: var(--mod-menu-back-padding-block-start, 0) var(--mod-menu-back-padding-block-end, 0); flex-flow: wrap; align-items: center; diff --git a/packages/menu/src/spectrum-menu-item.css b/packages/menu/src/spectrum-menu-item.css index db687aa21f5..722d3f153d1 100644 --- a/packages/menu/src/spectrum-menu-item.css +++ b/packages/menu/src/spectrum-menu-item.css @@ -355,9 +355,7 @@ governing permissions and limitations under the License. } .spectrum-Menu-back { - padding-inline: 0 var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); padding-inline: var(--mod-menu-back-padding-inline-start, 0) var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); - padding-block: 0; padding-block: var(--mod-menu-back-padding-block-start, 0) var(--mod-menu-back-padding-block-end, 0); flex-flow: wrap; align-items: center; diff --git a/packages/menu/src/spectrum-menu-sectionHeading.css b/packages/menu/src/spectrum-menu-sectionHeading.css index b6dca8b9de5..a8b2260294e 100644 --- a/packages/menu/src/spectrum-menu-sectionHeading.css +++ b/packages/menu/src/spectrum-menu-sectionHeading.css @@ -32,9 +32,7 @@ governing permissions and limitations under the License. } .spectrum-Menu-back { - padding-inline: 0 var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); padding-inline: var(--mod-menu-back-padding-inline-start, 0) var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); - padding-block: 0; padding-block: var(--mod-menu-back-padding-block-start, 0) var(--mod-menu-back-padding-block-end, 0); flex-flow: wrap; align-items: center; diff --git a/packages/menu/src/spectrum-menu.css b/packages/menu/src/spectrum-menu.css index f81a9f77c64..c5e1870d0f9 100644 --- a/packages/menu/src/spectrum-menu.css +++ b/packages/menu/src/spectrum-menu.css @@ -166,7 +166,6 @@ governing permissions and limitations under the License. } :host { - inline-size: auto; inline-size: var(--mod-menu-inline-size, auto); box-sizing: border-box; margin: 0; @@ -222,9 +221,7 @@ governing permissions and limitations under the License. } .spectrum-Menu-back { - padding-inline: 0 var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); padding-inline: var(--mod-menu-back-padding-inline-start, 0) var(--mod-menu-back-padding-inline-end, var(--spectrum-menu-item-label-inline-edge-to-content)); - padding-block: 0; padding-block: var(--mod-menu-back-padding-block-start, 0) var(--mod-menu-back-padding-block-end, 0); flex-flow: wrap; align-items: center; diff --git a/yarn.lock b/yarn.lock index 3b2b89200bd..8434d09aa83 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7387,9 +7387,9 @@ __metadata: languageName: node linkType: hard -"@spectrum-css/menu@npm:9.1.1": - version: 9.1.1 - resolution: "@spectrum-css/menu@npm:9.1.1" +"@spectrum-css/menu@npm:9.2.0": + version: 9.2.0 + resolution: "@spectrum-css/menu@npm:9.2.0" peerDependencies: "@spectrum-css/checkbox": ">=10.0.0 <11.0.0" "@spectrum-css/divider": ">=5.0.0 <6.0.0" @@ -7410,7 +7410,7 @@ __metadata: optional: true "@spectrum-css/tray": optional: true - checksum: 10c0/3f0a4692daedce04df5100e9fdba3fc12b40eb1a90d9a190d264eaa4d908f38b15006d4e1ea21c65011c866a497f7f5d2a9b715bc15c457e25f4245e767ba8c5 + checksum: 10c0/981206b82fad85b5be1d45b731d6e4558e1f71a4c84847aed0f4b9870cc737cdf88aa144c68a2bab88465ac4ab7fb70bd68f58b70ceed1b720f71c9ab3be4c51 languageName: node linkType: hard @@ -8542,7 +8542,7 @@ __metadata: resolution: "@spectrum-web-components/menu@workspace:packages/menu" dependencies: "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/menu": "npm:9.1.1" + "@spectrum-css/menu": "npm:9.2.0" "@spectrum-web-components/action-button": "npm:1.5.0" "@spectrum-web-components/base": "npm:1.5.0" "@spectrum-web-components/divider": "npm:1.5.0"