jaci-ui 0.6.1 → 0.6.3
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 +12 -0
- package/dist/styles.css +3 -9
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 8d9f4cb: Preserve the Navbar blur in Next.js by emitting a browser-safe CSS declaration for the bar surface.
|
|
8
|
+
|
|
9
|
+
## 0.6.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 513422d: Ensure the Navbar blur is preserved when the package stylesheet is consumed by Next.js and improve its Storybook controls and usage examples.
|
|
14
|
+
|
|
3
15
|
## 0.6.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/styles.css
CHANGED
|
@@ -4986,9 +4986,7 @@
|
|
|
4986
4986
|
border-width: 1px;
|
|
4987
4987
|
gap: var(--jaci-spacing-2);
|
|
4988
4988
|
align-items: center;
|
|
4989
|
-
|
|
4990
|
-
backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
|
|
4991
|
-
-webkit-backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
|
|
4989
|
+
backdrop-filter: var(--jaci-navbar-backdrop-filter, blur(4px));
|
|
4992
4990
|
background-color: var(--jaci-colors-surface-overlay);
|
|
4993
4991
|
box-shadow: var(--jaci-shadows-xl);
|
|
4994
4992
|
box-sizing: border-box;
|
|
@@ -5075,9 +5073,7 @@
|
|
|
5075
5073
|
|
|
5076
5074
|
.jaci-navbar__drawerBackdrop {
|
|
5077
5075
|
inset: var(--jaci-spacing-0);
|
|
5078
|
-
|
|
5079
|
-
backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
|
|
5080
|
-
-webkit-backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
|
|
5076
|
+
backdrop-filter: var(--jaci-navbar-backdrop-filter, blur(4px));
|
|
5081
5077
|
background-color: var(--jaci-colors-surface-overlay);
|
|
5082
5078
|
position: fixed;
|
|
5083
5079
|
--transition-duration: var(--jaci-durations-normal);
|
|
@@ -5108,9 +5104,7 @@
|
|
|
5108
5104
|
border-color: var(--jaci-colors-border-default);
|
|
5109
5105
|
gap: var(--jaci-spacing-2);
|
|
5110
5106
|
background-color: var(--jaci-colors-surface-default);
|
|
5111
|
-
|
|
5112
|
-
backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
|
|
5113
|
-
-webkit-backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
|
|
5107
|
+
backdrop-filter: var(--jaci-navbar-drawer-backdrop-filter, blur(8px));
|
|
5114
5108
|
box-sizing: border-box;
|
|
5115
5109
|
box-shadow: var(--jaci-shadows-xl);
|
|
5116
5110
|
color: var(--jaci-colors-fg-default);
|