@assecosolutions/fox-button - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

index.esm.js

@@ -1584,3 +1584,3 @@ import { css, LitElement, html as html$2, nothing } 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}.fox-button{background:var(--fox-button-background-color, none);height:var(--fox-button-height, 32px);padding:var(--fox-button-padding, 0 var(--fox-space-3));margin:0;cursor:pointer;outline:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-family:var(--fox-font-family),Roboto,sans-serif;font-size:var(--fox-button-font-size, var(--fox-font-size-base));line-height:var(--fox-button-font-size, var(--fox-font-size-m));font-weight:var(--fox-button-font-weight, var(--fox-font-weight-medium));color:var(--fox-button-text-color, var(--fox-base-font-color));border:1px solid var(--fox-button-border-color, transparent);display:flex;align-items:center;border-radius:var(--fox-border-radius-l)}.fox-button__filled{--fox-button-background-color: var(--fox-neutral-100-color);--fox-button-focus-background-color: var(--fox-neutral-100-color);--fox-button-hover-background-color: var(--fox-neutral-200-color);--fox-button-active-background-color: var(--fox-neutral-200-color);--fox-button-disabled-background-color: var(--fox-neutral-200-color);--fox-button-disabled-text-color: var(--fox-neutral-white-color)}.fox-button__outlined{--fox-button-border-color: var(--fox-neutral-700-color);--fox-button-disabled-text-color: var(--fox-neutral-200-color)}.fox-button__elevated{box-shadow:var(--fox-elevation-2)}.fox-button__small{height:var(--fox-button-small-height, var(--fox-button-height, 24px))}.fox-button__primary{--fox-button-text-color: var(--fox-primary-base-color);--fox-button-icon-color: var(--fox-primary-base-color);--fox-button-focus-border-color: var(--fox-primary-base-color)}.fox-button__primary.fox-button__outlined{--fox-button-border-color: var(--fox-primary-base-color);--fox-button-focus-background-color: var(--fox-primary-light-color)}.fox-button__primary.fox-button__filled{--fox-button-background-color: var(--fox-primary-base-color);--fox-button-hover-background-color: var(--fox-primary-400-color);--fox-button-focus-background-color: var(--fox-primary-light-color);--fox-button-focus-border-color: var(--fox-primary-base-color);--fox-button-active-background-color: var(--fox-primary-base-color);--fox-button-text-color: var(--fox-neutral-white-color);--fox-button-icon-color: var(--fox-neutral-white-color)}.fox-button__primary.fox-button__filled:focus{color:var(--fox-primary-base-color);border-color:var(--fox-primary-base-color);--fox-button-icon-color: var(--fox-primary-base-color)}.fox-button__primary.fox-button__filled:active{color:var(--fox-neutral-white-color);--fox-button-icon-color: var(--fox-neutral-white-color)}.fox-button__primary.fox-button__disabled{--fox-button-border-color: transparent}.fox-button:hover{background:var(--fox-button-hover-background-color, var(--fox-neutral-white-color))}.fox-button:focus{background:var(--fox-button-focus-background-color, var(--fox-neutral-white-color));border-color:--fox-button-focus-border-color,var(--fox-neutral-700-color)}.fox-button:active{background:var(--fox-button-active-background-color, transparent)}.fox-button:disabled{background:var(--fox-button-disabled-background-color, transparent);color:var(--fox-button-disabled-text-color, var(--fox-neutral-200-color));box-shadow:none;--fox-button-icon-color: var( --fox-button-disabled-text-color, var(--fox-neutral-200-color) )}.fox-button fox-icon{color:var(--fox-button-icon-color, var(--fox-neutral-700-color))}.fox-button__icon{padding:var(--fox-button-padding, 0 var(--fox-space-3) 0 var(--fox-space-2))}.fox-button__icon fox-icon{margin-right:var(--fox-space-1)}.fox-button__trailing-icon{flex-direction:row-reverse;padding:var(--fox-button-padding, 0 var(--fox-space-2) 0 var(--fox-space-3))}.fox-button__trailing-icon fox-icon{margin-left:var(--fox-space-1)}`));
+const styles = css(_t$1 || (_t$1 = _$1`:host{display:inline-flex;outline:none;white-space:nowrap;-webkit-tap-highcolor-light:rgba(0,0,0,0);vertical-align:top;box-sizing:border-box;font-family:var(--fox-font-family),Roboto,sans-serif}.fox-button{background:var(--fox-button-background-color, none);height:var(--fox-button-height, 32px);padding:var(--fox-button-padding, 0 var(--fox-space-3));margin:0;cursor:pointer;outline:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-family:var(--fox-font-family),Roboto,sans-serif;font-size:var(--fox-button-font-size, var(--fox-font-size-base));line-height:var(--fox-button-font-size, var(--fox-font-size-3));font-weight:var(--fox-button-font-weight, var(--fox-font-weight-medium));color:var(--fox-button-text-color, var(--fox-base-font-color));border:1px solid var(--fox-button-border-color, transparent);display:flex;align-items:center;border-radius:var(--fox-border-radius-l)}.fox-button__filled{--fox-button-background-color: var(--fox-neutral-color-200);--fox-button-focus-background-color: var(--fox-neutral-color-200);--fox-button-hover-background-color: var(--fox-neutral-color-300);--fox-button-active-background-color: var(--fox-neutral-color-200);--fox-button-disabled-background-color: var(--fox-neutral-color-200);--fox-button-disabled-text-color: var(--fox-neutral-color-white)}.fox-button__outlined{--fox-button-border-color: var(--fox-neutral-color-700);--fox-button-disabled-text-color: var(--fox-neutral-color-200)}.fox-button__elevated{box-shadow:var(--fox-elevation-2)}.fox-button__small{height:var(--fox-button-small-height, var(--fox-button-height, 24px))}.fox-button__primary{--fox-button-text-color: var(--fox-primary-color-base);--fox-button-icon-color: var(--fox-primary-color-base);--fox-button-focus-border-color: var(--fox-primary-color-base)}.fox-button__primary.fox-button__outlined{--fox-button-border-color: var(--fox-primary-color-base);--fox-button-focus-background-color: var(--fox-primary-color-light)}.fox-button__primary.fox-button__filled{--fox-button-background-color: var(--fox-primary-color-base);--fox-button-hover-background-color: var(--fox-primary-color-400);--fox-button-focus-background-color: var(--fox-primary-color-light);--fox-button-focus-border-color: var(--fox-primary-color-base);--fox-button-active-background-color: var(--fox-primary-color-base);--fox-button-text-color: var(--fox-neutral-color-white);--fox-button-icon-color: var(--fox-neutral-color-white)}.fox-button__primary.fox-button__filled:focus{color:var(--fox-primary-color-base);border-color:var(--fox-primary-color-base);--fox-button-icon-color: var(--fox-primary-color-base)}.fox-button__primary.fox-button__filled:active{color:var(--fox-neutral-color-white);--fox-button-icon-color: var(--fox-neutral-color-white)}.fox-button__primary.fox-button__disabled{--fox-button-border-color: transparent}.fox-button:hover{background:var(--fox-button-hover-background-color, var(--fox-neutral-color-white))}.fox-button:focus{background:var(--fox-button-focus-background-color, var(--fox-neutral-color-white));border-color:--fox-button-focus-border-color,var(--fox-neutral-color-700)}.fox-button:active{background:var(--fox-button-active-background-color, transparent)}.fox-button:disabled{background:var(--fox-button-disabled-background-color, transparent);color:var(--fox-button-disabled-text-color, var(--fox-neutral-color-200));box-shadow:none;--fox-button-icon-color: var( --fox-button-disabled-text-color, var(--fox-neutral-color-200) )}.fox-button fox-icon{color:var(--fox-button-icon-color, var(--fox-neutral-color-700))}.fox-button__icon{padding:var(--fox-button-padding, 0 var(--fox-space-3) 0 var(--fox-space-2))}.fox-button__icon fox-icon{margin-right:var(--fox-space-1)}.fox-button__trailing-icon{flex-direction:row-reverse;padding:var(--fox-button-padding, 0 var(--fox-space-2) 0 var(--fox-space-3))}.fox-button__trailing-icon fox-icon{margin-left:var(--fox-space-1)}`));
 
@@ -1591,16 +1591,2 @@ let _ = t => t,
   _t3;
-/**
- * This is a Button
- *
- * @element fox-button
- *
- * @slot icon - For manual  icon placement if wanted
- * @slot trailingIcon - For manual  trailingIcon placement if wanted
- *
- * @cssprop [--fox-button-font-size=14px]
- * @cssprop [--fox-button-font-weight=600]
- * @cssprop [--fox-button-text-color="var(--fox-base-grey-100-color, #0f1310)"]
- * @cssprop [--fox-button-primary-color="var(--fox-base-grey-30-color, #e7ecf0)"]
- * @cssprop [--fox-button-text-on-primary-color="var(--fox-base-grey-100-color, #0f1310)"]
- */
 class FoxButton extends LitElement {
@@ -1607,0 +1593,0 @@ constructor() {

package.json

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

src/lib/FoxButton.d.ts

@@ -9,16 +9,2 @@ import { LitElement } from 'lit';
 }
-/**
- * This is a Button
- *
- * @element fox-button
- *
- * @slot icon - For manual  icon placement if wanted
- * @slot trailingIcon - For manual  trailingIcon placement if wanted
- *
- * @cssprop [--fox-button-font-size=14px]
- * @cssprop [--fox-button-font-weight=600]
- * @cssprop [--fox-button-text-color="var(--fox-base-grey-100-color, #0f1310)"]
- * @cssprop [--fox-button-primary-color="var(--fox-base-grey-30-color, #e7ecf0)"]
- * @cssprop [--fox-button-text-on-primary-color="var(--fox-base-grey-100-color, #0f1310)"]
- */
 export declare class FoxButton extends LitElement {
@@ -25,0 +11,0 @@ /**

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

Worsened metrics

Total package byte prevSize

66268

decreased by-1.55%

Lines of code

1487

decreased by-1.85%

Dependency changes

• Updated@assecosolutions/fox-icon@~2.0.11

• Updated@assecosolutions/fox-progress@~2.0.4