@root-axis/design-tokens/js/tokens.js

A minimalistic set of design tokens for consistent UI elements in CSS, SCSS, JavaScript, TypeScript, and JSON

/**
 * Do not edit directly, this file was auto-generated.
 */

export const ColorNeutral50 = "#fafafa";
export const ColorNeutral100 = "#f5f5f5";
export const ColorNeutral200 = "#e5e5e5";
export const ColorNeutral300 = "#d4d4d4";
export const ColorNeutral400 = "#a3a3a3";
export const ColorNeutral500 = "#737373";
export const ColorNeutral600 = "#525252";
export const ColorNeutral700 = "#404040";
export const ColorNeutral800 = "#262626";
export const ColorNeutral900 = "#171717";
export const ColorNeutral950 = "#0a0a0a";
export const ColorBlue50 = "#eff6ff";
export const ColorBlue100 = "#dbeafe";
export const ColorBlue200 = "#bfdbfe";
export const ColorBlue300 = "#93c5fd";
export const ColorBlue400 = "#60a5fa";
export const ColorBlue500 = "#3b82f6";
export const ColorBlue600 = "#2563eb";
export const ColorBlue700 = "#1d4ed8";
export const ColorBlue800 = "#1e40af";
export const ColorBlue900 = "#1e3a8a";
export const ColorBlue950 = "#172554";
export const FontWeightThin = "100";
export const FontWeightLight = "300";
export const FontWeightNormal = "400";
export const FontWeightMedium = "500";
export const FontWeightSemibold = "600";
export const FontWeightBold = "700";
export const Size0 = "0px";
export const Size1 = "1px";
export const Size2 = "4px";
export const Size3 = "8px";
export const Size4 = "12px";
export const Size5 = "16px";
export const Size6 = "20px";
export const Size7 = "24px";
export const Size8 = "32px";
export const Size9 = "40px";
export const Size10 = "48px";
export const Size11 = "64px";
export const Size12 = "80px";
export const Size13 = "96px";