@breadstone/mosaik-elements-svelte 0.1.67 → 0.1.68

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 (3) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/index.mjs +35 -6
  3. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 0.1.68 (2026-08-02)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **prompt-box:** source focus ring offsets from theme tokens ([36fe537153](https://github.com/RueDeRennes/mosaik/commit/36fe537153))
6
+ - **chat:** stabilize rail layout and nested interactions ([637075d3ec](https://github.com/RueDeRennes/mosaik/commit/637075d3ec))
7
+
1
8
  ## 0.1.67 (2026-07-31)
2
9
 
3
10
  ### 🚀 Features
package/index.mjs CHANGED
@@ -101247,6 +101247,10 @@ function RU() {
101247
101247
  --prompt-box-border-width: unset;
101248
101248
  --prompt-box-floating-label-font-size: 12px;
101249
101249
  --prompt-box-floating-label-line-height: 12px;
101250
+ --prompt-box-focus-ring-active-width: 8px;
101251
+ --prompt-box-focus-ring-color: unset;
101252
+ --prompt-box-focus-ring-inward-offset: 2px;
101253
+ --prompt-box-focus-ring-outward-offset: 2px;
101250
101254
  --prompt-box-font-family: unset;
101251
101255
  --prompt-box-font-letter-spacing: unset;
101252
101256
  --prompt-box-font-line-height: unset;
@@ -101413,6 +101417,13 @@ function RU() {
101413
101417
  display: flex;
101414
101418
  }
101415
101419
 
101420
+ :host [part="focusRing"] {
101421
+ --focus-ring-color: var(--prompt-box-focus-ring-color);
101422
+ --focus-ring-active-width: var(--prompt-box-focus-ring-active-width);
101423
+ --focus-ring-inward-offset: var(--prompt-box-focus-ring-inward-offset);
101424
+ --focus-ring-outward-offset: var(--prompt-box-focus-ring-outward-offset);
101425
+ }
101426
+
101416
101427
  :host([has-label]) [part="inner"] {
101417
101428
  padding-bottom: unset;
101418
101429
  }
@@ -101444,6 +101455,10 @@ function zU() {
101444
101455
  --prompt-box-border-width: var(--joy-layout-thickness);
101445
101456
  --prompt-box-floating-label-font-size: 12px;
101446
101457
  --prompt-box-floating-label-line-height: 12px;
101458
+ --prompt-box-focus-ring-active-width: 8px;
101459
+ --prompt-box-focus-ring-color: unset;
101460
+ --prompt-box-focus-ring-inward-offset: 2px;
101461
+ --prompt-box-focus-ring-outward-offset: 0px;
101447
101462
  --prompt-box-font-family: unset;
101448
101463
  --prompt-box-font-letter-spacing: unset;
101449
101464
  --prompt-box-font-line-height: unset;
@@ -101610,6 +101625,13 @@ function zU() {
101610
101625
  display: flex;
101611
101626
  }
101612
101627
 
101628
+ :host [part="focusRing"] {
101629
+ --focus-ring-color: var(--prompt-box-focus-ring-color);
101630
+ --focus-ring-active-width: var(--prompt-box-focus-ring-active-width);
101631
+ --focus-ring-inward-offset: var(--prompt-box-focus-ring-inward-offset);
101632
+ --focus-ring-outward-offset: var(--prompt-box-focus-ring-outward-offset);
101633
+ }
101634
+
101613
101635
  :host([has-label]) [part="inner"] {
101614
101636
  padding-bottom: unset;
101615
101637
  }
@@ -101642,10 +101664,6 @@ function zU() {
101642
101664
  --prompt-box-background-color: var(--joy-scheme-transparent);
101643
101665
  }
101644
101666
 
101645
- :host([appearance="plain"]) [part="focusRing"] {
101646
- --focus-ring-outward-offset: 0;
101647
- }
101648
-
101649
101667
  :host([appearance="soft"]), :host([appearance="solid"]) {
101650
101668
  --prompt-box-background-color: var(--joy-scheme-highlight);
101651
101669
  }
@@ -101700,6 +101718,10 @@ function BU() {
101700
101718
  --prompt-box-border-width: var(--memphis-layout-thickness);
101701
101719
  --prompt-box-floating-label-font-size: 12px;
101702
101720
  --prompt-box-floating-label-line-height: 12px;
101721
+ --prompt-box-focus-ring-active-width: 8px;
101722
+ --prompt-box-focus-ring-color: unset;
101723
+ --prompt-box-focus-ring-inward-offset: 2px;
101724
+ --prompt-box-focus-ring-outward-offset: 2px;
101703
101725
  --prompt-box-font-family: unset;
101704
101726
  --prompt-box-font-letter-spacing: unset;
101705
101727
  --prompt-box-font-line-height: unset;
@@ -101866,6 +101888,13 @@ function BU() {
101866
101888
  display: flex;
101867
101889
  }
101868
101890
 
101891
+ :host [part="focusRing"] {
101892
+ --focus-ring-color: var(--prompt-box-focus-ring-color);
101893
+ --focus-ring-active-width: var(--prompt-box-focus-ring-active-width);
101894
+ --focus-ring-inward-offset: var(--prompt-box-focus-ring-inward-offset);
101895
+ --focus-ring-outward-offset: var(--prompt-box-focus-ring-outward-offset);
101896
+ }
101897
+
101869
101898
  :host([has-label]) [part="inner"] {
101870
101899
  padding-bottom: unset;
101871
101900
  }
@@ -166434,10 +166463,10 @@ var k2 = function(e, t, n, r) {
166434
166463
  this.clickOutsideToClose && this.requestClose("outside") && this.close();
166435
166464
  }
166436
166465
  onApplyTemplate() {
166437
- super.onApplyTemplate(), S.current.findAncestor(this, F2) && (this.isComposed = !0);
166466
+ super.onApplyTemplate(), this.isComposed = this.parentElement instanceof F2;
166438
166467
  }
166439
166468
  onIsOpenChanged(e, t) {
166440
- super.onIsOpenChanged(e, t), t && this.playEnterAnimationWhenReady(), S.current.findAncestor(this, F2, { strict: !1 })?.updateDrawerState();
166469
+ super.onIsOpenChanged(e, t), t && this.playEnterAnimationWhenReady(), this.parentElement instanceof F2 && this.parentElement.updateDrawerState();
166441
166470
  }
166442
166471
  playEnterAnimationWhenReady() {
166443
166472
  this.updateComplete.then(() => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-svelte",
3
- "version": "0.1.67",
3
+ "version": "0.1.68",
4
4
  "description": "Mosaik elements for Svelte.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -11,8 +11,8 @@
11
11
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
12
12
  },
13
13
  "dependencies": {
14
- "@breadstone/mosaik-elements": "0.1.67",
15
- "@breadstone/mosaik-elements-foundation": "0.1.67",
14
+ "@breadstone/mosaik-elements": "0.1.68",
15
+ "@breadstone/mosaik-elements-foundation": "0.1.68",
16
16
  "tslib": "2.8.1"
17
17
  },
18
18
  "peerDependencies": {