{"_id":"@bekaert-dev/design-tokens","_rev":"2-7b66837d0b769328ffe5bc7c173718bd","name":"@bekaert-dev/design-tokens","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@bekaert-dev/design-tokens","version":"0.1.0","_id":"@bekaert-dev/design-tokens@0.1.0","maintainers":[{"name":"tbekaert","email":"thomas@bekaert.dev"}],"dist":{"shasum":"605f5ed565765af835d794db18547ed7e59dc910","tarball":"https://registry.npmjs.org/@bekaert-dev/design-tokens/-/design-tokens-0.1.0.tgz","fileCount":8,"integrity":"sha512-llIkm3RiryaoGjlotpYjuvnrLLwJY7tj6NTEKI+QOjUxRZASerIcjDub6BloAn5zGybXjiQrGTEgGY8IBKT3uw==","signatures":[{"sig":"MEQCIF+08o98+QvRupbxrRlq40ELnu/4Sod2BhFt0tkByKyGAiAt7FxLg7T1j6oKQN9Ta0rY2VcVg51ERC6wHGHERaKVYg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":167988},"main":"dist/index.cjs","type":"module","_from":"file:bekaert-dev-design-tokens-0.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"lint":"biome lint .","test":"vitest run","build":"tsup","format":"biome format --write ."},"_npmUser":{"name":"tbekaert","email":"thomas@bekaert.dev"},"_resolved":"/tmp/3c46e96d6872a8276af1f9f6bf555b9b/bekaert-dev-design-tokens-0.1.0.tgz","_integrity":"sha512-llIkm3RiryaoGjlotpYjuvnrLLwJY7tj6NTEKI+QOjUxRZASerIcjDub6BloAn5zGybXjiQrGTEgGY8IBKT3uw==","_npmVersion":"11.6.2","description":"Design tokens for the bekaert.dev design system. Provides base colors, a full color palette, semantic theme tokens for light and dark modes, typography, spacing, border radii, shadows, breakpoints, z-index layers, and motion tokens.","directories":{},"_nodeVersion":"24.12.0","dependencies":{"@bekaert-dev/tsconfig":"1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.4.0","vitest":"^4.0.18","@biomejs/biome":"2.3.14","@bekaert-dev/color-contrast-checker":"0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/design-tokens_0.1.0_1770723010629_0.7196599293040076","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@bekaert-dev/design-tokens","version":"0.2.0","type":"module","main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"dependencies":{"@bekaert-dev/tsconfig":"1.0.1"},"devDependencies":{"@biomejs/biome":"2.3.15","tsup":"^8.4.0","vitest":"^4.0.18","@bekaert-dev/color-contrast-checker":"0.0.1"},"scripts":{"build":"tsup","lint":"biome lint .","format":"biome format --write .","test":"vitest run"},"_id":"@bekaert-dev/design-tokens@0.2.0","description":"Design tokens for the bekaert.dev design system. Provides base colors, a full color palette, semantic theme tokens for light and dark modes, typography, spacing, border radii, shadows, breakpoints, z-index layers, and motion tokens.","_integrity":"sha512-eh2AzQcA3qAY45cfjrLzlQRN/UZDcXsoYRSK0dE8tVlHiBbv/95kEF6i8B5H1Xgux49rj/MlQOZdX8UpERkjAg==","_resolved":"/tmp/8ff5fe58610e16be88303caf857c41d6/bekaert-dev-design-tokens-0.2.0.tgz","_from":"file:bekaert-dev-design-tokens-0.2.0.tgz","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-eh2AzQcA3qAY45cfjrLzlQRN/UZDcXsoYRSK0dE8tVlHiBbv/95kEF6i8B5H1Xgux49rj/MlQOZdX8UpERkjAg==","shasum":"344f9aec9fab2ee00cdeb5ba01481571ce736c1e","tarball":"https://registry.npmjs.org/@bekaert-dev/design-tokens/-/design-tokens-0.2.0.tgz","fileCount":8,"unpackedSize":174901,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCWLaOBPaW4y0wmUBFNuBMp1p9oTmKrxAXZka+4ItBLEgIhAPde7o8wSEwyIpDR5wiYTqCwFrFYC9TpctaccCliXAr5"}]},"_npmUser":{"name":"tbekaert","email":"thomas@bekaert.dev"},"directories":{},"maintainers":[{"name":"tbekaert","email":"thomas@bekaert.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-tokens_0.2.0_1771185832313_0.15206698108459915"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-10T11:30:10.514Z","modified":"2026-02-15T20:03:52.589Z","0.1.0":"2026-02-10T11:30:10.795Z","0.2.0":"2026-02-15T20:03:52.438Z"},"description":"Design tokens for the bekaert.dev design system. Provides base colors, a full color palette, semantic theme tokens for light and dark modes, typography, spacing, border radii, shadows, breakpoints, z-index layers, and motion tokens.","maintainers":[{"name":"tbekaert","email":"thomas@bekaert.dev"}],"readme":"# @bekaert-dev/design-tokens\n\nDesign tokens for the bekaert.dev design system. Provides base colors, a full color palette, semantic theme tokens for light and dark modes, typography, spacing, border radii, shadows, breakpoints, z-index layers, and motion tokens.\n\n## Usage\n\n```ts\nimport {\n  colors, light, dark,\n  fonts, spacing, radii,\n  breakpoints, zIndex, motion,\n} from '@bekaert-dev/design-tokens'\n\n// Base colors\ncolors.base.primary              // '#145F44'\n\n// Palette (100–900 scales)\ncolors.palette.primary[500]      // '#145F44'\n\n// Semantic theme tokens (colors + shadows bundled)\nlight.surface.primary.default    // palette.primary[100]\ndark.content.neutral.muted       // palette.neutral[300]\n\n// Typography\nfonts.scale.heading.h1.fontSize  // '2.5rem'\n\n// Spacing (4px base grid, Tailwind-style keys)\nspacing.scale[4]                 // '1rem' (16px)\n\n// Border radii\nradii.scale.md                   // '0.25rem' (4px)\n\n// Shadows (bundled in each theme)\nlight.shadows.md\n\n// Breakpoints\nbreakpoints.scale.md             // '768px'\n\n// Z-Index\nzIndex.scale.modal               // 1400\n\n// Motion\nmotion.scale.duration.fast       // '150ms'\nmotion.scale.easing.default      // 'cubic-bezier(0.2, 0, 0, 1)'\n```\n\n## Structure\n\n| Export | Description |\n|--------|-------------|\n| `colors.base` | 8 core brand and utility colors (`white`, `black`, `primary`, `secondary`, `blue`, `red`, `green`, `orange`) |\n| `colors.palette` | Nine-step scales (100–900) for each base color; the 500 stop matches the base value |\n| `light` / `dark` | Semantic themes implementing the `Theme` type — bundles color tokens (`app`, `surface`, `content`, `action`, `border`) and `shadows` |\n| `fonts.base` | Font family definition (Inter) |\n| `fonts.scale` | Typography scale: `display` (lg/md/sm), `heading` (h1–h6), `paragraph` (lg/md/sm) |\n| `spacing.scale` | 4px base grid with Tailwind-style numeric keys (0–24) |\n| `radii.scale` | Border radius scale (`none` through `full`) |\n| `breakpoints.scale` | Responsive breakpoints (`sm`–`2xl`) |\n| `zIndex.scale` | Z-index layers with 100-step gaps (`hide` through `tooltip`) |\n| `motion.scale` | Duration (`fast`/`normal`/`slow`) and easing curves |\n\nTheme roles: `neutral`, `primary`, `secondary`, `info`, `success`, `caution`, `critical`.\nTheme states: `default`, `muted`, `hover`, `focus`, `active`, `disabled`.\n\n## Type exports\n\n```ts\nimport type {\n  Theme, ThemeColors, Typography,\n  SpacingScale, RadiiScale, ShadowScale,\n  BreakpointScale, ZIndexScale,\n  Motion, Duration, Easing,\n} from '@bekaert-dev/design-tokens'\n```\n","readmeFilename":"README.md"}