@breadstone/mosaik-elements-svelte 0.0.128 → 0.0.130

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.130 (2025-08-22)
+
+### 🚀 Features
+
+- add appearance property to ChatMarker components and update styles for new appearances ([23a86826b3](https://github.com/RueDeRennes/mosaik/commit/23a86826b3))
+- update event names for recorder events to camelCase format ([bfd76cfe4b](https://github.com/RueDeRennes/mosaik/commit/bfd76cfe4b))
+
+## 0.0.129 (2025-08-22)
+
+### 🚀 Features
+
+- add filePicked event to AttachmentChatTool component across multiple frameworks ([1c4744bc41](https://github.com/RueDeRennes/mosaik/commit/1c4744bc41))
+- **voice-recorder:** add event handling for recording actions and update component props ([e78be3a04d](https://github.com/RueDeRennes/mosaik/commit/e78be3a04d))
+
 ## 0.0.128 (2025-08-22)
 
 ### 🚀 Features

package/index.mjs

@@ -112214,7 +112214,7 @@ let wa = class extends P($y) {
    * @public
    */
   constructor() {
-    super(), this._state = qC.Idle, this._elapsedTime = 0, this._maxDurationTime = 0, this._objectUrl = null, this._canPause = !1, this._recCancel = new at(this, "rec-cancel"), this._recStart = new at(this, "rec-start"), this._recPause = new at(this, "rec-pause"), this._recResume = new at(this, "rec-resume"), this._recStop = new at(this, "rec-stop");
+    super(), this._state = qC.Idle, this._elapsedTime = 0, this._maxDurationTime = 0, this._objectUrl = null, this._canPause = !1, this._recCancel = new at(this, "recCancel"), this._recStart = new at(this, "recStart"), this._recPause = new at(this, "recPause"), this._recResume = new at(this, "recResume"), this._recStop = new at(this, "recStop");
   }
   // #endregion
   // #region Properties
@@ -112390,23 +112390,23 @@ let wa = class extends P($y) {
   }
 };
 xi([
-  nt({ eventName: "rec-cancel" }),
+  nt({ eventName: "recCancel" }),
   Pr("design:type", Object)
 ], wa.prototype, "_recCancel", void 0);
 xi([
-  nt({ eventName: "rec-start" }),
+  nt({ eventName: "recStart" }),
   Pr("design:type", Object)
 ], wa.prototype, "_recStart", void 0);
 xi([
-  nt({ eventName: "rec-pause" }),
+  nt({ eventName: "recPause" }),
   Pr("design:type", Object)
 ], wa.prototype, "_recPause", void 0);
 xi([
-  nt({ eventName: "rec-resume" }),
+  nt({ eventName: "recResume" }),
   Pr("design:type", Object)
 ], wa.prototype, "_recResume", void 0);
 xi([
-  nt({ eventName: "rec-stop" }),
+  nt({ eventName: "recStop" }),
   Pr("design:type", Object)
 ], wa.prototype, "_recStop", void 0);
 xi([
@@ -116111,6 +116111,203 @@ function _Q() {
   flex-shrink: 0;
 }
 
+:host([appearance="outline"]) {
+  --chat-marker-background-color: var(--joy-scheme-background);
+  --chat-marker-foreground-color: var(--joy-scheme-foreground);
+  --chat-marker-border-color: var(--joy-scheme-highlight);
+  --chat-marker-border-width: var(--joy-layout-thickness);
+  --chat-marker-border-style: solid;
+}
+
+:host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-primary-500);
+  --chat-marker-border-color: var(--joy-color-primary-500);
+}
+
+:host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-secondary-500);
+  --chat-marker-border-color: var(--joy-color-secondary-500);
+}
+
+:host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-tertiary-500);
+  --chat-marker-border-color: var(--joy-color-tertiary-500);
+}
+
+:host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-danger-500);
+  --chat-marker-border-color: var(--joy-color-danger-500);
+}
+
+:host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-warning-500);
+  --chat-marker-border-color: var(--joy-color-warning-500);
+}
+
+:host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-success-500);
+  --chat-marker-border-color: var(--joy-color-success-500);
+}
+
+:host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-info-500);
+  --chat-marker-border-color: var(--joy-color-info-500);
+}
+
+:host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-highlight-500);
+  --chat-marker-border-color: var(--joy-color-highlight-500);
+}
+
+:host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-neutral-500);
+  --chat-marker-border-color: var(--joy-color-neutral-500);
+}
+
+:host([appearance="soft"]) {
+  --chat-marker-background-color: var(--joy-scheme-highlight);
+  --chat-marker-foreground-color: var(--joy-scheme-foreground);
+  --chat-marker-border-width: 0;
+}
+
+:host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-primary-100);
+  --chat-marker-foreground-color: var(--joy-color-primary-500);
+}
+
+:host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-secondary-100);
+  --chat-marker-foreground-color: var(--joy-color-secondary-500);
+}
+
+:host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-tertiary-100);
+  --chat-marker-foreground-color: var(--joy-color-tertiary-500);
+}
+
+:host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-danger-100);
+  --chat-marker-foreground-color: var(--joy-color-danger-500);
+}
+
+:host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-warning-100);
+  --chat-marker-foreground-color: var(--joy-color-warning-500);
+}
+
+:host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-success-100);
+  --chat-marker-foreground-color: var(--joy-color-success-500);
+}
+
+:host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-info-100);
+  --chat-marker-foreground-color: var(--joy-color-info-500);
+}
+
+:host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-highlight-100);
+  --chat-marker-foreground-color: var(--joy-color-highlight-500);
+}
+
+:host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-neutral-100);
+  --chat-marker-foreground-color: var(--joy-color-neutral-500);
+}
+
+:host([appearance="plain"]) {
+  --chat-marker-background-color: var(--joy-scheme-background);
+  --chat-marker-foreground-color: var(--joy-scheme-foreground);
+  --chat-marker-border-width: 0;
+}
+
+:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-primary-500);
+}
+
+:host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-secondary-500);
+}
+
+:host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-tertiary-500);
+}
+
+:host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-danger-500);
+}
+
+:host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-warning-500);
+}
+
+:host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-success-500);
+}
+
+:host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-info-500);
+}
+
+:host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-highlight-500);
+}
+
+:host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-foreground-color: var(--joy-color-neutral-500);
+}
+
+:host([appearance="solid"]) {
+  --chat-marker-background-color: var(--joy-scheme-highlight);
+  --chat-marker-foreground-color: var(--joy-scheme-foreground);
+  --chat-marker-border-width: 0;
+}
+
+:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-primary-500);
+  --chat-marker-foreground-color: var(--joy-color-primary-0);
+}
+
+:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-secondary-500);
+  --chat-marker-foreground-color: var(--joy-color-secondary-0);
+}
+
+:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-tertiary-500);
+  --chat-marker-foreground-color: var(--joy-color-tertiary-0);
+}
+
+:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-danger-500);
+  --chat-marker-foreground-color: var(--joy-color-danger-0);
+}
+
+:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-warning-500);
+  --chat-marker-foreground-color: var(--joy-color-warning-0);
+}
+
+:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-success-500);
+  --chat-marker-foreground-color: var(--joy-color-success-0);
+}
+
+:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-info-500);
+  --chat-marker-foreground-color: var(--joy-color-info-0);
+}
+
+:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-highlight-500);
+  --chat-marker-foreground-color: var(--joy-color-highlight-0);
+}
+
+:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --chat-marker-background-color: var(--joy-color-neutral-500);
+  --chat-marker-foreground-color: var(--joy-color-neutral-0);
+}
+
 :host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --chat-marker-foreground-color: var(--joy-color-primary-500);
   --chat-marker-border-color: var(--joy-color-primary-500);
@@ -116350,7 +116547,7 @@ var Ok = function(o, t, e, r) {
 }, _g = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let _m = class extends P(J(qt(os(kk(le(H)))))) {
+let _m = class extends P(J(qt(os(kk(le(pt(H))))))) {
   // #region Fields
   _text;
   _icon;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.128",
+    "version": "0.0.130",
     "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.128",
-        "@breadstone/mosaik-elements-foundation": "^0.0.128",
+        "@breadstone/mosaik-elements": "^0.0.130",
+        "@breadstone/mosaik-elements-foundation": "^0.0.130",
         "tslib": "^2.8.1"
     },
     "exports": {