@zambon-dev/library 3.0.1 → 3.1.0
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 +9 -1
- package/package.json +1 -1
- package/styles/variables.scss +29 -0
package/CHANGELOG.md
CHANGED
|
@@ -23,6 +23,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
23
23
|
|
|
24
24
|
### ⚠ Breaking Changes / Migration
|
|
25
25
|
|
|
26
|
+
## [3.1.0] - 2026-09-21
|
|
27
|
+
|
|
28
|
+
### Added
|
|
29
|
+
|
|
30
|
+
- Added the --tabs-* design tokens to the published stylesheet. They style @zambon-dev/framework's
|
|
31
|
+
tab strip; they live here because this package owns the shared token layer, alongside --sidebar-*.
|
|
32
|
+
|
|
26
33
|
## [3.0.1] - 2026-09-21
|
|
27
34
|
|
|
28
35
|
- Maintenance release (no consumer-facing changes were documented).
|
|
@@ -397,7 +404,8 @@ config options and the `getUserProfile()` method still exist but are no longer c
|
|
|
397
404
|
available via [GitHub Releases](https://github.com/RicardoZambon/ZLibraries/releases) and the
|
|
398
405
|
`library-v*` tags.
|
|
399
406
|
|
|
400
|
-
[Unreleased]: https://github.com/RicardoZambon/ZLibraries/compare/library-v3.0
|
|
407
|
+
[Unreleased]: https://github.com/RicardoZambon/ZLibraries/compare/library-v3.1.0...HEAD
|
|
408
|
+
[3.1.0]: https://github.com/RicardoZambon/ZLibraries/releases/tag/library-v3.1.0
|
|
401
409
|
[3.0.1]: https://github.com/RicardoZambon/ZLibraries/releases/tag/library-v3.0.1
|
|
402
410
|
[3.0.0]: https://github.com/RicardoZambon/ZLibraries/releases/tag/library-v3.0.0
|
|
403
411
|
[2.0.1]: https://github.com/RicardoZambon/ZLibraries/releases/tag/library-v2.0.1
|
package/package.json
CHANGED
package/styles/variables.scss
CHANGED
|
@@ -28,4 +28,33 @@
|
|
|
28
28
|
/* Radii (rounded restyle) */
|
|
29
29
|
--sidebar-radius: 1.25rem;
|
|
30
30
|
--sidebar-item-radius: 10px;
|
|
31
|
+
|
|
32
|
+
/* Tabs — a light glass card the views live in. The sidebar's glass is brand-tinted
|
|
33
|
+
and dark; this one is white-tinted, because the panel holds forms and grids that
|
|
34
|
+
need dark-on-light contrast. Same language (blur, radius, shadow), different hue. */
|
|
35
|
+
--tabs-item-bg: color-mix(in srgb, white 45%, transparent);
|
|
36
|
+
--tabs-item-hover-bg: color-mix(in srgb, white 70%, transparent);
|
|
37
|
+
--tabs-item-active-bg: color-mix(in srgb, white 88%, transparent);
|
|
38
|
+
--tabs-item-text: theme('colors.gray.600');
|
|
39
|
+
--tabs-item-active-text: theme('colors.gray.900');
|
|
40
|
+
--tabs-content-bg: color-mix(in srgb, white 88%, transparent);
|
|
41
|
+
--tabs-border: color-mix(in srgb, white 60%, transparent);
|
|
42
|
+
--tabs-close: theme('colors.gray.400');
|
|
43
|
+
--tabs-close-hover-bg: color-mix(in srgb, theme('colors.gray.900') 10%, transparent);
|
|
44
|
+
--tabs-close-hover: theme('colors.gray.700');
|
|
45
|
+
|
|
46
|
+
/* Glass — softer than the sidebar's, which floats over the backdrop rather than content. */
|
|
47
|
+
--tabs-blur: 16px;
|
|
48
|
+
--tabs-shadow: 0 10px 40px -12px rgba(0, 0, 0, 0.25);
|
|
49
|
+
|
|
50
|
+
/* Radii & dimensions */
|
|
51
|
+
--tabs-radius: 1.25rem;
|
|
52
|
+
--tabs-item-radius: 10px;
|
|
53
|
+
--tabs-height: 2.75rem;
|
|
54
|
+
--tabs-item-max-width: 14rem;
|
|
55
|
+
/* Tabs compress to this before the strip starts scrolling -- still wide enough for a few
|
|
56
|
+
characters plus the close button, so a compressed tab is identifiable rather than a stub. */
|
|
57
|
+
--tabs-item-min-width: 7rem;
|
|
58
|
+
--tabs-scroll-width: 1.75rem;
|
|
59
|
+
--tabs-fade-width: 1.5rem;
|
|
31
60
|
}
|