@breadstone/mosaik-elements-foundation 0.0.169 → 0.0.170

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.
Files changed (20) hide show
  1. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.d.ts.map +1 -1
  2. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.js +0 -2
  3. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.js.map +1 -1
  4. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.d.ts.map +1 -1
  5. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js +0 -2
  6. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js.map +1 -1
  7. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.d.ts.map +1 -1
  8. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.js +0 -2
  9. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.js.map +1 -1
  10. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.d.ts.map +1 -1
  11. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.js +5 -0
  12. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.js.map +1 -1
  13. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.d.ts.map +1 -1
  14. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js +35 -13
  15. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js.map +1 -1
  16. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.d.ts.map +1 -1
  17. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.js +5 -0
  18. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.js.map +1 -1
  19. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js +2 -2
  20. package/package.json +3 -3
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAqH1D"}
1
+ {"version":3,"file":"AvatarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAmH1D"}
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.js CHANGED
@@ -121,8 +121,6 @@ export function avatarElementCosmopolitanStyle() {
121
121
  :host [part="backplate"] [part="icon"] {
122
122
  color: inherit;
123
123
  font-size: inherit;
124
- width: calc(var(--avatar-diameter) - 16px);
125
- height: calc(var(--avatar-diameter) - 16px);
126
124
  overflow: hidden;
127
125
  }
128
126
 
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmHT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"AvatarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiHT,CAAC;AACN,CAAC"}
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CA8WjD"}
1
+ {"version":3,"file":"AvatarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CA4WjD"}
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js CHANGED
@@ -121,8 +121,6 @@ export function avatarElementJoyStyle() {
121
121
  :host [part="backplate"] [part="icon"] {
122
122
  color: inherit;
123
123
  font-size: inherit;
124
- width: calc(var(--avatar-diameter) - 16px);
125
- height: calc(var(--avatar-diameter) - 16px);
126
124
  overflow: hidden;
127
125
  }
128
126
 
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4WT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"AvatarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0WT,CAAC;AACN,CAAC"}
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAyJnD"}
1
+ {"version":3,"file":"AvatarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAuJnD"}
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.js CHANGED
@@ -121,8 +121,6 @@ export function avatarElementRetroStyle() {
121
121
  :host [part="backplate"] [part="icon"] {
122
122
  color: inherit;
123
123
  font-size: inherit;
124
- width: calc(var(--avatar-diameter) - 16px);
125
- height: calc(var(--avatar-diameter) - 16px);
126
124
  overflow: hidden;
127
125
  }
128
126
 
package/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuJT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"AvatarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Avatar/Themes/AvatarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqJT,CAAC;AACN,CAAC"}
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageAvatarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yCAAyC,IAAI,SAAS,CAgDrE"}
1
+ {"version":3,"file":"ChatMessageAvatarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yCAAyC,IAAI,SAAS,CAqDrE"}
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.js CHANGED
@@ -57,6 +57,11 @@ export function chatMessageAvatarElementCosmopolitanStyle() {
57
57
  display: none !important;
58
58
  }
59
59
 
60
+ :host [part="avatar"] {
61
+ --avatar-background-color: base. component-property($ props, background-color);
62
+ --avatar-foreground-color: base. component-property($ props, foreground-color);
63
+ }
64
+
60
65
  `;
61
66
  }
62
67
  //# sourceMappingURL=ChatMessageAvatarElement.Cosmopolitan.js.map
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageAvatarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yCAAyC;IACrD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageAvatarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yCAAyC;IACrD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDT,CAAC;AACN,CAAC"}
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageAvatarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAgD5D"}
1
+ {"version":3,"file":"ChatMessageAvatarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAsE5D"}
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js CHANGED
@@ -13,21 +13,38 @@ import { css } from '../../../../../Dom/Css';
13
13
  export function chatMessageAvatarElementJoyStyle() {
14
14
  return css `
15
15
  :host {
16
- --chat-message-avatar-font-family: unset;
17
- --chat-message-avatar-font-letter-spacing: unset;
18
- --chat-message-avatar-font-line-height: unset;
19
- --chat-message-avatar-font-size: unset;
16
+ --chat-message-avatar-background-color: var(--joy-scheme-background);
17
+ --chat-message-avatar-badge-gap: var(--joy-layout-thickness);
18
+ --chat-message-avatar-badge-horizontal-align: right;
19
+ --chat-message-avatar-badge-radius: var(--joy-layout-space);
20
+ --chat-message-avatar-badge-vertical-align: bottom;
21
+ --chat-message-avatar-border-color: var(--joy-scheme-highlight);
22
+ --chat-message-avatar-border-radius: 50%;
23
+ --chat-message-avatar-border-style: solid;
24
+ --chat-message-avatar-border-width: 0px;
25
+ --chat-message-avatar-diameter: 64px;
26
+ --chat-message-avatar-font-family: var(--joy-font-family);
27
+ --chat-message-avatar-font-letter-spacing: 0px;
28
+ --chat-message-avatar-font-line-height: calc(var(--avatar-font-size) + 4px);
29
+ --chat-message-avatar-font-size: 32px;
20
30
  --chat-message-avatar-font-text-decoration: unset;
21
31
  --chat-message-avatar-font-text-transform: unset;
22
- --chat-message-avatar-font-weight: unset;
23
- --chat-message-avatar-gap: unset;
24
- --chat-message-avatar-padding-bottom: unset;
25
- --chat-message-avatar-padding-left: unset;
26
- --chat-message-avatar-padding-right: unset;
27
- --chat-message-avatar-padding-top: unset;
28
- --chat-message-avatar-transition-duration: unset;
29
- --chat-message-avatar-transition-mode: unset;
30
- --chat-message-avatar-transition-property: unset;
32
+ --chat-message-avatar-font-weight: 600;
33
+ --chat-message-avatar-foreground-color: var(--joy-scheme-foreground);
34
+ --chat-message-avatar-gap: var(--joy-layout-space);
35
+ --chat-message-avatar-offset: calc(var(--joy-layout-space) * 2);
36
+ --chat-message-avatar-padding-bottom: calc(var(--joy-layout-space) / 2);
37
+ --chat-message-avatar-padding-left: var(--joy-layout-space);
38
+ --chat-message-avatar-padding-right: var(--joy-layout-space);
39
+ --chat-message-avatar-padding-top: calc(var(--joy-layout-space) / 2);
40
+ --chat-message-avatar-shadow-blur: unset;
41
+ --chat-message-avatar-shadow-color: unset;
42
+ --chat-message-avatar-shadow-offset-x: unset;
43
+ --chat-message-avatar-shadow-offset-y: unset;
44
+ --chat-message-avatar-shadow-spread: unset;
45
+ --chat-message-avatar-transition-duration: var(--joy-duration-short);
46
+ --chat-message-avatar-transition-mode: ease;
47
+ --chat-message-avatar-transition-property: background-color, color, border-color, opacity, box-shadow;
31
48
  --chat-message-avatar-translate: unset;
32
49
  }
33
50
 
@@ -57,6 +74,11 @@ export function chatMessageAvatarElementJoyStyle() {
57
74
  display: none !important;
58
75
  }
59
76
 
77
+ :host [part="avatar"] {
78
+ --avatar-background-color: base. component-property($ props, background-color);
79
+ --avatar-foreground-color: base. component-property($ props, foreground-color);
80
+ }
81
+
60
82
  `;
61
83
  }
62
84
  //# sourceMappingURL=ChatMessageAvatarElement.Joy.js.map
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageAvatarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageAvatarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoET,CAAC;AACN,CAAC"}
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageAvatarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAgD9D"}
1
+ {"version":3,"file":"ChatMessageAvatarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAqD9D"}
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.js CHANGED
@@ -57,6 +57,11 @@ export function chatMessageAvatarElementRetroStyle() {
57
57
  display: none !important;
58
58
  }
59
59
 
60
+ :host [part="avatar"] {
61
+ --avatar-background-color: base. component-property($ props, background-color);
62
+ --avatar-foreground-color: base. component-property($ props, foreground-color);
63
+ }
64
+
60
65
  `;
61
66
  }
62
67
  //# sourceMappingURL=ChatMessageAvatarElement.Retro.js.map
package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageAvatarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageAvatarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDT,CAAC;AACN,CAAC"}
package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js CHANGED
@@ -171,7 +171,7 @@ export function chatMessageElementJoyStyle() {
171
171
  }
172
172
  }
173
173
 
174
- :host [part="author"] {
174
+ :host ::slotted([slot="author"]), :host [part="author"] {
175
175
  font-family: var(--joy-typography-caption-font-family);
176
176
  font-size: var(--joy-typography-caption-font-size);
177
177
  line-height: var(--joy-typography-caption-line-height);
@@ -182,7 +182,7 @@ export function chatMessageElementJoyStyle() {
182
182
  letter-spacing: var(--joy-typography-caption-letter-spacing);
183
183
  }
184
184
 
185
- :host [part="at"] {
185
+ :host ::slotted([slot="at"]), :host [part="at"] {
186
186
  --text-foreground-color: var(--joy-scheme-middlelight);
187
187
  font-family: var(--joy-typography-caption-font-family);
188
188
  font-size: var(--joy-typography-caption-font-size);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.0.169",
3
+ "version": "0.0.170",
4
4
  "description": "Mosaik elements components package.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "^0.0.169",
18
- "@breadstone/mosaik-themes": "^0.0.169",
17
+ "@breadstone/mosaik-elements": "^0.0.170",
18
+ "@breadstone/mosaik-themes": "^0.0.170",
19
19
  "@ctrl/tinycolor": "^4.2.0",
20
20
  "@floating-ui/dom": "^1.7.4",
21
21
  "@lit-labs/virtualizer": "^2.1.1",