@assecosolutions/fox-button - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

index.esm.js

@@ -1584,3 +1584,3 @@ import { css, LitElement, html as html$2 } from 'lit';
   _t$1;
-const styles = css(_t$1 || (_t$1 = _$1`:host{display:inline-flex;outline:none;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;box-sizing:border-box;font-family:var(--fox-font-family),Roboto,sans-serif}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-text-color: var(--fox-font-dark-color);--fox-button-primary-color: var(--fox-neutral-300-color);--fox-button-text-on-primary-color: var(--fox-font-dark-color)}:host([primary]){--fox-button-primary-color-fallback: var(--fox-primary-base-color);--fox-button-primary-color: var(--fox-primary-base-color);--fox-button-text-color: var(--fox-primary-base-color);--fox-button-text-on-primary-color: var(--fox-neutral-white-color)}:host([danger]){--fox-button-primary-color: var(--fox-secondary-base-color);--fox-button-text-color: var(--fox-secondary-base-color);--fox-button-text-on-primary-color: var(--fox-neutral-white-color)}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spacing: 8px}:host([fullwidth]){width:100%}:host([justifystart]) .fox-button{justify-content:flex-start}:host([disabled]){pointer-events:none}.fox-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:var(--fox-button-text-color);background:none;border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spacing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;--fox-button-outline-width: 0px}.fox-button__outlined{--fox-button-background-alpha: 0;--fox-button-outline-width: 2px}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color: var(--fox-button-text-on-primary-color);--fox-button-progress-z-index: 1}.fox-button__icon-button{padding:0 var(--fox-button-horizontal-spacing, 7px)}.fox-button__label,.fox-button .leading-icon,.fox-button .trailing-icon{opacity:var(--fox-button-color-alpha, 1);z-index:2}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){--fox-button-background-color: var(--fox-neutrall-600-color);--fox-button-background-alpha: 0.1}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px rgba(15,19,16,.1607843137)}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button__progress{width:100%;height:3px;position:absolute;bottom:0;left:0;overflow:hidden;border-radius:0px 0px 20px 20px;z-index:var(--fox-button-progress-z-index, 1);--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: var(--fox-button-primary-color)}.fox-button::after{transition:var(--fox-base-transition-all);content:"";position:absolute;inset:0;border-radius:inherit;background:var(--fox-button-background-color, var(--fox-button-primary-color));opacity:var(--fox-button-background-alpha, 0)}.fox-button::before{content:"";position:absolute;inset:0;border-radius:inherit;border:var(--fox-button-outline-width) solid var(--fox-button-primary-color);opacity:var(--fox-button-color-alpha, 1);z-index:2}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.fox-button__icon-button .trailing-icon ::slotted(*),.fox-button__icon-button .trailing-icon .fox-button__icon,.fox-button__icon-button .leading-icon ::slotted(*),.fox-button__icon-button .leading-icon .fox-button__icon{margin:0}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}`));
+const styles = css(_t$1 || (_t$1 = _$1`:host{display:inline-flex;outline:none;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;box-sizing:border-box;font-family:var(--fox-font-family),Roboto,sans-serif}:host{--fox-button-font-weight: var(--fox-font-weight-medium);--fox-button-font-size: var(--fox-font-size-base);--fox-button-text-color: var(--fox-font-dark-color);--fox-button-primary-color: var(--fox-neutral-300-color);--fox-button-text-on-primary-color: var(--fox-font-dark-color)}:host([primary]){--fox-button-primary-color-fallback: var(--fox-primary-base-color);--fox-button-primary-color: var(--fox-primary-base-color);--fox-button-text-color: var(--fox-primary-base-color);--fox-button-text-on-primary-color: var(--fox-neutral-white-color)}:host([danger]){--fox-button-primary-color: var(--fox-secondary-base-color);--fox-button-text-color: var(--fox-secondary-base-color);--fox-button-text-on-primary-color: var(--fox-neutral-white-color)}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spacing: 8px}:host([fullwidth]){width:100%}:host([justifystart]) .fox-button{justify-content:flex-start}:host([disabled]){pointer-events:none}.fox-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:var(--fox-button-text-color);background:none;border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spacing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;--fox-button-outline-width: 0px}.fox-button__outlined{--fox-button-background-alpha: 0;--fox-button-outline-width: 2px}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color: var(--fox-button-text-on-primary-color);--fox-button-progress-z-index: 1}.fox-button__icon-button{padding:0 var(--fox-button-horizontal-spacing, 7px)}.fox-button__label,.fox-button .leading-icon,.fox-button .trailing-icon{opacity:var(--fox-button-color-alpha, 1);z-index:2}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){--fox-button-background-color: var(--fox-neutrall-600-color);--fox-button-background-alpha: 0.1}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px rgba(15,19,16,.1607843137)}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button__progress{width:100%;height:3px;position:absolute;bottom:0;left:0;overflow:hidden;border-radius:0px 0px 20px 20px;z-index:var(--fox-button-progress-z-index, 1);--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: var(--fox-button-primary-color)}.fox-button::after{transition:var(--fox-base-transition-all);content:"";position:absolute;inset:0;border-radius:inherit;background:var(--fox-button-background-color, var(--fox-button-primary-color));opacity:var(--fox-button-background-alpha, 0)}.fox-button::before{content:"";position:absolute;inset:0;border-radius:inherit;border:var(--fox-button-outline-width) solid var(--fox-button-primary-color);opacity:var(--fox-button-color-alpha, 1);z-index:2}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.fox-button__icon-button .trailing-icon ::slotted(*),.fox-button__icon-button .trailing-icon .fox-button__icon,.fox-button__icon-button .leading-icon ::slotted(*),.fox-button__icon-button .leading-icon .fox-button__icon{margin:0}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}`));
 
@@ -1587,0 +1587,0 @@ let _ = t => t,

package.json

 {
   "name": "@assecosolutions/fox-button",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "public": true,
@@ -16,4 +16,4 @@ "publishConfig": {
   "dependencies": {
-    "@assecosolutions/fox-icon": "~2.0.2",
-    "@assecosolutions/fox-progress": "~2.0.2"
+    "@assecosolutions/fox-icon": "~2.0.8",
+    "@assecosolutions/fox-progress": "~2.0.3"
   },
@@ -20,0 +20,0 @@ "module": "./index.esm.js",

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

68013

decreased by-0.02%

Dependency changes

• Updated@assecosolutions/fox-icon@~2.0.8

• Updated@assecosolutions/fox-progress@~2.0.3