@scalewing/react 1.4.0 → 1.4.1
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.
- package/CHANGELOG.md +11 -0
- package/dist/css/css-components.js +7 -0
- package/dist/styles.css +7 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @scalewing/react
|
|
2
2
|
|
|
3
|
+
## 1.4.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- efdd079: An open `Select`, `ActionMenu` or `Tooltip` inside a glass `Card` or an
|
|
8
|
+
`Accordion` now paints over the surface below it (see
|
|
9
|
+
`docs/requests/teisoro-popup-stacking.md`). Backdrop blur makes each glass
|
|
10
|
+
surface its own stacking context, so the open list painted under the next card
|
|
11
|
+
and a click on a covered option reached that card's field instead. No prop
|
|
12
|
+
changes.
|
|
13
|
+
|
|
3
14
|
## 1.4.0
|
|
4
15
|
|
|
5
16
|
### Minor Changes
|
|
@@ -55,6 +55,13 @@ export function cssComponentClasses() {
|
|
|
55
55
|
-webkit-backdrop-filter: blur(var(--sw-glass-blur)) saturate(var(--sw-glass-saturate));
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
/* Backdrop blur makes a glass surface its own stacking context, so an open popup inside it would paint under the next surface. */
|
|
59
|
+
.sw-card-glass:has(.sw-select-list, .sw-action-menu-list:not([hidden]), .sw-tooltip:not([hidden])),
|
|
60
|
+
.sw-accordion:has(.sw-select-list, .sw-action-menu-list:not([hidden]), .sw-tooltip:not([hidden])) {
|
|
61
|
+
position: relative;
|
|
62
|
+
z-index: 1;
|
|
63
|
+
}
|
|
64
|
+
|
|
58
65
|
.sw-card-outlined {
|
|
59
66
|
background: var(--sw-color-surface);
|
|
60
67
|
border: 1px solid var(--sw-color-border);
|
package/dist/styles.css
CHANGED
|
@@ -682,6 +682,13 @@ body {
|
|
|
682
682
|
-webkit-backdrop-filter: blur(var(--sw-glass-blur)) saturate(var(--sw-glass-saturate));
|
|
683
683
|
}
|
|
684
684
|
|
|
685
|
+
/* Backdrop blur makes a glass surface its own stacking context, so an open popup inside it would paint under the next surface. */
|
|
686
|
+
.sw-card-glass:has(.sw-select-list, .sw-action-menu-list:not([hidden]), .sw-tooltip:not([hidden])),
|
|
687
|
+
.sw-accordion:has(.sw-select-list, .sw-action-menu-list:not([hidden]), .sw-tooltip:not([hidden])) {
|
|
688
|
+
position: relative;
|
|
689
|
+
z-index: 1;
|
|
690
|
+
}
|
|
691
|
+
|
|
685
692
|
.sw-card-outlined {
|
|
686
693
|
background: var(--sw-color-surface);
|
|
687
694
|
border: 1px solid var(--sw-color-border);
|