@ship-it-ui/ui 0.0.4 → 0.0.5
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.cjs +620 -290
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +154 -8
- package/dist/index.d.ts +154 -8
- package/dist/index.js +604 -273
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/styles/globals.css +26 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ship-it-ui/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "React component library for the Ship-It design system. Tailwind v4 + Radix UI primitives, themed via @ship-it-ui/tokens.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://ship-it-ops.github.io/ship-it-design/",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"react": "^18.0.0 || ^19.0.0",
|
|
51
51
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
52
|
-
"@ship-it-ui/tokens": "0.0.
|
|
52
|
+
"@ship-it-ui/tokens": "0.0.5"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@fontsource-variable/geist": "^5.1.0",
|
package/src/styles/globals.css
CHANGED
|
@@ -146,6 +146,32 @@
|
|
|
146
146
|
--z-popover: var(--z-popover);
|
|
147
147
|
--z-toast: var(--z-toast);
|
|
148
148
|
--z-tooltip: var(--z-tooltip);
|
|
149
|
+
|
|
150
|
+
/* Mobile — touch & layout dimensions bridge into Tailwind's spacing scale
|
|
151
|
+
* so `h-row`, `h-tabbar`, `min-h-touch`, `p-screen` etc. resolve cleanly. */
|
|
152
|
+
--spacing-touch: var(--touch-min);
|
|
153
|
+
--spacing-touch-comfortable: var(--touch-comfortable);
|
|
154
|
+
--spacing-row: var(--row-h);
|
|
155
|
+
--spacing-row-lg: var(--row-h-lg);
|
|
156
|
+
--spacing-tabbar: var(--tabbar-h);
|
|
157
|
+
--spacing-navbar: var(--navbar-h);
|
|
158
|
+
--spacing-screen: var(--screen-pad);
|
|
159
|
+
--spacing-screen-lg: var(--screen-pad-lg);
|
|
160
|
+
|
|
161
|
+
/* Mobile — bumped type scale. Use as `text-m-body`, `text-m-h1`, etc. */
|
|
162
|
+
--text-m-eyebrow: var(--font-size-m-eyebrow);
|
|
163
|
+
--text-m-mono: var(--font-size-m-mono);
|
|
164
|
+
--text-m-body: var(--font-size-m-body);
|
|
165
|
+
--text-m-body-lg: var(--font-size-m-body-lg);
|
|
166
|
+
--text-m-h4: var(--font-size-m-h4);
|
|
167
|
+
--text-m-h3: var(--font-size-m-h3);
|
|
168
|
+
--text-m-h2: var(--font-size-m-h2);
|
|
169
|
+
--text-m-h1: var(--font-size-m-h1);
|
|
170
|
+
|
|
171
|
+
/* Mobile — radii. Use as `rounded-m-tab`, `rounded-m-card`, `rounded-m-sheet`. */
|
|
172
|
+
--radius-m-tab: var(--radius-m-tab);
|
|
173
|
+
--radius-m-card: var(--radius-m-card);
|
|
174
|
+
--radius-m-sheet: var(--radius-m-sheet);
|
|
149
175
|
}
|
|
150
176
|
|
|
151
177
|
@layer base {
|