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

Comparing version 0.2.1 to 0.3.0

CHANGELOG.md

@@ -6,2 +6,9 @@ # Change Log
 
+# [0.3.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/menu-item@0.2.1...@spectrum-web-components/menu-item@0.3.0) (2019-11-19)
+
+### Features
+
+-   use :focus-visable (via polyfill) instead of :focus ([11c6fc7](https://github.com/adobe/spectrum-web-components/commit/11c6fc7))
+-   use @adobe/spectrum-css@2.15.1 ([3918888](https://github.com/adobe/spectrum-web-components/commit/3918888))
+
 ## [0.2.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/menu-item@0.2.0...@spectrum-web-components/menu-item@0.2.1) (2019-11-01)
@@ -8,0 +15,0 @@

lib/menu-divider.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,2px);margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,12px);padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-global-color-gray-100));display:block}
+:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-alias-border-color-extralight));display:block}
 `;
 export default styles;
 //# sourceMappingURL=menu-divider.css.js.map

lib/menu-item.css.js

@@ -14,5 +14,9 @@ /*
 const styles = css `
-#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;margin-top:var(--spectrum-global-dimension-size-50);flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,12px) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-selectlist-border-size-key-focus, 2px));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,2px) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-selectlist-option-text-font-weight,400);font-style:normal;background-color:var(--spectrum-selectlist-option-background-color,transparent);color:var(--spectrum-selectlist-option-text-color,var(--spectrum-global-color-gray-800))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-popover-border-size, 1px));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-global-color-blue-600))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-global-color-blue-500))}::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.is-focused,#button:focus{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-global-color-gray-800));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-global-color-blue-400))}#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-global-color-gray-800))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,transparent);background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-global-color-gray-500));cursor:default}#button{width:100%}button{border:0;background:0;padding:0;margin:0;display:inherit;font:inherit;color:inherit;text-align:inherit}#selected{flex-shrink:0}
+#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150));margin-top:var(--spectrum-global-dimension-size-50)}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-selectlist-border-size-key-focus,
+var(--spectrum-global-dimension-static-size-25)));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
+var(--spectrum-alias-border-size-thin)));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.focus-visible,#button.is-focused{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}#button{width:100%}button{border:0;background:0;padding:0;margin:0;display:inherit;font:inherit;color:inherit;text-align:inherit}#selected{flex-shrink:0}
 `;
 export default styles;
 //# sourceMappingURL=menu-item.css.js.map

lib/spectrum-menu-divider.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,2px);margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,12px);padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-global-color-gray-100))}
+:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-alias-border-color-extralight))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-menu-divider.css.js.map

lib/spectrum-menu-item.css.js

@@ -14,5 +14,9 @@ /*
 const styles = css `
-#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;margin-top:var(--spectrum-global-dimension-size-50);flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,12px) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-selectlist-border-size-key-focus, 2px));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,2px) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-selectlist-option-text-font-weight,400);font-style:normal;background-color:var(--spectrum-selectlist-option-background-color,transparent);color:var(--spectrum-selectlist-option-text-color,var(--spectrum-global-color-gray-800))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-popover-border-size, 1px));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-global-color-blue-600))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-global-color-blue-500))}::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.is-focused,#button:focus{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-global-color-gray-800));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-global-color-blue-400))}#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-global-color-gray-800))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,transparent);background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-global-color-gray-500));cursor:default}
+#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150));margin-top:var(--spectrum-global-dimension-size-50)}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-selectlist-border-size-key-focus,
+var(--spectrum-global-dimension-static-size-25)));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
+var(--spectrum-alias-border-size-thin)));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.focus-visible,#button.is-focused{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-menu-item.css.js.map

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.2.1",
+    "version": "0.3.0",
     "description": "",
@@ -39,10 +39,13 @@ "main": "lib/index.js",
     },
+    "devDependencies": {
+        "@spectrum-css/menu": "^2.1.1"
+    },
     "dependencies": {
-        "@spectrum-web-components/button": "^0.2.2",
-        "@spectrum-web-components/icon": "^0.3.0",
-        "@spectrum-web-components/icons": "^0.1.5",
-        "@spectrum-web-components/shared": "^0.2.0",
+        "@spectrum-web-components/button": "^0.3.0",
+        "@spectrum-web-components/icon": "^0.4.0",
+        "@spectrum-web-components/icons": "^0.2.0",
+        "@spectrum-web-components/shared": "^0.3.0",
         "tslib": "^1.10.0"
     },
-    "gitHead": "2157014e1c3f8cf184663261e4095eef59011b37"
+    "gitHead": "bfedd73cfc7ba9b30346ac5dd53013f7630648b0"
 }

src/menu-divider.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,2px);margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,12px);padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-global-color-gray-100));display:block}
+:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-alias-border-color-extralight));display:block}
 `;
 export default styles;

src/menu-item.css.ts

@@ -14,4 +14,8 @@ /*
 const styles = css`
-#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;margin-top:var(--spectrum-global-dimension-size-50);flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,12px) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-selectlist-border-size-key-focus, 2px));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,2px) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-selectlist-option-text-font-weight,400);font-style:normal;background-color:var(--spectrum-selectlist-option-background-color,transparent);color:var(--spectrum-selectlist-option-text-color,var(--spectrum-global-color-gray-800))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-popover-border-size, 1px));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-global-color-blue-600))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-global-color-blue-500))}::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.is-focused,#button:focus{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-global-color-gray-800));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-global-color-blue-400))}#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-global-color-gray-800))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,transparent);background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-global-color-gray-500));cursor:default}#button{width:100%}button{border:0;background:0;padding:0;margin:0;display:inherit;font:inherit;color:inherit;text-align:inherit}#selected{flex-shrink:0}
+#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150));margin-top:var(--spectrum-global-dimension-size-50)}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-selectlist-border-size-key-focus,
+var(--spectrum-global-dimension-static-size-25)));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
+var(--spectrum-alias-border-size-thin)));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.focus-visible,#button.is-focused{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}#button{width:100%}button{border:0;background:0;padding:0;margin:0;display:inherit;font:inherit;color:inherit;text-align:inherit}#selected{flex-shrink:0}
 `;
 export default styles;

src/spectrum-menu-divider.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,2px);margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,12px);padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-global-color-gray-100))}
+:host{box-sizing:initial;overflow:visible;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding, 3px)/2) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150));padding:0;border:none;background-color:var(--spectrum-selectlist-divider-color,var(--spectrum-alias-border-color-extralight))}
 `;
 export default styles;

src/spectrum-menu-item.css.ts

@@ -14,4 +14,8 @@ /*
 const styles = css`
-#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;margin-top:var(--spectrum-global-dimension-size-50);flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150))}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,12px) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-selectlist-border-size-key-focus, 2px));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,2px) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-selectlist-option-text-font-weight,400);font-style:normal;background-color:var(--spectrum-selectlist-option-background-color,transparent);color:var(--spectrum-selectlist-option-text-color,var(--spectrum-global-color-gray-800))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding, 12px) - var(--spectrum-popover-border-size, 1px));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-global-color-blue-600))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-global-color-blue-500))}::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.is-focused,#button:focus{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-global-color-gray-800));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-global-color-blue-400))}#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-global-color-gray-800))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,transparent);background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-global-color-gray-500));cursor:default}
+#selected{transform:scale(1);opacity:1;display:none;align-self:flex-start;flex-grow:0;margin-left:var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150));margin-top:var(--spectrum-global-dimension-size-50)}#button{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-85) var(--spectrum-selectlist-option-padding,var(--spectrum-global-dimension-static-size-150)) var(--spectrum-global-dimension-size-85) calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-selectlist-border-size-key-focus,
+var(--spectrum-global-dimension-static-size-25)));margin:0;border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)) solid transparent;min-height:var(--spectrum-selectlist-option-height);font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:normal;text-decoration:none;background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}#button:focus{outline:none}:host([selected]) #button{padding-right:calc(var(--spectrum-selectlist-option-padding,
+var(--spectrum-global-dimension-static-size-150)) - var(--spectrum-popover-border-size,
+var(--spectrum-alias-border-size-thin)));color:var(--spectrum-selectlist-option-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) #button #selected{display:block;color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-itemIcon,::slotted([slot=icon]){flex-shrink:0;align-self:flex-start}.spectrum-Menu-itemIcon+#label,slot[name=icon]+#label{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}#label{flex:1 1 auto;line-height:1.3}.spectrum-Menu-itemLabel--wrapping{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#button.focus-visible,#button.is-focused{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}#button.is-highlighted,#button.is-open,#button:focus,#button:hover{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}#button:active,.is-active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}:host([disabled]) #button{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));background-image:none;color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default}
 `;
 export default styles;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

78855

increased by6.28%

Lines of code

813

increased by5.04%

Worsened metrics

Dev dependency count

1

increased byInfinity%

Dependency changes

• + Added@spectrum-web-components/button@0.3.2(transitive)

• + Added@spectrum-web-components/icon@0.4.8(transitive)

• + Added@spectrum-web-components/icons@0.2.3(transitive)

• + Added@spectrum-web-components/shared@0.3.3(transitive)

• + Addedfocus-visible@5.2.1(transitive)

• - Removed@spectrum-web-components/button@0.2.2(transitive)

• - Removed@spectrum-web-components/icon@0.3.0(transitive)

• - Removed@spectrum-web-components/icons@0.1.5(transitive)

• - Removed@spectrum-web-components/shared@0.2.0(transitive)

• Updated@spectrum-web-components/button@^0.3.0

• Updated@spectrum-web-components/icon@^0.4.0

• Updated@spectrum-web-components/icons@^0.2.0

• Updated@spectrum-web-components/shared@^0.3.0