@gv-tech/design-system 2.5.0 → 2.5.1

package/scripts/validate.ts

@@ -1,74 +0,0 @@
-import { spawnSync } from 'child_process';
-
-const args = process.argv.slice(2);
-const fix = args.includes('--fix');
-const noCache = args.includes('--no-cache');
-
-const nxFlags = noCache ? ' --skipNxCache' : '';
-
-const steps = [
-  {
-    name: 'Sync Tokens',
-    cmd: 'yarn tsx scripts/sync-tokens.ts',
-  },
-  {
-    name: fix ? 'Prettier fix' : 'Prettier check',
-    cmd: fix ? 'yarn format' : 'yarn format:ci',
-  },
-  {
-    name: fix ? 'Lint fix (eslint)' : 'Lint (eslint)',
-    cmd: fix ? 'yarn lint:fix' : 'yarn lint',
-  },
-  {
-    name: 'TypeScript type check',
-    // Using nx run-many for per-project type checking
-    cmd: `nx run-many -t typecheck --parallel${nxFlags}`,
-  },
-  {
-    name: 'Test (vitest)',
-    cmd: `nx run-many -t test --parallel --run --reporter=dot${nxFlags}`,
-  },
-  {
-    name: 'Build Sub-packages & Apps',
-    cmd: `nx run-many -t build --parallel${nxFlags}`,
-  },
-  {
-    name: 'Build Root Package (Library)',
-    cmd: 'yarn build',
-  },
-];
-
-const SEP = '------------------------------------------------------------';
-const green = (s: string) => `\x1b[32m${s}\x1b[0m`;
-const red = (s: string) => `\x1b[31m${s}\x1b[0m`;
-const yellow = (s: string) => `\x1b[33m${s}\x1b[0m`;
-
-console.log(SEP);
-console.log('\x1b[1mRunning validate steps (sequential)\x1b[0m');
-console.log(SEP);
-
-for (const step of steps) {
-  console.log(yellow(`\n> ${step.name}`));
-  console.log(yellow(`> ${step.cmd}\n`));
-
-  const result = spawnSync(step.cmd, { stdio: 'inherit', shell: true });
-
-  if (result.error) {
-    console.error(red(`\nFailed to run: ${step.cmd}`));
-    console.error(red(result.error.message));
-    process.exit(1);
-  }
-
-  if (result.status !== 0) {
-    console.error(red(`\n${step.name} failed with exit code ${result.status}.`));
-    console.error(red('Stopping further steps.'));
-    process.exit(result.status || 1);
-  }
-
-  console.log(green(`\n${step.name} succeeded.`));
-}
-
-console.log('\n' + SEP);
-console.log(green('All validate steps completed successfully ✅'));
-console.log(SEP + '\n');
-process.exit(0);

package/src/globals.css

@@ -1,146 +0,0 @@
-@import 'tailwindcss';
-
-@theme {
-  /* Border radius */
-  --radius-lg: 0.5rem;
-  --radius-md: calc(var(--radius-lg) - 2px);
-  --radius-sm: calc(var(--radius-lg) - 4px);
-
-  /* Container */
-  --container-2xl: 1400px;
-
-  /* Animations */
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
-}
-
-@keyframes accordion-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-
-@keyframes accordion-up {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
-    height: 0;
-  }
-}
-
-@layer base {
-  /* @tokens-start */
-  :root {
-    --background: 0 0% 96%;
-    --foreground: 222 47% 11%;
-    --card: 0 0% 100%;
-    --card-foreground: 222 47% 11%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 222 47% 11%;
-    --primary: 225 73% 57%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 93 28% 54%;
-    --secondary-foreground: 0 0% 100%;
-    --muted: 0 0% 92%;
-    --muted-foreground: 215 16% 47%;
-    --accent: 0 0% 88%;
-    --accent-foreground: 222 47% 11%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 89%;
-    --input: 0 0% 89%;
-    --ring: 222 47% 11%;
-    --radius: 0.5rem;
-
-    /* Brand Tokens */
-    --brand-blue: 225 73% 57%;
-    --brand-green: 151 66% 27%;
-    --brand-floral-white: 40 100% 97%;
-    --neutral-white: 0 0% 100%;
-    --neutral-black: 0 0% 0%;
-    --neutral-gray50: 0 0% 96%;
-    --neutral-gray100: 0 0% 92%;
-    --neutral-gray200: 0 0% 89%;
-    --neutral-gray300: 0 0% 88%;
-    --neutral-gray400: 0 0% 70%;
-    --neutral-gray500: 215 16% 47%;
-    --neutral-gray600: 222 47% 11%;
-    --neutral-gray700: 0 0% 18%;
-    --neutral-gray800: 0 0% 15%;
-    --neutral-gray900: 0 0% 14%;
-    --neutral-gray950: 0 0% 11%;
-    --neutral-gray975: 0 0% 9%;
-    --neutral-gray990: 0 0% 6%;
-    --semantic-success: 93 28% 54%;
-    --semantic-success-dark: 96 44% 61%;
-    --semantic-destructive: 0 84.2% 60.2%;
-    --semantic-destructive-dark: 0 62.8% 30.6%;
-  }
-
-  .dark {
-    --background: 0 0% 9%;
-    --foreground: 0 0% 100%;
-    --card: 0 0% 14%;
-    --card-foreground: 0 0% 100%;
-    --popover: 0 0% 11%;
-    --popover-foreground: 0 0% 100%;
-    --primary: 227 96% 71%;
-    --primary-foreground: 0 0% 9%;
-    --secondary: 96 44% 61%;
-    --secondary-foreground: 0 0% 9%;
-    --muted: 0 0% 6%;
-    --muted-foreground: 0 0% 70%;
-    --accent: 0 0% 15%;
-    --accent-foreground: 0 0% 100%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 18%;
-    --input: 0 0% 18%;
-    --ring: 0 0% 90%;
-    --radius: 0.5rem;
-  }
-  /* @tokens-end */
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-/* Tailwind v4 color utilities - map CSS vars to theme */
-@theme {
-  --color-background: hsl(var(--background));
-  --color-foreground: hsl(var(--foreground));
-  --color-card: hsl(var(--card));
-  --color-card-foreground: hsl(var(--card-foreground));
-  --color-popover: hsl(var(--popover));
-  --color-popover-foreground: hsl(var(--popover-foreground));
-  --color-primary: hsl(var(--primary));
-  --color-primary-foreground: hsl(var(--primary-foreground));
-  --color-secondary: hsl(var(--secondary));
-  --color-secondary-foreground: hsl(var(--secondary-foreground));
-  --color-muted: hsl(var(--muted));
-  --color-muted-foreground: hsl(var(--muted-foreground));
-  --color-accent: hsl(var(--accent));
-  --color-accent-foreground: hsl(var(--accent-foreground));
-  --color-destructive: hsl(var(--destructive));
-  --color-destructive-foreground: hsl(var(--destructive-foreground));
-  --color-border: hsl(var(--border));
-  --color-input: hsl(var(--input));
-  --color-ring: hsl(var(--ring));
-}
-
-/* Sticky footer support for ScrollArea */
-[data-radix-scroll-area-viewport] > div {
-  min-height: 100%;
-  display: flex !important;
-  flex-direction: column;
-}

package/src/index.ts

@@ -1,4 +0,0 @@
-import './globals.css';
-
-export * from '@gv-tech/design-tokens';
-export * from '@gv-tech/ui-web';

package/src/setupTests.ts

@@ -1,47 +0,0 @@
-import '@testing-library/jest-dom';
-import * as matchers from '@testing-library/jest-dom/matchers';
-import { expect } from 'vitest';
-
-expect.extend(matchers);
-
-// Mock window.matchMedia
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: (query: string) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: () => {}, // Deprecated
-    removeListener: () => {}, // Deprecated
-    addEventListener: () => {},
-    removeEventListener: () => {},
-    dispatchEvent: () => {},
-  }),
-});
-
-// Mock ResizeObserver
-class ResizeObserver {
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-}
-window.ResizeObserver = ResizeObserver;
-
-// Mock IntersectionObserver
-class IntersectionObserver {
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-window.IntersectionObserver = IntersectionObserver as any;
-
-// Mock scrollIntoView
-window.HTMLElement.prototype.scrollIntoView = function () {};
-
-// Mock Pointer Capture
-window.HTMLElement.prototype.setPointerCapture = function () {};
-window.HTMLElement.prototype.releasePointerCapture = function () {};
-window.HTMLElement.prototype.hasPointerCapture = function () {
-  return false;
-};

package/src/types/nativewind.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="nativewind/types" />
-
-import 'react-native';
-
-declare module 'react-native' {
-  interface ViewProps {
-    className?: string;
-  }
-  interface TextProps {
-    className?: string;
-  }
-  interface PressableProps {
-    className?: string;
-  }
-  interface TextInputProps {
-    className?: string;
-    placeholderClassName?: string;
-  }
-}

package/tailwind.config.js

@@ -1,48 +0,0 @@
-const { theme: designTokens } = require('./packages/design-tokens/src/theme');
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  // NOTE: NativeWind v4 uses the same content pattern as Tailwind
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
-  theme: {
-    extend: {
-      colors: {
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-      },
-      borderRadius: designTokens.light.radius,
-    },
-  },
-  plugins: [],
-};

package/tsconfig.build.json

@@ -1,22 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "declaration": true,
-    "emitDeclarationOnly": false,
-    "declarationMap": true,
-    "outDir": "dist",
-    "rootDir": ".",
-    "allowImportingTsExtensions": false
-  },
-  "include": ["src", "packages"],
-  "exclude": [
-    "src/**/*.test.tsx",
-    "src/**/*.test.ts",
-    "src/setupTests.ts",
-    "packages/**/*.test.tsx",
-    "packages/**/*.test.ts",
-    "packages/**/vite.config.ts",
-    "packages/**/src/setupTests.ts"
-  ]
-}

package/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@gv-tech/design-tokens": ["./packages/design-tokens/src"],
-      "@gv-tech/ui-core": ["./packages/ui-core/src"],
-      "@gv-tech/ui-web": ["./packages/ui-web/src"],
-      "@gv-tech/ui-native": ["./packages/ui-native/src"]
-    }
-  },
-  "include": ["src", "packages"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "types": ["node"]
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,106 +0,0 @@
-import react from '@vitejs/plugin-react-swc';
-import fs from 'fs';
-import { resolve } from 'path';
-import { defineConfig } from 'vite';
-
-const isLibrary = process.env.VITE_LIB === 'true';
-
-// Get all UI components for multi-entry build
-const getEntries = () => {
-  const entries: Record<string, string> = {
-    index: resolve(__dirname, 'src/index.ts'),
-  };
-
-  if (isLibrary) {
-    const uiPath = resolve(__dirname, 'packages/ui-web/src');
-    const items = fs.readdirSync(uiPath, { withFileTypes: true });
-
-    items.forEach((item) => {
-      if (item.isDirectory()) {
-        if (item.name === 'hooks' || item.name === 'lib') return;
-        const entryPath = resolve(uiPath, item.name, 'index.ts');
-        if (fs.existsSync(entryPath)) {
-          entries[item.name] = entryPath;
-        }
-      } else if (
-        item.isFile() &&
-        item.name.endsWith('.tsx') &&
-        !item.name.includes('.test.') &&
-        !item.name.includes('.stories.')
-      ) {
-        // File component (legacy)
-        const name = item.name.replace('.tsx', '');
-        entries[name] = resolve(uiPath, item.name);
-      }
-    });
-  }
-  return entries;
-};
-
-export default defineConfig({
-  plugins: [react()],
-  define: {
-    global: 'window',
-    __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production'),
-    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
-  },
-  resolve: {
-    alias: [
-      {
-        find: /^react-native$/,
-        replacement: resolve(__dirname, 'src/lib/react-native-shim.js'),
-      },
-      {
-        find: /^react-native\/(.*)$/,
-        replacement: resolve(__dirname, 'src/lib/react-native-shim.js'),
-      },
-      { find: '@', replacement: resolve(__dirname, './src') },
-    ],
-    extensions: ['.web.tsx', '.tsx', '.ts', '.js'],
-  },
-  optimizeDeps: {
-    esbuildOptions: {
-      loader: {
-        '.js': 'jsx',
-      },
-    },
-  },
-  build: {
-    sourcemap: true,
-    outDir: isLibrary ? 'dist' : 'dist-site',
-    // Only empty the directory when building the site.
-    // For the library, we want to keep the types generated by tsc.
-    emptyOutDir: !isLibrary,
-    lib: isLibrary
-      ? {
-          entry: getEntries(),
-          name: 'GvtechDesign',
-          fileName: (format, entryName) =>
-            entryName === 'index'
-              ? `index.${format === 'es' ? 'es' : 'cjs'}.js`
-              : `${entryName}.${format === 'es' ? 'es' : 'cjs'}.js`,
-          formats: ['es', 'cjs'],
-        }
-      : undefined,
-    rollupOptions: {
-      external: isLibrary ? ['react', 'react-dom', 'prop-types', 'next-themes'] : [],
-      output: {
-        globals: isLibrary
-          ? {
-              react: 'React',
-              'react-dom': 'ReactDOM',
-              'prop-types': 'PropTypes',
-              'next-themes': 'NextThemes',
-            }
-          : {},
-        manualChunks(id) {
-          if (id.includes('node_modules')) {
-            if (id.includes('axe-core')) return 'axe';
-            if (id.includes('react-docgen')) return 'docgen';
-            return 'vendor';
-          }
-        },
-      },
-    },
-  },
-});

package/vitest.config.ts

@@ -1,23 +0,0 @@
-import { resolve } from 'path';
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    environment: 'jsdom',
-    globals: true,
-    setupFiles: [resolve(__dirname, './src/setupTests.ts')],
-    coverage: {
-      provider: 'v8',
-      reporter: ['text', 'lcov'],
-    },
-    alias: {
-      '@': resolve(__dirname, './src'),
-      '@gv-tech/design-tokens': resolve(__dirname, './packages/design-tokens/src'),
-      '@gv-tech/ui-core': resolve(__dirname, './packages/ui-core/src'),
-      '@gv-tech/ui-web': resolve(__dirname, './packages/ui-web/src'),
-      '@gv-tech/ui-native': resolve(__dirname, './packages/ui-native/src'),
-      'react-native': resolve(__dirname, 'apps/playground-web/src/lib/react-native-shim.js'),
-    },
-    exclude: ['**/node_modules/**', '**/dist/**', '**/cypress/**', '**/.{idea,git,cache,output,temp}/**'],
-  },
-});

package/wrangler.toml

@@ -1,22 +0,0 @@
-name = "gvtech-design"
-compatibility_date = "2024-11-01"
-compatibility_flags = ["nodejs_compat"]
-pages_build_output_dir = "apps/playground-web/dist-site"
-
-[vars]
-NODE_VERSION = "24"
-APP_ENV = "production"
-
-[env.preview]
-name = "gvtech-design-preview"
-
-[env.preview.vars]
-NODE_VERSION = "24"
-APP_ENV = "preview"
-
-[env.production]
-name = "gvtech-design"
-
-[env.production.vars]
-NODE_VERSION = "24"
-APP_ENV = "production"