@ship-it-ui/ui 0.0.1 → 0.0.3

package/package.json

@@ -1,8 +1,21 @@
 {
   "name": "@ship-it-ui/ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "React component library for the Ship-It design system. Tailwind v4 + Radix UI primitives, themed via @ship-it-ui/tokens.",
   "license": "MIT",
+  "homepage": "https://ship-it-ops.github.io/ship-it-design/",
+  "bugs": {
+    "url": "https://github.com/ship-it-ops/ship-it-design/issues"
+  },
+  "author": "Ship-It Ops",
+  "keywords": [
+    "design-system",
+    "react",
+    "tailwindcss",
+    "radix-ui",
+    "components",
+    "shipit"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ship-it-ops/ship-it-design.git",
@@ -18,7 +31,8 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./styles/globals.css": "./src/styles/globals.css"
+    "./styles/globals.css": "./src/styles/globals.css",
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
@@ -34,7 +48,8 @@
   ],
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@ship-it-ui/tokens": "0.0.3"
   },
   "dependencies": {
     "@fontsource-variable/geist": "^5.1.0",
@@ -46,8 +61,8 @@
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-hover-card": "^1.1.2",
-    "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.2",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-radio-group": "^1.2.1",
     "@radix-ui/react-select": "^2.1.2",
@@ -69,18 +84,17 @@
     "@types/react-dom": "^18.3.1",
     "@vitest/coverage-v8": "^2.1.3",
     "axe-core": "^4.10.2",
-    "jsdom": "^25.0.1",
+    "esbuild-plugin-preserve-directives": "^0.0.11",
+    "jsdom": "^29.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwindcss": "^4.0.0-beta.3",
+    "tailwindcss": "4.0.0-beta.3",
     "tsup": "^8.3.0",
     "typescript": "^5.6.3",
     "vitest": "^2.1.3",
     "vitest-axe": "^0.1.0",
-    "@ship-it-ui/eslint-config": "0.0.1",
-    "@ship-it-ui/icons": "0.0.1",
-    "@ship-it-ui/tokens": "0.0.1",
-    "@ship-it-ui/tsconfig": "0.0.1"
+    "@ship-it-ui/tsconfig": "0.0.1",
+    "@ship-it-ui/eslint-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup",

package/src/styles/animations.css

@@ -121,3 +121,14 @@
     transform: translateX(0) scale(1);
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important;
+    scroll-behavior: auto !important;
+  }
+}

package/src/styles/globals.css

@@ -28,13 +28,13 @@
  * utility classes used in components actually get compiled.
  *
  * Paths are resolved relative to this CSS file:
- *   ../**          = packages/ui/src/**
- *   ../../../shipit/src/**     = packages/shipit/src/**
- *   ../../../../apps/docs/**   = apps/docs/**
+ *   ../**                          = packages/ui/src/**
+ *   ../../../shipit/src/**         = packages/shipit/src/**
+ *   ../../../../apps/docs-site/**  = apps/docs-site/**
  */
 @source '../**/*.{ts,tsx,mdx}';
 @source '../../../shipit/src/**/*.{ts,tsx,mdx}';
-@source '../../../../apps/docs/**/*.{ts,tsx,mdx}';
+@source '../../../../apps/docs-site/**/*.{ts,tsx,mdx}';
 
 /*
  * `@theme inline` tells Tailwind to read these variables for utility-class
@@ -65,6 +65,23 @@
    * (primary buttons, solid badges). Always near-black, regardless of theme. */
   --color-on-accent: #0a0a0b;
 
+  /* Foregrounds for components on solid `bg-ok`/`bg-warn`/`bg-err` surfaces
+   * (success/destructive Buttons, status badges). Theme-aware. */
+  --color-ok-fg: var(--color-ok-fg);
+  --color-warn-fg: var(--color-warn-fg);
+  --color-err-fg: var(--color-err-fg);
+
+  /* Text-on-bg foregrounds. Use these for `text-err` field-error messages, etc.
+   * In light theme these are darker than `--color-ok`/`-warn`/`-err` so body text
+   * passes 4.5:1 contrast against `--color-bg`. */
+  --color-ok-text: var(--color-ok-text);
+  --color-warn-text: var(--color-warn-text);
+  --color-err-text: var(--color-err-text);
+
+  /* Marketing surface gradient endpoints (CTAStrip). Theme-aware. */
+  --color-cta-from: var(--color-cta-from);
+  --color-cta-to: var(--color-cta-to);
+
   /* Typography — families. */
   --font-sans: var(--font-family-sans);
   --font-mono: var(--font-family-mono);
@@ -116,6 +133,19 @@
   --shadow-sm: var(--shadow-sm);
   --shadow: var(--shadow);
   --shadow-lg: var(--shadow-lg);
+
+  /* Z-index — named layers from the token scale.
+   * Use `z-modal`, `z-tooltip`, etc. instead of arbitrary `z-[51]` literals so
+   * stacking conflicts can be reasoned about globally. */
+  --z-base: var(--z-base);
+  --z-raised: var(--z-raised);
+  --z-dropdown: var(--z-dropdown);
+  --z-sticky: var(--z-sticky);
+  --z-overlay: var(--z-overlay);
+  --z-modal: var(--z-modal);
+  --z-popover: var(--z-popover);
+  --z-toast: var(--z-toast);
+  --z-tooltip: var(--z-tooltip);
 }
 
 @layer base {