@etus/ui 0.3.2 → 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 +1035 -70
- package/dist/index.js +7597 -5227
- package/dist/index.js.map +1 -1
- package/package.json +16 -15
- package/styles.css +61 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@etus/ui",
|
|
3
|
-
"version": "0.
|
|
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": {
|
|
@@ -40,19 +40,10 @@
|
|
|
40
40
|
"dist",
|
|
41
41
|
"styles.css"
|
|
42
42
|
],
|
|
43
|
-
"scripts": {
|
|
44
|
-
"build": "tsup",
|
|
45
|
-
"dev": "tsup --watch",
|
|
46
|
-
"test": "vitest run",
|
|
47
|
-
"test:watch": "vitest",
|
|
48
|
-
"test:coverage": "vitest run --coverage",
|
|
49
|
-
"test:ui": "vitest --ui"
|
|
50
|
-
},
|
|
51
43
|
"dependencies": {
|
|
52
44
|
"@dnd-kit/core": "^6.3.1",
|
|
53
45
|
"@dnd-kit/sortable": "^10.0.0",
|
|
54
46
|
"@dnd-kit/utilities": "^3.2.2",
|
|
55
|
-
"@etus/tokens": "workspace:*",
|
|
56
47
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
57
48
|
"@radix-ui/react-alert-dialog": "^1.1.15",
|
|
58
49
|
"@radix-ui/react-aspect-ratio": "^1.1.8",
|
|
@@ -119,10 +110,10 @@
|
|
|
119
110
|
"recharts": "^3.6.0",
|
|
120
111
|
"sonner": "^2.0.7",
|
|
121
112
|
"tailwind-merge": "^3.4.0",
|
|
122
|
-
"vaul": "^1.1.2"
|
|
113
|
+
"vaul": "^1.1.2",
|
|
114
|
+
"@etus/tokens": "^0.4.0-beta.2"
|
|
123
115
|
},
|
|
124
116
|
"devDependencies": {
|
|
125
|
-
"@etus/tsconfig": "workspace:*",
|
|
126
117
|
"@storybook/react-vite": "^10.2.15",
|
|
127
118
|
"@testing-library/jest-dom": "^6.9.1",
|
|
128
119
|
"@testing-library/react": "^16.3.1",
|
|
@@ -139,13 +130,23 @@
|
|
|
139
130
|
"jspdf-autotable": "^5.0.7",
|
|
140
131
|
"react": "^19.2.3",
|
|
141
132
|
"react-dom": "^19.2.3",
|
|
133
|
+
"storybook": "^10.2.15",
|
|
142
134
|
"tsup": "^8.5.1",
|
|
143
135
|
"typescript": "^5.9.3",
|
|
144
|
-
"vitest": "^4.
|
|
145
|
-
"xlsx": "^0.18.5"
|
|
136
|
+
"vitest": "^4.1.7",
|
|
137
|
+
"xlsx": "^0.18.5",
|
|
138
|
+
"@etus/tsconfig": "0.0.0"
|
|
146
139
|
},
|
|
147
140
|
"peerDependencies": {
|
|
148
141
|
"react": "^19.0.0",
|
|
149
142
|
"react-dom": "^19.0.0"
|
|
143
|
+
},
|
|
144
|
+
"scripts": {
|
|
145
|
+
"build": "tsup",
|
|
146
|
+
"dev": "tsup --watch",
|
|
147
|
+
"test": "vitest run",
|
|
148
|
+
"test:watch": "vitest",
|
|
149
|
+
"test:coverage": "vitest run --coverage",
|
|
150
|
+
"test:ui": "vitest --ui"
|
|
150
151
|
}
|
|
151
|
-
}
|
|
152
|
+
}
|
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
|
+
}
|