@justeattakeaway/pie-avatar 0.4.31 → 0.4.32

package/custom-elements.json

@@ -26,7 +26,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\n    tag: 'div',\n}"
+          "default": "{ tag: 'div', }"
         }
       ],
       "exports": [
@@ -60,7 +60,8 @@
             {
               "kind": "field",
               "name": "tag",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "tag"
             },
             {
               "kind": "field",
@@ -68,7 +69,8 @@
               "type": {
                 "text": "AvatarProps['label']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "label"
             },
             {
               "kind": "field",
@@ -76,7 +78,8 @@
               "type": {
                 "text": "AvatarProps['src']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "src"
             },
             {
               "kind": "method",
@@ -95,7 +98,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 +147,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 +156,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 +176,27 @@
                   }
                 }
               ],
-              "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`."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "tag",
+              "fieldName": "tag"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "AvatarProps['label']"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "AvatarProps['src']"
+              },
+              "fieldName": "src"
             }
           ],
           "mixins": [
@@ -196,7 +219,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/defs"
           }
         },
         {

package/dist/index.js

@@ -7,7 +7,7 @@ const o = class o extends h {
     this.getAttribute("v") || this.setAttribute("v", o.v);
   }
 };
-o.v = "0.4.31";
+o.v = "0.4.32";
 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-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"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-avatar",
   "description": "PIE Design System Avatar built using Web Components",
-  "version": "0.4.31",
+  "version": "0.4.32",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,7 +37,7 @@
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.21.1",
+    "@justeattakeaway/pie-components-config": "0.21.2",
     "@justeattakeaway/pie-css": "1.1.1",
     "@justeattakeaway/pie-monorepo-utils": "0.9.1"
   },