@breadstone/mosaik-elements-foundation 0.0.265 → 0.0.267

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.
@@ -91,7 +91,7 @@ export function drawerElementCosmopolitanStyle() {
91
91
  :host [part="root"] {
92
92
  pointer-events: all;
93
93
  background-color: var(--drawer-background-color);
94
- box-shadow: var(--drawer-shadow);
94
+ box-shadow: var(--drawer-shadow-offset-x) var(--drawer-shadow-offset-y) var(--drawer-shadow-blur) var(--drawer-shadow-spread) var(--drawer-shadow-color);
95
95
  transition-duration: var(--drawer-transition-duration);
96
96
  transition-timing-function: var(--drawer-transition-mode);
97
97
  transition-property: var(--drawer-transition-property);
@@ -251,7 +251,7 @@ export function drawerElementCosmopolitanStyle() {
251
251
  filter: brightness(.95);
252
252
  }
253
253
 
254
- :host([has-shadow]) [part="root"]:after {
254
+ :host([has-shadow]) [part="root"]:after, :host([has-inset]) [part="root"]:after {
255
255
  content: none;
256
256
  }
257
257
 
@@ -1 +1 @@
1
- {"version":3,"file":"DrawerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAsPjD"}
1
+ {"version":3,"file":"DrawerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CA6PjD"}
@@ -91,7 +91,7 @@ export function drawerElementJoyStyle() {
91
91
  :host [part="root"] {
92
92
  pointer-events: all;
93
93
  background-color: var(--drawer-background-color);
94
- box-shadow: var(--drawer-shadow);
94
+ box-shadow: var(--drawer-shadow-offset-x) var(--drawer-shadow-offset-y) var(--drawer-shadow-blur) var(--drawer-shadow-spread) var(--drawer-shadow-color);
95
95
  transition-duration: var(--drawer-transition-duration);
96
96
  transition-timing-function: var(--drawer-transition-mode);
97
97
  transition-property: var(--drawer-transition-property);
@@ -251,10 +251,17 @@ export function drawerElementJoyStyle() {
251
251
  filter: brightness(.95);
252
252
  }
253
253
 
254
- :host([has-shadow]) [part="root"]:after {
254
+ :host([has-shadow]) [part="root"]:after, :host([has-inset]) [part="root"]:after {
255
255
  content: none;
256
256
  }
257
257
 
258
+ :host([has-inset]) [part="root"] {
259
+ border-width: var(--drawer-border-width);
260
+ border-radius: var(--drawer-border-radius);
261
+ border-color: var(--drawer-border-color);
262
+ border-style: var(--drawer-border-style);
263
+ }
264
+
258
265
  `;
259
266
  }
260
267
  //# sourceMappingURL=DrawerElement.Joy.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DrawerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoPT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DrawerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2PT,CAAC;AACN,CAAC"}
@@ -91,7 +91,7 @@ export function drawerElementMemphisStyle() {
91
91
  :host [part="root"] {
92
92
  pointer-events: all;
93
93
  background-color: var(--drawer-background-color);
94
- box-shadow: var(--drawer-shadow);
94
+ box-shadow: var(--drawer-shadow-offset-x) var(--drawer-shadow-offset-y) var(--drawer-shadow-blur) var(--drawer-shadow-spread) var(--drawer-shadow-color);
95
95
  transition-duration: var(--drawer-transition-duration);
96
96
  transition-timing-function: var(--drawer-transition-mode);
97
97
  transition-property: var(--drawer-transition-property);
@@ -251,7 +251,7 @@ export function drawerElementMemphisStyle() {
251
251
  filter: brightness(.95);
252
252
  }
253
253
 
254
- :host([has-shadow]) [part="root"]:after {
254
+ :host([has-shadow]) [part="root"]:after, :host([has-inset]) [part="root"]:after {
255
255
  content: none;
256
256
  }
257
257
 
@@ -96,7 +96,7 @@ export function appElementCosmopolitanStyle() {
96
96
  :host [part="drawer"] {
97
97
  --drawer-width: var(--app-drawer-width);
98
98
  --drawer-height: var(--app-drawer-height);
99
- --drawer-viewport-inset: 0;
99
+ --drawer-viewport-inset: 0px;
100
100
  }
101
101
 
102
102
  :host [part="content"] {
@@ -96,7 +96,7 @@ export function appElementJoyStyle() {
96
96
  :host [part="drawer"] {
97
97
  --drawer-width: var(--app-drawer-width);
98
98
  --drawer-height: var(--app-drawer-height);
99
- --drawer-viewport-inset: 0;
99
+ --drawer-viewport-inset: 0px;
100
100
  }
101
101
 
102
102
  :host [part="content"] {
@@ -96,7 +96,7 @@ export function appElementMemphisStyle() {
96
96
  :host [part="drawer"] {
97
97
  --drawer-width: var(--app-drawer-width);
98
98
  --drawer-height: var(--app-drawer-height);
99
- --drawer-viewport-inset: 0;
99
+ --drawer-viewport-inset: 0px;
100
100
  }
101
101
 
102
102
  :host [part="content"] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.0.265",
3
+ "version": "0.0.267",
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.265",
18
- "@breadstone/mosaik-themes": "^0.0.265",
17
+ "@breadstone/mosaik-elements": "^0.0.267",
18
+ "@breadstone/mosaik-themes": "^0.0.267",
19
19
  "@floating-ui/dom": "^1.7.6",
20
20
  "@lit-labs/virtualizer": "^2.1.1",
21
21
  "@lit/context": "^1.1.6",