@evinvest/uikit 0.1.1 → 0.2.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/dist/index.d.ts +15 -9
- package/dist/index.js +449 -458
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/tokens.css +20 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evinvest/uikit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Dep-light React UI kit: shadcn-semantics components with zero @radix-ui / cva, mirroring the ev::uikit Rust feature. Ships the shared design tokens.",
|
|
5
5
|
"license": "BlueOak-1.0.0",
|
|
6
6
|
"publishConfig": {
|
package/styles/tokens.css
CHANGED
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
--border: color-mix(in srgb, #e6e1d3 10%, transparent);
|
|
92
92
|
--input: color-mix(in srgb, #e6e1d3 20%, transparent);
|
|
93
93
|
--ring: #2a9d8f;
|
|
94
|
-
--radius: 0.
|
|
94
|
+
--radius: 0.375rem; /* 6px on mobile; bumped to 8px ≥ sm (see @media below) */
|
|
95
95
|
|
|
96
96
|
/* ── sidebar (PC nav) ───────────────────────────────────────── */
|
|
97
97
|
--sidebar: #0c1626;
|
|
@@ -103,4 +103,23 @@
|
|
|
103
103
|
--sidebar-border: color-mix(in srgb, #e6e1d3 10%, transparent);
|
|
104
104
|
--sidebar-ring: #2a9d8f;
|
|
105
105
|
--sidebar-width: 14rem;
|
|
106
|
+
|
|
107
|
+
/* ── page container — responsive gutter + max width (uikit <Container>) ─ */
|
|
108
|
+
--page-max: 90rem; /* 1440px */
|
|
109
|
+
--page-px: 1rem; /* 16px — mobile gutter, scales up below */
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* Mobile-first scale-ups: roomier gutters + slightly larger radii on bigger
|
|
113
|
+
viewports. Lives here (not per-component) so every consumer scales alike. */
|
|
114
|
+
@media (min-width: 640px) {
|
|
115
|
+
:root {
|
|
116
|
+
--radius: 0.5rem;
|
|
117
|
+
--page-px: 1.5rem;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@media (min-width: 1024px) {
|
|
122
|
+
:root {
|
|
123
|
+
--page-px: 3rem;
|
|
124
|
+
}
|
|
106
125
|
}
|