@descope-ui/descope-avatar 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [0.0.7](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-avatar-0.0.6...@descope-ui/descope-avatar-0.0.7) (2025-03-03)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `@descope-ui/common` updated to version `0.0.7`
10
+ * `@descope-ui/theme-globals` updated to version `0.0.7`
11
+ ## [0.0.6](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-avatar-0.0.5...@descope-ui/descope-avatar-0.0.6) (2025-03-03)
12
+
13
+ ### Dependency Updates
14
+
15
+ * `@descope-ui/common` updated to version `0.0.6`
16
+ * `@descope-ui/theme-globals` updated to version `0.0.6`
5
17
  ## [0.0.5](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-avatar-0.0.4...@descope-ui/descope-avatar-0.0.5) (2025-02-26)
6
18
 
7
19
  ### Dependency Updates
@@ -1,8 +1,8 @@
1
1
  import { test, expect } from '@playwright/test';
2
2
  import { getStoryUrl, loopConfig, loopPresets } from 'e2e-utils';
3
+ import path from 'path';
3
4
 
4
- const img =
5
- 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzmudcbKkbOue75DaM9HDDrt0W39SJLBH-3HPK3s-K1w&s';
5
+ const img = `/@fs/${path.resolve('../stories/avatar.jpeg')}`;
6
6
 
7
7
  const componentAttributes = {
8
8
  size: ['xs', 'sm', 'md', 'lg'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope-ui/descope-avatar",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "exports": {
5
5
  ".": {
6
6
  "import": "./src/component/index.js"
@@ -20,8 +20,8 @@
20
20
  "@vaadin/avatar": "24.3.4",
21
21
  "@vaadin/icon": "24.3.4",
22
22
  "@vaadin/icons": "24.3.4",
23
- "@descope-ui/common": "0.0.5",
24
- "@descope-ui/theme-globals": "0.0.5"
23
+ "@descope-ui/common": "0.0.7",
24
+ "@descope-ui/theme-globals": "0.0.7"
25
25
  },
26
26
  "publishConfig": {
27
27
  "link-workspace-packages": false
@@ -8,6 +8,7 @@ import { compose } from '@descope-ui/common/utils';
8
8
  import {
9
9
  forwardAttrs,
10
10
  getComponentName,
11
+ injectStyle,
11
12
  observeAttributes,
12
13
  } from '@descope-ui/common/components-helpers';
13
14
 
@@ -20,8 +21,16 @@ class RawAvatar extends createBaseClass({
20
21
  super();
21
22
 
22
23
  this.attachShadow({ mode: 'open' }).innerHTML = `
23
- <style>
24
- :host {
24
+ <div class="wrapper">
25
+ <vaadin-avatar></vaadin-avatar>
26
+ <div class="editableBadge">
27
+ <vaadin-icon icon="vaadin:pencil"></vaadin-icon>
28
+ </div>
29
+ </div>
30
+ `;
31
+
32
+ injectStyle(`
33
+ :host {
25
34
  display: inline-flex;
26
35
  }
27
36
 
@@ -58,16 +67,7 @@ class RawAvatar extends createBaseClass({
58
67
  width: 100%;
59
68
  height: 100%;
60
69
  }
61
- </style>
62
-
63
-
64
- <div class="wrapper">
65
- <vaadin-avatar></vaadin-avatar>
66
- <div class="editableBadge">
67
- <vaadin-icon icon="vaadin:pencil"></vaadin-icon>
68
- </div>
69
- </div>
70
- `;
70
+ `, this);
71
71
 
72
72
  this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');
73
73
 
@@ -9,7 +9,7 @@ const Template = ({ 'display-name': displayName, img, size, editable, direction
9
9
  size="${size}"
10
10
  editable="${editable || ''}"
11
11
  st-host-direction="${direction ?? ''}">
12
- ></descope-avatar
12
+ ></descope-avatar>
13
13
  `;
14
14
 
15
15
  export default {