@spectrum-web-components/menu - npm Package Compare versions

Comparing version 0.4.5-alpha.60 to 0.4.5-alpha.84

package.json

@@ -21,6 +21,7 @@ {
     ],
-    "version": "0.4.5-alpha.60+a478c2c4",
+    "version": "0.4.5-alpha.84+1680fb01",
     "description": "",
-    "main": "src/index.js",
-    "module": "src/index.js",
+    "main": "./src/index.js",
+    "module": "./src/index.js",
+    "types": "./src/index.d.ts",
     "type": "module",
@@ -61,10 +62,10 @@ "exports": {
     "dependencies": {
-        "@spectrum-web-components/base": "^0.1.4-alpha.60+a478c2c4",
-        "@spectrum-web-components/button": "^0.9.5-alpha.60+a478c2c4",
-        "@spectrum-web-components/icon": "^0.6.4-alpha.60+a478c2c4",
-        "@spectrum-web-components/icons-ui": "^0.3.4-alpha.60+a478c2c4",
-        "@spectrum-web-components/shared": "^0.7.5-alpha.60+a478c2c4",
+        "@spectrum-web-components/base": "^0.1.4-alpha.84+1680fb01",
+        "@spectrum-web-components/button": "^0.9.5-alpha.84+1680fb01",
+        "@spectrum-web-components/icon": "^0.6.4-alpha.84+1680fb01",
+        "@spectrum-web-components/icons-ui": "^0.3.4-alpha.84+1680fb01",
+        "@spectrum-web-components/shared": "^0.7.5-alpha.84+1680fb01",
         "tslib": "^2.0.0"
     },
-    "gitHead": "a478c2c484b45e88c5d8b5cc64a255e31d0a3829"
+    "gitHead": "1680fb01795050191c13f5c05f554d923ff850ae"
 }

src/menu-divider.css.js

@@ -24,5 +24,5 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host{display:block}
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host{background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight));display:block}
 `;
 export default styles;
 //# sourceMappingURL=menu-divider.css.js.map

src/menu-divider.css.ts

@@ -24,4 +24,4 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host{display:block}
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host{background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight));display:block}
 `;
 export default styles;

src/menu-item.css.js

@@ -20,15 +20,15 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-listitem-border-size-key-focus,
-var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)))}:host([dir=rtl][selected]) #button{padding-left:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block;color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
+var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
 var(--spectrum-global-dimension-size-150)) - var(--spectrum-listitem-thumbnail-image-padding-x,
 var(--spectrum-global-dimension-size-100)) - var(--spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)))}#label{flex:1 1 auto;line-height:1.3;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
-var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}:host{display:block}#selected{flex-shrink:0}
+var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#selected{display:none;align-self:flex-start}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#selected{flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}#button{background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}:host{display:block}#selected{flex-shrink:0}
 `;
 export default styles;
 //# sourceMappingURL=menu-item.css.js.map

src/menu-item.css.ts

@@ -20,14 +20,14 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-listitem-border-size-key-focus,
-var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)))}:host([dir=rtl][selected]) #button{padding-left:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block;color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
+var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
 var(--spectrum-global-dimension-size-150)) - var(--spectrum-listitem-thumbnail-image-padding-x,
 var(--spectrum-global-dimension-size-100)) - var(--spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)))}#label{flex:1 1 auto;line-height:1.3;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
-var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}:host{display:block}#selected{flex-shrink:0}
+var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#selected{display:none;align-self:flex-start}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#selected{flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}#button{background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}:host{display:block}#selected{flex-shrink:0}
 `;
 export default styles;

src/Menu.js

@@ -58,3 +58,4 @@ /*
     focus() {
-        if (!this.menuItems.length) {
+        if (!this.menuItems.length ||
+            this.menuItems.every((item) => item.disabled)) {
             return;
@@ -61,0 +62,0 @@ }

src/Menu.ts

@@ -66,3 +66,6 @@ /*
     public focus(): void {
-        if (!this.menuItems.length) {
+        if (
+            !this.menuItems.length ||
+            this.menuItems.every((item) => item.disabled)
+        ) {
             return;
@@ -69,0 +72,0 @@ }

src/spectrum-menu-divider.css.js

@@ -24,5 +24,5 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host{background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-menu-divider.css.js.map

src/spectrum-menu-divider.css.ts

@@ -24,4 +24,4 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=ltr]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel,:host([dir=rtl]) .spectrum-Menu-item .spectrum-Menu-itemIcon+.spectrum-Menu-itemLabel{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=ltr]) .spectrum-Menu-checkmark,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-checkmark,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host{box-sizing:initial;overflow:visible;height:var(--spectrum-listitem-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-listitem-divider-padding, 3px)/2) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item.focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) .spectrum-Menu-item.focus-visible,:host([dir=ltr]) .spectrum-Menu-item.is-focused,:host([dir=ltr]) .spectrum-Menu-item:focus-visible{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item.focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) .spectrum-Menu-item.focus-visible,:host([dir=rtl]) .spectrum-Menu-item.is-focused,:host([dir=rtl]) .spectrum-Menu-item:focus-visible{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host{background-color:var(--spectrum-listitem-divider-color,var(--spectrum-alias-border-color-extralight))}
 `;
 export default styles;

src/spectrum-menu-item.css.js

@@ -20,15 +20,15 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-listitem-border-size-key-focus,
-var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)))}:host([dir=rtl][selected]) #button{padding-left:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block;color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
+var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
 var(--spectrum-global-dimension-size-150)) - var(--spectrum-listitem-thumbnail-image-padding-x,
 var(--spectrum-global-dimension-size-100)) - var(--spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)))}#label{flex:1 1 auto;line-height:1.3;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
-var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}
+var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#selected{display:none;align-self:flex-start}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#selected{flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}#button{background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-menu-item.css.js.map

src/spectrum-menu-item.css.ts

@@ -20,14 +20,14 @@ /*
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-alias-border-size-thin)))}#selected{transform:scale(1);opacity:1}:host([dir=ltr]) #button{border-left:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}:host([dir=rtl]) #button{border-right:var(--spectrum-listitem-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-listitem-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-listitem-border-size-key-focus,
-var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
+var(--spectrum-global-dimension-static-size-25)));margin:0;min-height:var(--spectrum-listitem-option-height);font-size:var(--spectrum-listitem-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-listitem-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none}#button:focus{outline:none}:host([dir=ltr][selected]) #button{padding-right:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)))}:host([dir=rtl][selected]) #button{padding-left:calc(var(--spectrum-listitem-option-padding,
 var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block;color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
+var(--spectrum-alias-border-size-thin)))}:host([selected]) #button #selected{display:block}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}:host([dir=ltr]) #button .spectrum-Menu-itemIcon+#label,:host([dir=ltr]) #button slot[name=icon]+#label{margin-left:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}:host([dir=rtl]) #button .spectrum-Menu-itemIcon+#label,:host([dir=rtl]) #button slot[name=icon]+#label{margin-right:var(--spectrum-listitem-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
 var(--spectrum-global-dimension-size-150)) - var(--spectrum-listitem-thumbnail-image-padding-x,
 var(--spectrum-global-dimension-size-100)) - var(--spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)))}#label{flex:1 1 auto;line-height:1.3;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:calc(100% - var(--spectrum-icon-checkmark-medium-width) - var(--spectrum-listitem-option-icon-padding-x,
-var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}
+var(--spectrum-global-dimension-size-150)))}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#selected{display:none;align-self:flex-start}:host([dir=ltr]) #selected,:host([dir=ltr]) .spectrum-Menu-chevron{margin-left:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}:host([dir=rtl]) #selected,:host([dir=rtl]) .spectrum-Menu-chevron{margin-right:var(--spectrum-listitem-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#selected{flex-grow:0;margin-top:var(--spectrum-global-dimension-size-50)}:host([dir=rtl]) .spectrum-Menu-chevron{transform:matrix(-1,0,0,1,0,0)}#button{background-color:var(--spectrum-listitem-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-listitem-option-text-color,var(--spectrum-alias-text-color))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button.focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=ltr]) #button.focus-visible,:host([dir=ltr]) #button:focus-visible,:host([dir=ltr][focused]) #button{border-left-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button.focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}:host([dir=rtl]) #button.focus-visible,:host([dir=rtl]) #button:focus-visible,:host([dir=rtl][focused]) #button{border-right-color:var(--spectrum-listitem-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.focus-visible,#button.focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.focus-visible,#button:focus-visible,:host([focused]) #button{background-color:var(--spectrum-listitem-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-key-focus,var(--spectrum-alias-text-color))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-listitem-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-listitem-option-text-color-hover,var(--spectrum-alias-text-color))}:host([selected]) #button{color:var(--spectrum-listitem-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{color:var(--spectrum-listitem-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}#button:active,.is-active{background-color:var(--spectrum-listitem-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-listitem-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-listitem-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}
 `;
 export default styles;

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

218709

increased by0.42%

Lines of code

2553

increased by0.87%

Dependency changes

• Updated@spectrum-web-components/base@^0.1.4-alpha.84+1680fb01

• Updated@spectrum-web-components/button@^0.9.5-alpha.84+1680fb01

• Updated@spectrum-web-components/icon@^0.6.4-alpha.84+1680fb01

• Updated@spectrum-web-components/icons-ui@^0.3.4-alpha.84+1680fb01

• Updated@spectrum-web-components/shared@^0.7.5-alpha.84+1680fb01