@ship-it-ui/ui 0.0.1 → 0.0.2

package/package.json

@@ -1,8 +1,21 @@
 {
   "name": "@ship-it-ui/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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",
@@ -34,7 +47,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.2"
   },
   "dependencies": {
     "@fontsource-variable/geist": "^5.1.0",
@@ -46,7 +60,6 @@
     "@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-popover": "^1.1.2",
     "@radix-ui/react-radio-group": "^1.2.1",
@@ -69,17 +82,16 @@
     "@types/react-dom": "^18.3.1",
     "@vitest/coverage-v8": "^2.1.3",
     "axe-core": "^4.10.2",
+    "esbuild-plugin-preserve-directives": "^0.0.11",
     "jsdom": "^25.0.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"
   },
   "scripts": {

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

@@ -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 {