@breadstone/mosaik-elements-svelte 0.0.169 → 0.0.170

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.170 (2025-10-28)
+
+### 🩹 Fixes
+
+- **release:** update release version to 0.0.169 ([77c58d1eea](https://github.com/RueDeRennes/mosaik/commit/77c58d1eea))
+
 ## 0.0.169 (2025-10-28)
 
 ### 🚀 Features

package/index.mjs

@@ -111020,8 +111020,6 @@ function cZ() {
 :host [part="backplate"] [part="icon"] {
   color: inherit;
   font-size: inherit;
-  width: calc(var(--avatar-diameter)  - 16px);
-  height: calc(var(--avatar-diameter)  - 16px);
   overflow: hidden;
 }
 
@@ -111387,8 +111385,6 @@ function hZ() {
 :host [part="backplate"] [part="icon"] {
   color: inherit;
   font-size: inherit;
-  width: calc(var(--avatar-diameter)  - 16px);
-  height: calc(var(--avatar-diameter)  - 16px);
   overflow: hidden;
 }
 
@@ -111541,8 +111537,6 @@ function pZ() {
 :host [part="backplate"] [part="icon"] {
   color: inherit;
   font-size: inherit;
-  width: calc(var(--avatar-diameter)  - 16px);
-  height: calc(var(--avatar-diameter)  - 16px);
   overflow: hidden;
 }
 
@@ -117322,21 +117316,38 @@ function pJ(o) {
 function uJ() {
   return m`
 :host {
-  --chat-message-avatar-font-family: unset;
-  --chat-message-avatar-font-letter-spacing: unset;
-  --chat-message-avatar-font-line-height: unset;
-  --chat-message-avatar-font-size: unset;
+  --chat-message-avatar-background-color: var(--joy-scheme-background);
+  --chat-message-avatar-badge-gap: var(--joy-layout-thickness);
+  --chat-message-avatar-badge-horizontal-align: right;
+  --chat-message-avatar-badge-radius: var(--joy-layout-space);
+  --chat-message-avatar-badge-vertical-align: bottom;
+  --chat-message-avatar-border-color: var(--joy-scheme-highlight);
+  --chat-message-avatar-border-radius: 50%;
+  --chat-message-avatar-border-style: solid;
+  --chat-message-avatar-border-width: 0px;
+  --chat-message-avatar-diameter: 64px;
+  --chat-message-avatar-font-family: var(--joy-font-family);
+  --chat-message-avatar-font-letter-spacing: 0px;
+  --chat-message-avatar-font-line-height: calc(var(--avatar-font-size)  + 4px);
+  --chat-message-avatar-font-size: 32px;
   --chat-message-avatar-font-text-decoration: unset;
   --chat-message-avatar-font-text-transform: unset;
-  --chat-message-avatar-font-weight: unset;
-  --chat-message-avatar-gap: unset;
-  --chat-message-avatar-padding-bottom: unset;
-  --chat-message-avatar-padding-left: unset;
-  --chat-message-avatar-padding-right: unset;
-  --chat-message-avatar-padding-top: unset;
-  --chat-message-avatar-transition-duration: unset;
-  --chat-message-avatar-transition-mode: unset;
-  --chat-message-avatar-transition-property: unset;
+  --chat-message-avatar-font-weight: 600;
+  --chat-message-avatar-foreground-color: var(--joy-scheme-foreground);
+  --chat-message-avatar-gap: var(--joy-layout-space);
+  --chat-message-avatar-offset: calc(var(--joy-layout-space) * 2);
+  --chat-message-avatar-padding-bottom: calc(var(--joy-layout-space) / 2);
+  --chat-message-avatar-padding-left: var(--joy-layout-space);
+  --chat-message-avatar-padding-right: var(--joy-layout-space);
+  --chat-message-avatar-padding-top: calc(var(--joy-layout-space) / 2);
+  --chat-message-avatar-shadow-blur: unset;
+  --chat-message-avatar-shadow-color: unset;
+  --chat-message-avatar-shadow-offset-x: unset;
+  --chat-message-avatar-shadow-offset-y: unset;
+  --chat-message-avatar-shadow-spread: unset;
+  --chat-message-avatar-transition-duration: var(--joy-duration-short);
+  --chat-message-avatar-transition-mode: ease;
+  --chat-message-avatar-transition-property: background-color, color, border-color, opacity, box-shadow;
   --chat-message-avatar-translate: unset;
 }
 
@@ -117366,6 +117377,11 @@ function uJ() {
   display: none !important;
 }
 
+:host [part="avatar"] {
+  --avatar-background-color: base. component-property($ props, background-color);
+  --avatar-foreground-color: base. component-property($ props, foreground-color);
+}
+
     `;
 }
 function gJ() {
@@ -117415,6 +117431,11 @@ function gJ() {
   display: none !important;
 }
 
+:host [part="avatar"] {
+  --avatar-background-color: base. component-property($ props, background-color);
+  --avatar-foreground-color: base. component-property($ props, foreground-color);
+}
+
     `;
 }
 function fJ() {
@@ -117464,6 +117485,11 @@ function fJ() {
   display: none !important;
 }
 
+:host [part="avatar"] {
+  --avatar-background-color: base. component-property($ props, background-color);
+  --avatar-foreground-color: base. component-property($ props, foreground-color);
+}
+
     `;
 }
 var Py = function(o, t, e, r) {
@@ -117783,7 +117809,7 @@ function mJ() {
   }
 }
 
-:host [part="author"] {
+:host ::slotted([slot="author"]), :host [part="author"] {
   font-family: var(--joy-typography-caption-font-family);
   font-size: var(--joy-typography-caption-font-size);
   line-height: var(--joy-typography-caption-line-height);
@@ -117794,7 +117820,7 @@ function mJ() {
   letter-spacing: var(--joy-typography-caption-letter-spacing);
 }
 
-:host [part="at"] {
+:host ::slotted([slot="at"]), :host [part="at"] {
   --text-foreground-color: var(--joy-scheme-middlelight);
   font-family: var(--joy-typography-caption-font-family);
   font-size: var(--joy-typography-caption-font-size);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.169",
+    "version": "0.0.170",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.169",
-        "@breadstone/mosaik-elements-foundation": "^0.0.169",
+        "@breadstone/mosaik-elements": "^0.0.170",
+        "@breadstone/mosaik-elements-foundation": "^0.0.170",
         "tslib": "^2.8.1"
     },
     "exports": {