@etus/ui 0.4.0-beta.1 → 0.4.0-beta.2
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/dist/index.d.ts +6 -1
- package/dist/index.js +91 -67
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
- package/styles.css +61 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@etus/ui",
|
|
3
|
-
"version": "0.4.0-beta.
|
|
3
|
+
"version": "0.4.0-beta.2",
|
|
4
4
|
"description": "Seven Design System - UI components for ETUS applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
"sonner": "^2.0.7",
|
|
112
112
|
"tailwind-merge": "^3.4.0",
|
|
113
113
|
"vaul": "^1.1.2",
|
|
114
|
-
"@etus/tokens": "^0.4.0-beta.
|
|
114
|
+
"@etus/tokens": "^0.4.0-beta.2"
|
|
115
115
|
},
|
|
116
116
|
"devDependencies": {
|
|
117
117
|
"@storybook/react-vite": "^10.2.15",
|
|
@@ -130,9 +130,10 @@
|
|
|
130
130
|
"jspdf-autotable": "^5.0.7",
|
|
131
131
|
"react": "^19.2.3",
|
|
132
132
|
"react-dom": "^19.2.3",
|
|
133
|
+
"storybook": "^10.2.15",
|
|
133
134
|
"tsup": "^8.5.1",
|
|
134
135
|
"typescript": "^5.9.3",
|
|
135
|
-
"vitest": "^4.
|
|
136
|
+
"vitest": "^4.1.7",
|
|
136
137
|
"xlsx": "^0.18.5",
|
|
137
138
|
"@etus/tsconfig": "0.0.0"
|
|
138
139
|
},
|
package/styles.css
CHANGED
|
@@ -1 +1,62 @@
|
|
|
1
1
|
@import "@etus/tokens/tokens.css";
|
|
2
|
+
|
|
3
|
+
/* =========================================================================
|
|
4
|
+
Scrollbar — tokenized, cross-browser, theme-aware
|
|
5
|
+
=========================================================================
|
|
6
|
+
|
|
7
|
+
Replaces the previously broken pipeline where:
|
|
8
|
+
· `@etus/ui` shipped no global scrollbar CSS at all (every native
|
|
9
|
+
`overflow-*` element fell back to the OS scrollbar — inconsistent
|
|
10
|
+
across Firefox/Chrome/Safari/Windows);
|
|
11
|
+
· TimePicker / Chart / DateRangePicker / TabNavigation used the
|
|
12
|
+
`tailwind-scrollbar` plugin classes (`scrollbar-thin`,
|
|
13
|
+
`scrollbar-hide`, `scrollbar-none`, etc.) but the plugin was never
|
|
14
|
+
installed → the classes emitted no CSS.
|
|
15
|
+
|
|
16
|
+
We provide:
|
|
17
|
+
· Firefox via `scrollbar-width` / `scrollbar-color`
|
|
18
|
+
· WebKit via `::-webkit-scrollbar*` pseudo-elements
|
|
19
|
+
Both branches resolve through `--scroll-bar-thumb-bg` (theme-aware
|
|
20
|
+
thanks to the dark-twin emission in `sd/formatters.ts:cssSevenFormat`).
|
|
21
|
+
========================================================================= */
|
|
22
|
+
|
|
23
|
+
*,
|
|
24
|
+
*::before,
|
|
25
|
+
*::after {
|
|
26
|
+
scrollbar-width: thin;
|
|
27
|
+
scrollbar-color: var(--scroll-bar-thumb-bg) transparent;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
*::-webkit-scrollbar {
|
|
31
|
+
width: var(--scroll-bar-width-thin);
|
|
32
|
+
height: var(--scroll-bar-width-thin);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
*::-webkit-scrollbar-track {
|
|
36
|
+
background: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
*::-webkit-scrollbar-thumb {
|
|
40
|
+
background-color: var(--scroll-bar-thumb-bg);
|
|
41
|
+
border-radius: 9999px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
*::-webkit-scrollbar-thumb:hover {
|
|
45
|
+
background-color: var(--muted-foreground);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
*::-webkit-scrollbar-corner {
|
|
49
|
+
background: transparent;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* `scrollbar-hide` — utility class to suppress the scrollbar entirely.
|
|
53
|
+
Replaces the dead `tailwind-scrollbar-hide` plugin classes. */
|
|
54
|
+
.scrollbar-hide,
|
|
55
|
+
.scrollbar-none {
|
|
56
|
+
scrollbar-width: none;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.scrollbar-hide::-webkit-scrollbar,
|
|
60
|
+
.scrollbar-none::-webkit-scrollbar {
|
|
61
|
+
display: none;
|
|
62
|
+
}
|