@assecosolutions/fox-badge - npm Package Compare versions

Comparing version 1.11.4 to 1.11.5

index.js

@@ -1558,95 +1558,4 @@ import { css, LitElement, html as html$2 } from 'lit';
   _t$1;
-const styles = css(_t$1 || (_t$1 = _$1`
-  :host {
-    --fox-badge-primary-color-fallback: transparent
-      linear-gradient(
-        250deg,
-        var(--fox-client-light-color, #76ddff) 0%,
-        var(--fox-client-base-color, #4599ff) 100%
-      )
-      0 0 no-repeat padding-box;
-  }
+const styles = css(_t$1 || (_t$1 = _$1`:host{--fox-badge-primary-color-fallback: transparent linear-gradient( 250deg, var(--fox-client-light-color, #76ddff) 0%, var(--fox-client-base-color, #4599ff) 100% ) 0 0 no-repeat padding-box}:host{--fox-badge-font-size: var(--fox-font-size-s, 12px);--fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);--fox-badge-border: none;--fox-badge-border-radius: 10rem;--fox-badge-height: 20px;--fox-badge-text-color: var(--fox-font-base-color, #0f1310);--fox-badge-primary-color: var(--fox-base-grey-30-color, #e7ecf0);--fox-badge-outlined-color: var(--fox-font-base-color, #0f1310);--fox-badge-icon-color: var(--fox-badge-text-color)}:host([primary]){--fox-badge-text-color: var(--fox-feedback-white-color, white);--fox-badge-primary-color: var( --fox-client-gradient-top-color, var(--fox-badge-primary-color-fallback) );--fox-badge-outlined-color: var(--fox-client-base-color, #4599ff)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;box-sizing:border-box}.fox-badge{font-family:var(--fox-font-family, "Nunito");text-align:center;font-size:var(--fox-badge-font-size);line-height:var(--fox-badge-font-size);font-weight:var(--fox-badge-font-weight);color:var(--fox-badge-text-color);background:var(--fox-badge-background-color, var(--fox-badge-primary-color));border-radius:var(--fox-badge-border-radius);padding:2px 10px;height:var(--fox-badge-height);white-space:nowrap;vertical-align:baseline;border:var(--fox-badge-border);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.fox-badge__outlined{--fox-badge-background-color: none;--fox-badge-border: 2px solid var(--fox-badge-outlined-color);--fox-badge-text-color: var(--fox-badge-outlined-color);--fox-badge-icon-color: var(--fox-badge-outlined-color)}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon,.leading-icon ::slotted(*),.leading-icon .fox-badge__icon{color:var(--fox-badge-icon-color);margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon{margin-left:5px;margin-right:0}`));
 
-  :host {
-    --fox-badge-font-size: var(--fox-font-size-s, 12px);
-    --fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);
-    --fox-badge-border: none;
-    --fox-badge-border-radius: 10rem;
-    --fox-badge-height: 20px;
-    --fox-badge-text-color: var(--fox-font-base-color, #0f1310);
-    --fox-badge-primary-color: var(--fox-base-grey-30-color, #e7ecf0);
-    --fox-badge-outlined-color: var(--fox-font-base-color, #0f1310);
-    --fox-badge-icon-color: var(--fox-badge-text-color);
-  }
-
-  :host([primary]) {
-    --fox-badge-text-color: var(--fox-feedback-white-color, white);
-    --fox-badge-primary-color: var(
-      --fox-client-gradient-top-color,
-      var(--fox-badge-primary-color-fallback)
-    );
-    --fox-badge-outlined-color: var(--fox-client-base-color, #4599ff);
-  }
-
-  :host {
-    display: inline-flex;
-    outline: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    vertical-align: top;
-    box-sizing: border-box;
-  }
-
-  .fox-badge {
-    font-family: var(--fox-font-family, 'Nunito');
-    text-align: center;
-    font-size: var(--fox-badge-font-size);
-    line-height: var(--fox-badge-font-size);
-    font-weight: var(--fox-badge-font-weight);
-    color: var(--fox-badge-text-color);
-    background: var(
-      --fox-badge-background-color,
-      var(--fox-badge-primary-color)
-    );
-    border-radius: var(--fox-badge-border-radius);
-    padding: 2px 10px;
-    height: var(--fox-badge-height);
-    white-space: nowrap;
-    vertical-align: baseline;
-    border: var(--fox-badge-border);
-    flex: auto;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-  }
-
-  .fox-badge__outlined {
-    --fox-badge-background-color: none;
-    --fox-badge-border: 2px solid var(--fox-badge-outlined-color);
-    --fox-badge-text-color: var(--fox-badge-outlined-color);
-    --fox-badge-icon-color: var(--fox-badge-outlined-color);
-  }
-
-  .trailing-icon ::slotted(*),
-  .trailing-icon .fox-badge__icon,
-  .leading-icon ::slotted(*),
-  .leading-icon .fox-badge__icon {
-    color: var(--fox-badge-icon-color);
-    margin-left: 0;
-    margin-right: 5px;
-    display: block;
-    width: 18px;
-    height: 18px;
-    font-size: 18px;
-    vertical-align: top;
-  }
-
-  .trailing-icon ::slotted(*),
-  .trailing-icon .fox-badge__icon {
-    margin-left: 5px;
-    margin-right: 0;
-  }
-`));
-
 let _ = t => t,
@@ -1653,0 +1562,0 @@ _t,

package.json

 {
   "name": "@assecosolutions/fox-badge",
-  "version": "1.11.4",
+  "version": "1.11.5",
   "publishConfig": {
@@ -19,7 +19,7 @@ "registry": "https://registry.npmjs.org"
   "dependencies": {
-    "@assecosolutions/fox-icon": "~1.11.3"
+    "@assecosolutions/fox-icon": "~1.11.4"
   },
   "peerDependencies": {
-    "lit": "^2.5.0"
+    "lit": "^2.0.0"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

63955

decreased by-0.7%

Lines of code

1443

decreased by-5%

Dependency changes

• Updated@assecosolutions/fox-icon@~1.11.4