@kazee-ds/tokens

Prepared, unpublished version 0.8.0 adds the cool-gray-300 palette color (--ds-color-cool-gray-300, #B0B3C4), used for idle enclosed Tabs text. It is a palette value, not a text role: it measures 2.08:1 on light surfaces. Published 0.7.0 --ds-color-text-secondary (#6b7090 light, #9ca0ba dark, WCAG AA) is unchanged.

Kazee primitive and semantic design tokens for light and dark surfaces. Independent token version: 0.8.0. Verify registry availability before installing. Retains the exact Switch thumb shadow (0px 2px 2px 0px #0000003D), alongside font-size-2xs (10px), font-size-xs (12px) and field-compact radius (5px). Compatible package versions are listed in the version matrix.

Light-theme neutral border roles resolve to neutral 250 (#DBDBDB). Dark mode retains neutral 500 field/control boundaries and neutral 400 field hover. Focus/error/selected colors keep their semantic roles. The intentionally subtle light resting/hover borders are no longer covered by the previous 3:1 field-boundary contrast claim; focus and text contrast gates remain enforced.

Install

After publication is verified, public npm installation requires no read token or login. Until then use matching local packed artifacts. Preserve the application's package manager and lockfile.

npm install --save-exact @kazee-ds/[email protected]

Use

import '@kazee-ds/tokens/tokens.css';
// Token data is also exported from @kazee-ds/tokens/tokens.json.

Import the stylesheet once globally. Check the version matrix for release availability. Read installed public types before using an API from a newer Storybook or MCP catalog.

Installation | Public Storybook | Consumer lint

License: UNLICENSED. Public distribution does not grant an open-source license.