@assecosolutions/fox-avatar - npm Package Compare versions

Comparing version 1.11.4 to 1.11.5

index.js

@@ -1558,70 +1558,4 @@ import { css, LitElement, html as html$2 } from 'lit';
   _t$1;
-const styles = css(_t$1 || (_t$1 = _$1`
-  :host {
-    display: inline-flex;
-    box-sizing: border-box;
-    width: var(--fox-avatar-size);
-    height: var(--fox-avatar-size);
-    align-items: center;
-    justify-content: center;
-    background: var(--fox-base-grey-30-color, #e7ecf0);
-    border-radius: 50%;
-    color: var(--fox-base-grey-color, #738292);
-    position: relative;
-  }
+const styles = css(_t$1 || (_t$1 = _$1`:host{display:inline-flex;box-sizing:border-box;width:var(--fox-avatar-size);height:var(--fox-avatar-size);align-items:center;justify-content:center;background:var(--fox-avatar-background-color, var(--fox-base-grey-30-color, #e7ecf0));border-radius:50%;color:var(--fox-base-grey-color, #738292);position:relative}:host h3{font-family:var(--fox-font-family, "Nunito", sans-serif);font-style:normal;font-weight:var(--fox-font-weight-medium, 600);font-size:var(--fox-avatar-font-size);line-height:var(--fox-avatar-size);text-transform:uppercase;margin:0}:host fox-icon{font-size:var(--fox-avatar-icon-size)}:host([size=xs]){--fox-avatar-size: 18px;--fox-avatar-icon-size: 8px;--fox-avatar-font-size: 8px}:host([size=s]){--fox-avatar-size: 24px;--fox-avatar-icon-size: 10px;--fox-avatar-font-size: 10px}:host([size=m]){--fox-avatar-size: 32px;--fox-avatar-icon-size: 16px;--fox-avatar-font-size: 12px}:host([size=l]){--fox-avatar-size: 48px;--fox-avatar-icon-size: 24px;--fox-avatar-font-size: 14px}:host([size=xl]){--fox-avatar-size: 72px;--fox-avatar-icon-size: 36px;--fox-avatar-font-size: 20px}:host([showPlaceholder]){background:rgba(0,0,0,0);border:1px dashed var(--fox-base-grey-60-color, #94a8bc)}:host([rectangle]){border-radius:4px}`));
 
-  :host h3 {
-    font-family: var(--fox-font-family, 'Nunito', sans-serif);
-    font-style: normal;
-    font-weight: var(--fox-font-weight-medium, 600);
-    font-size: var(--fox-avatar-font-size);
-    line-height: var(--fox-avatar-size);
-    text-transform: uppercase;
-    margin: 0;
-  }
-
-  :host fox-icon {
-    font-size: var(--fox-avatar-icon-size);
-  }
-
-  :host([size='xs']) {
-    --fox-avatar-size: 18px;
-    --fox-avatar-icon-size: 8px;
-    --fox-avatar-font-size: 8px;
-  }
-
-  :host([size='s']) {
-    --fox-avatar-size: 24px;
-    --fox-avatar-icon-size: 10px;
-    --fox-avatar-font-size: 10px;
-  }
-
-  :host([size='m']) {
-    --fox-avatar-size: 32px;
-    --fox-avatar-icon-size: 16px;
-    --fox-avatar-font-size: 12px;
-  }
-
-  :host([size='l']) {
-    --fox-avatar-size: 48px;
-    --fox-avatar-icon-size: 24px;
-    --fox-avatar-font-size: 14px;
-  }
-
-  :host([size='xl']) {
-    --fox-avatar-size: 72px;
-    --fox-avatar-icon-size: 36px;
-    --fox-avatar-font-size: 20px;
-  }
-
-  :host([showPlaceholder]) {
-    background: rgba(0, 0, 0, 0);
-    border: 1px dashed var(--fox-base-grey-60-color, #94a8bc);
-  }
-
-  :host([rectangle]) {
-    border-radius: 4px;
-  }
-`));
-
 let _ = t => t,
@@ -1628,0 +1562,0 @@ _t,

package.json

 {
   "name": "@assecosolutions/fox-avatar",
-  "version": "1.11.4",
+  "version": "1.11.5",
   "public": true,
@@ -20,8 +20,8 @@ "publishConfig": {
   "dependencies": {
-    "@assecosolutions/fox-icon": "~1.11.3",
-    "@assecosolutions/fox-image": "~1.11.3"
+    "@assecosolutions/fox-icon": "~1.11.4",
+    "@assecosolutions/fox-image": "~1.11.4"
   },
   "peerDependencies": {
-    "lit": "^2.5.0"
+    "lit": "^2.0.0"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

62655

decreased by-0.43%

Lines of code

1460

decreased by-3.5%

Dependency changes

• Updated@assecosolutions/fox-icon@~1.11.4

• Updated@assecosolutions/fox-image@~1.11.4