@justeattakeaway/pie-avatar 0.4.19 → 0.4.21

package/custom-elements.json

@@ -26,7 +26,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\n    tag: 'div',\n}"
+          "default": "{\r\n    tag: 'div',\r\n}"
         }
       ],
       "exports": [
@@ -95,7 +95,7 @@
                   }
                 }
               ],
-              "description": "Attempts to extract initials from the label string.\nIf the label is not provided or is invalid, it returns null."
+              "description": "Attempts to extract initials from the label string.\r\nIf the label is not provided or is invalid, it returns null."
             },
             {
               "kind": "method",
@@ -144,7 +144,7 @@
                   }
                 }
               ],
-              "description": "Renders an image.\nWe assign an empty string to the alt attribute for a11y clarity as it explicitly declares the image as decorative"
+              "description": "Renders an image.\r\nWe assign an empty string to the alt attribute for a11y clarity as it explicitly declares the image as decorative"
             },
             {
               "kind": "field",
@@ -153,7 +153,7 @@
                 "text": "TemplateResult"
               },
               "privacy": "private",
-              "description": "Renders the inner content of the avatar such as initials, an icon or an image.\nIt is a getter because the value is computed based on properties",
+              "description": "Renders the inner content of the avatar such as initials, an icon or an image.\r\nIt is a getter because the value is computed based on properties",
               "readonly": true
             },
             {
@@ -173,7 +173,7 @@
                   }
                 }
               ],
-              "description": "Renders the avatar wrapper element based on the `tag` property.\nCan be a `button`, `a` or a `div`."
+              "description": "Renders the avatar wrapper element based on the `tag` property.\r\nCan be a `button`, `a` or a `div`."
             }
           ],
           "mixins": [

package/dist/index.js

@@ -1,5 +1,5 @@
-import { LitElement as h, html as s, unsafeCSS as g } from "lit";
-import { RtlMixin as f, validPropertyValues as b, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+import { LitElement as h, html as s, unsafeCSS as f } from "lit";
+import { RtlMixin as g, validPropertyValues as b, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 import "@justeattakeaway/pie-icons-webc/dist/IconUser.js";
 import { property as v } from "lit/decorators.js";
 const o = class o extends h {
@@ -7,9 +7,9 @@ const o = class o extends h {
     this.getAttribute("v") || this.setAttribute("v", o.v);
   }
 };
-o.v = "0.4.19";
+o.v = "0.4.21";
 let p = o;
-const y = "*,*:after,*:before{box-sizing:inherit}:host{display:block;--avatar-size: 32px}.c-avatar-visuallyHidden{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}.c-avatar{display:flex;justify-content:center;align-items:center;font-size:calc(var(--dt-font-body-s-size) * 1px);background-color:var(--dt-color-container-inverse);color:var(--dt-color-content-interactive-primary);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--dt-radius-rounded-e);overflow:hidden}.c-avatar--image{width:100%;height:100%;object-fit:cover}.c-avatar--button{border:none;font-family:inherit}", x = ["a", "button", "div"], u = {
+const y = "*,*:after,*:before{box-sizing:inherit}:host{display:block;--avatar-size: 32px}.c-avatar-visuallyHidden{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}.c-avatar{display:flex;justify-content:center;align-items:center;font-family:var(--dt-font-body-s-family);font-size:calc(var(--dt-font-body-s-size) * 1px);background-color:var(--dt-color-container-inverse);color:var(--dt-color-content-interactive-primary);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--dt-radius-rounded-e);overflow:hidden}.c-avatar--image{width:100%;height:100%;object-fit:cover}.c-avatar--button{border:none;font-family:inherit}", x = ["a", "button", "div"], u = {
   tag: "div"
 };
 var w = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (t, a, r, i) => {
@@ -18,7 +18,7 @@ var w = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (t, a, r
   return i && e && w(a, r, e), e;
 };
 const S = "pie-avatar";
-let n = class extends f(p) {
+let n = class extends g(p) {
   constructor() {
     super(...arguments), this.tag = u.tag;
   }
@@ -100,7 +100,7 @@ let n = class extends f(p) {
     return this.renderAvatarWrapper(this.avatarContent);
   }
 };
-n.styles = g(y);
+n.styles = f(y);
 l([
   v({ type: String }),
   b(S, x, u.tag)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-avatar",
   "description": "PIE Design System Avatar built using Web Components",
-  "version": "0.4.19",
+  "version": "0.4.21",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -39,13 +39,13 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.21.0",
-    "@justeattakeaway/pie-css": "0.30.0",
+    "@justeattakeaway/pie-css": "0.31.0",
     "@justeattakeaway/pie-monorepo-utils": "0.7.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "1.20.6",
-    "@justeattakeaway/pie-webc-core": "10.0.0"
+    "@justeattakeaway/pie-icons-webc": "1.20.7",
+    "@justeattakeaway/pie-webc-core": "11.0.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/avatar.scss

@@ -16,6 +16,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    font-family: var(--dt-font-body-s-family);
     @include p.font-size(--dt-font-body-s-size);
     background-color: var(--dt-color-container-inverse);
     color: var(--dt-color-content-interactive-primary);