@spectrum-web-components/infield-button - npm Package Compare versions

Comparing version 0.40.2 to 0.40.3

package.json

 {
     "name": "@spectrum-web-components/infield-button",
-    "version": "0.40.2",
+    "version": "0.40.3",
     "publishConfig": {
@@ -60,7 +60,7 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.40.2",
-        "@spectrum-web-components/button": "^0.40.2"
+        "@spectrum-web-components/base": "^0.40.3",
+        "@spectrum-web-components/button": "^0.40.3"
     },
     "devDependencies": {
-        "@spectrum-css/infieldbutton": "^4.0.1"
+        "@spectrum-css/infieldbutton": "^4.0.6"
     },
@@ -74,3 +74,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "e5fd35c7a98569150ca695ec0e0e7411c9c64c28"
+    "gitHead": "76467a3470aeafa4beefce1e4fc76341f1d6733f"
 }

src/infield-button.css.dev.js

@@ -26,3 +26,3 @@ "use strict";
 --spectrum-neutral-content-color-key-focus
-)}:host([disabled]){--mod-infield-button-background-color:var(
+);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
 --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
@@ -125,11 +125,13 @@ );--mod-infield-button-background-color-hover:var(
 --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
-)}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
+)}:host(.focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
+)}:host(:focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
+)}:host(.focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
+)}:host(:focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}.fill{align-items:center;display:flex;justify-content:center;transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
+)}.fill{align-items:center;display:flex;justify-content:var(
+--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
+);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
 --mod-infield-button-stacked-fill-padding-inline,
@@ -177,3 +179,11 @@ var(--spectrum-infield-button-stacked-fill-padding-inline)
 --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
-)}:host([block=end]) .fill{border-end-start-radius:var(
+)}:host([block=end]) .fill{border-block-end-width:var(
+--mod-infield-button-stacked-bottom-border-block-end-width,var(
+--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
+)
+);border-end-end-radius:var(
+--mod-infield-button-stacked-bottom-border-radius-end-end,var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+)
+);border-end-start-radius:var(
 --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
@@ -180,0 +190,0 @@ );border-start-end-radius:var(

src/infield-button.css.js

@@ -24,3 +24,3 @@ "use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
 --spectrum-neutral-content-color-key-focus
-)}:host([disabled]){--mod-infield-button-background-color:var(
+);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
 --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
@@ -123,11 +123,13 @@ );--mod-infield-button-background-color-hover:var(
 --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
-)}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
+)}:host(.focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
+)}:host(:focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
+)}:host(.focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
+)}:host(:focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}.fill{align-items:center;display:flex;justify-content:center;transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
+)}.fill{align-items:center;display:flex;justify-content:var(
+--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
+);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
 --mod-infield-button-stacked-fill-padding-inline,
@@ -175,3 +177,11 @@ var(--spectrum-infield-button-stacked-fill-padding-inline)
 --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
-)}:host([block=end]) .fill{border-end-start-radius:var(
+)}:host([block=end]) .fill{border-block-end-width:var(
+--mod-infield-button-stacked-bottom-border-block-end-width,var(
+--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
+)
+);border-end-end-radius:var(
+--mod-infield-button-stacked-bottom-border-radius-end-end,var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+)
+);border-end-start-radius:var(
 --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
@@ -178,0 +188,0 @@ );border-start-end-radius:var(

src/spectrum-infield-button.css.dev.js

@@ -26,3 +26,3 @@ "use strict";
 --spectrum-neutral-content-color-key-focus
-)}:host([disabled]){--mod-infield-button-background-color:var(
+);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
 --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
@@ -125,11 +125,13 @@ );--mod-infield-button-background-color-hover:var(
 --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
-)}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
+)}:host(.focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
+)}:host(:focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
+)}:host(.focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
+)}:host(:focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}.fill{align-items:center;display:flex;justify-content:center;transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
+)}.fill{align-items:center;display:flex;justify-content:var(
+--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
+);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
 --mod-infield-button-stacked-fill-padding-inline,
@@ -177,3 +179,11 @@ var(--spectrum-infield-button-stacked-fill-padding-inline)
 --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
-)}:host([block=end]) .fill{border-end-start-radius:var(
+)}:host([block=end]) .fill{border-block-end-width:var(
+--mod-infield-button-stacked-bottom-border-block-end-width,var(
+--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
+)
+);border-end-end-radius:var(
+--mod-infield-button-stacked-bottom-border-radius-end-end,var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+)
+);border-end-start-radius:var(
 --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
@@ -180,0 +190,0 @@ );border-start-end-radius:var(

src/spectrum-infield-button.css.js

@@ -24,3 +24,3 @@ "use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
 --spectrum-neutral-content-color-key-focus
-)}:host([disabled]){--mod-infield-button-background-color:var(
+);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
 --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
@@ -123,11 +123,13 @@ );--mod-infield-button-background-color-hover:var(
 --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
-)}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
+)}:host(.focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
+)}:host(:focus-visible) .fill{background-color:var(
 --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
-)}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
+)}:host(.focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
+)}:host(:focus-visible) ::slotted(*){color:var(
 --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
-)}.fill{align-items:center;display:flex;justify-content:center;transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
+)}.fill{align-items:center;display:flex;justify-content:var(
+--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
+);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(
 --mod-infield-button-stacked-fill-padding-inline,
@@ -175,3 +177,11 @@ var(--spectrum-infield-button-stacked-fill-padding-inline)
 --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
-)}:host([block=end]) .fill{border-end-start-radius:var(
+)}:host([block=end]) .fill{border-block-end-width:var(
+--mod-infield-button-stacked-bottom-border-block-end-width,var(
+--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
+)
+);border-end-end-radius:var(
+--mod-infield-button-stacked-bottom-border-radius-end-end,var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+)
+);border-end-start-radius:var(
 --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
@@ -178,0 +188,0 @@ );border-start-end-radius:var(

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

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 3 instances 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

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 3 instances in 1 package

Improved metrics

Total package byte prevSize

182977

increased by1.93%

Lines of code

1490

increased by2.76%

Dependency changes

• Updated@spectrum-web-components/base@^0.40.3

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