feat(design-tokens): v1.1.0 — add product-specific tokens and new categories
- Add product token sections: - peakpulse: activity colors, speed zones, elevation, streaks - chronomind: urgency levels, focus mode, pomodoro colors - nomgap: fasting stage colors, autophagy meter, safety - lysnrai: recording states, processing, dictation mode - Add new token categories: - zIndex: layers from hidden (-1) to tooltip (800) - icon: xs (12) to 2xl (48) - grid: 12-column system with breakpoints - opacity: 0-100 scale - Regenerate all platform outputs (CSS, TS, Kotlin, Swift, React Native) - Version bumped to 1.1.0
This commit is contained in:
saravanakumardb1
parent
359d6e18a5
commit
78d28307ec
139
packages/design-tokens/generated/react-native/tokens.ts
Normal file
139
packages/design-tokens/generated/react-native/tokens.ts
Normal file
@ -0,0 +1,139 @@
|
|||||||
|
/**
|
||||||
|
* React Native Design Tokens — Auto-generated from bytelyst.tokens.json
|
||||||
|
* Do not edit manually. Run: tsx scripts/generate-react-native.ts
|
||||||
|
*/
|
||||||
|
|
||||||
|
export const tokens = {
|
||||||
|
// ── Semantic Colors (Dark Theme) ──────────────────────────────────
|
||||||
|
colors: {
|
||||||
|
bgCanvas: '#06070A',
|
||||||
|
bgElevated: '#0E1118',
|
||||||
|
surfaceCard: '#121725',
|
||||||
|
surfaceMuted: '#1A2335',
|
||||||
|
borderDefault: '#1FFFFFFF',
|
||||||
|
borderStrong: '#38FFFFFF',
|
||||||
|
textPrimary: '#EFF4FF',
|
||||||
|
textSecondary: '#A5B1C7',
|
||||||
|
textTertiary: '#6C7C98',
|
||||||
|
accentPrimary: '#5A8CFF',
|
||||||
|
accentSecondary: '#2EE6D6',
|
||||||
|
success: '#34D399',
|
||||||
|
warning: '#F59E0B',
|
||||||
|
danger: '#FF6E6E',
|
||||||
|
focusRing: '#735A8CFF',
|
||||||
|
overlayScrim: '#B8050812',
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── NomGap Product Colors ──────────────────────────────────────────
|
||||||
|
nomgap: {
|
||||||
|
stageFed: '#FF9F43',
|
||||||
|
stageEarlyFast: '#FECA57',
|
||||||
|
stageFasted: '#48DBFB',
|
||||||
|
stageKetosis: '#5A8CFF',
|
||||||
|
stageDeepAutophagy: '#A66BFF',
|
||||||
|
stageExtended: '#FFD700',
|
||||||
|
autophagyMeter: '#5AE68C',
|
||||||
|
hydrationReminder: '#48DBFB',
|
||||||
|
electrolyteAlert: '#FF9F43',
|
||||||
|
safetyWarning: '#FF6E6E',
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Spacing (8pt grid) ──────────────────────────────────────────────
|
||||||
|
spacing: {
|
||||||
|
0: 0,
|
||||||
|
1: 4,
|
||||||
|
2: 8,
|
||||||
|
3: 12,
|
||||||
|
4: 16,
|
||||||
|
5: 20,
|
||||||
|
6: 24,
|
||||||
|
7: 28,
|
||||||
|
8: 32,
|
||||||
|
10: 40,
|
||||||
|
12: 48,
|
||||||
|
16: 64,
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Border Radius ───────────────────────────────────────────────────
|
||||||
|
radius: {
|
||||||
|
xs: 8,
|
||||||
|
sm: 12,
|
||||||
|
md: 16,
|
||||||
|
lg: 20,
|
||||||
|
xl: 24,
|
||||||
|
pill: 999,
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Typography ─────────────────────────────────────────────────────
|
||||||
|
typography: {
|
||||||
|
fontFamily: {
|
||||||
|
display: 'System',
|
||||||
|
body: 'System',
|
||||||
|
mono: 'Courier',
|
||||||
|
},
|
||||||
|
fontSize: {
|
||||||
|
xs: 12,
|
||||||
|
sm: 14,
|
||||||
|
md: 16,
|
||||||
|
lg: 18,
|
||||||
|
xl: 22,
|
||||||
|
'2xl': 28,
|
||||||
|
'3xl': 36,
|
||||||
|
},
|
||||||
|
fontWeight: {
|
||||||
|
regular: '400',
|
||||||
|
medium: '500',
|
||||||
|
semibold: '600',
|
||||||
|
bold: '700',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Icon Sizes ──────────────────────────────────────────────────────
|
||||||
|
icon: {
|
||||||
|
xs: 12,
|
||||||
|
sm: 16,
|
||||||
|
md: 20,
|
||||||
|
lg: 24,
|
||||||
|
xl: 32,
|
||||||
|
'2xl': 48,
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Z-Index Layers ───────────────────────────────────────────────────
|
||||||
|
zIndex: {
|
||||||
|
hidden: -1,
|
||||||
|
base: 0,
|
||||||
|
dropdown: 100,
|
||||||
|
sticky: 200,
|
||||||
|
fixed: 300,
|
||||||
|
overlay: 400,
|
||||||
|
modal: 500,
|
||||||
|
popover: 600,
|
||||||
|
toast: 700,
|
||||||
|
tooltip: 800,
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Opacity ─────────────────────────────────────────────────────────
|
||||||
|
opacity: {
|
||||||
|
'0': 0,
|
||||||
|
'10': 0.1,
|
||||||
|
'20': 0.2,
|
||||||
|
'30': 0.3,
|
||||||
|
'40': 0.4,
|
||||||
|
'50': 0.5,
|
||||||
|
'60': 0.6,
|
||||||
|
'70': 0.7,
|
||||||
|
'80': 0.8,
|
||||||
|
'90': 0.9,
|
||||||
|
'100': 1,
|
||||||
|
},
|
||||||
|
|
||||||
|
// ── Motion ────────────────────────────────────────────────────────────
|
||||||
|
motion: {
|
||||||
|
instant: 70,
|
||||||
|
fast: 140,
|
||||||
|
base: 220,
|
||||||
|
slow: 320,
|
||||||
|
},
|
||||||
|
} as const;
|
||||||
|
|
||||||
|
export type Tokens = typeof tokens;
|
||||||
@ -1,195 +1,286 @@
|
|||||||
// Auto-generated from bytelyst.tokens.json — do not edit manually
|
// Auto-generated from bytelyst.tokens.json — do not edit manually
|
||||||
|
|
||||||
export const tokens = {
|
export const tokens = {
|
||||||
"meta": {
|
meta: {
|
||||||
"name": "ByteLyst Design Tokens",
|
name: 'ByteLyst Design Tokens',
|
||||||
"version": "1.0.0",
|
version: '1.1.0',
|
||||||
"updatedAt": "2026-02-12",
|
updatedAt: '2026-03-03',
|
||||||
"scale": "8pt"
|
scale: '8pt',
|
||||||
},
|
},
|
||||||
"color": {
|
color: {
|
||||||
"palette": {
|
palette: {
|
||||||
"neutral": {
|
neutral: {
|
||||||
"0": "#FFFFFF",
|
'0': '#FFFFFF',
|
||||||
"50": "#F6F8FC",
|
'50': '#F6F8FC',
|
||||||
"100": "#EEF2FA",
|
'100': '#EEF2FA',
|
||||||
"200": "#DCE4F2",
|
'200': '#DCE4F2',
|
||||||
"300": "#BFCBDE",
|
'300': '#BFCBDE',
|
||||||
"400": "#92A1BA",
|
'400': '#92A1BA',
|
||||||
"500": "#6C7C98",
|
'500': '#6C7C98',
|
||||||
"600": "#55637A",
|
'600': '#55637A',
|
||||||
"700": "#3B455A",
|
'700': '#3B455A',
|
||||||
"800": "#1A2335",
|
'800': '#1A2335',
|
||||||
"900": "#0E1320",
|
'900': '#0E1320',
|
||||||
"950": "#06070A"
|
'950': '#06070A',
|
||||||
},
|
},
|
||||||
"brand": {
|
brand: {
|
||||||
"blue": "#5A8CFF",
|
blue: '#5A8CFF',
|
||||||
"cyan": "#2EE6D6",
|
cyan: '#2EE6D6',
|
||||||
"coral": "#FF6E6E",
|
coral: '#FF6E6E',
|
||||||
"gold": "#FFD166",
|
gold: '#FFD166',
|
||||||
"mint": "#34D399",
|
mint: '#34D399',
|
||||||
"warning": "#F59E0B"
|
warning: '#F59E0B',
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"semantic": {
|
|
||||||
"dark": {
|
|
||||||
"bgCanvas": "#06070A",
|
|
||||||
"bgElevated": "#0E1118",
|
|
||||||
"surfaceCard": "#121725",
|
|
||||||
"surfaceMuted": "#1A2335",
|
|
||||||
"borderDefault": "rgba(255,255,255,0.12)",
|
|
||||||
"borderStrong": "rgba(255,255,255,0.22)",
|
|
||||||
"textPrimary": "#EFF4FF",
|
|
||||||
"textSecondary": "#A5B1C7",
|
|
||||||
"textTertiary": "#6C7C98",
|
|
||||||
"accentPrimary": "#5A8CFF",
|
|
||||||
"accentSecondary": "#2EE6D6",
|
|
||||||
"success": "#34D399",
|
|
||||||
"warning": "#F59E0B",
|
|
||||||
"danger": "#FF6E6E",
|
|
||||||
"focusRing": "rgba(90,140,255,0.45)",
|
|
||||||
"overlayScrim": "rgba(5,8,18,0.72)"
|
|
||||||
},
|
},
|
||||||
"light": {
|
semantic: {
|
||||||
"bgCanvas": "#F6F8FC",
|
dark: {
|
||||||
"bgElevated": "#EEF2FA",
|
bgCanvas: '#06070A',
|
||||||
"surfaceCard": "#FFFFFF",
|
bgElevated: '#0E1118',
|
||||||
"surfaceMuted": "#F3F5FA",
|
surfaceCard: '#121725',
|
||||||
"borderDefault": "rgba(14,19,32,0.12)",
|
surfaceMuted: '#1A2335',
|
||||||
"borderStrong": "rgba(14,19,32,0.24)",
|
borderDefault: 'rgba(255,255,255,0.12)',
|
||||||
"textPrimary": "#0E1320",
|
borderStrong: 'rgba(255,255,255,0.22)',
|
||||||
"textSecondary": "#55637A",
|
textPrimary: '#EFF4FF',
|
||||||
"textTertiary": "#6C7C98",
|
textSecondary: '#A5B1C7',
|
||||||
"accentPrimary": "#5A8CFF",
|
textTertiary: '#6C7C98',
|
||||||
"accentSecondary": "#2EE6D6",
|
accentPrimary: '#5A8CFF',
|
||||||
"success": "#13956A",
|
accentSecondary: '#2EE6D6',
|
||||||
"warning": "#B87504",
|
success: '#34D399',
|
||||||
"danger": "#D24242",
|
warning: '#F59E0B',
|
||||||
"focusRing": "rgba(90,140,255,0.35)",
|
danger: '#FF6E6E',
|
||||||
"overlayScrim": "rgba(10,13,23,0.5)"
|
focusRing: 'rgba(90,140,255,0.45)',
|
||||||
}
|
overlayScrim: 'rgba(5,8,18,0.72)',
|
||||||
},
|
},
|
||||||
"brain": {
|
light: {
|
||||||
"work": {
|
bgCanvas: '#F6F8FC',
|
||||||
"from": "#5A8CFF",
|
bgElevated: '#EEF2FA',
|
||||||
"to": "#2EE6D6"
|
surfaceCard: '#FFFFFF',
|
||||||
|
surfaceMuted: '#F3F5FA',
|
||||||
|
borderDefault: 'rgba(14,19,32,0.12)',
|
||||||
|
borderStrong: 'rgba(14,19,32,0.24)',
|
||||||
|
textPrimary: '#0E1320',
|
||||||
|
textSecondary: '#55637A',
|
||||||
|
textTertiary: '#6C7C98',
|
||||||
|
accentPrimary: '#5A8CFF',
|
||||||
|
accentSecondary: '#2EE6D6',
|
||||||
|
success: '#13956A',
|
||||||
|
warning: '#B87504',
|
||||||
|
danger: '#D24242',
|
||||||
|
focusRing: 'rgba(90,140,255,0.35)',
|
||||||
|
overlayScrim: 'rgba(10,13,23,0.5)',
|
||||||
},
|
},
|
||||||
"home": {
|
|
||||||
"from": "#FF6E6E",
|
|
||||||
"to": "#FFD166"
|
|
||||||
},
|
},
|
||||||
"money": {
|
brain: {
|
||||||
"from": "#34D399",
|
work: {
|
||||||
"to": "#2EE6D6"
|
from: '#5A8CFF',
|
||||||
|
to: '#2EE6D6',
|
||||||
},
|
},
|
||||||
"health": {
|
home: {
|
||||||
"from": "#2EE6D6",
|
from: '#FF6E6E',
|
||||||
"to": "#9FE870"
|
to: '#FFD166',
|
||||||
},
|
},
|
||||||
"global": {
|
money: {
|
||||||
"from": "#7D8FB4",
|
from: '#34D399',
|
||||||
"to": "#A5B1C7"
|
to: '#2EE6D6',
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"jarvisjr": {
|
health: {
|
||||||
"accentPrimary": "#7C6BFF",
|
from: '#2EE6D6',
|
||||||
"accentSecondary": "#5AE6C8",
|
to: '#9FE870',
|
||||||
"accentVoice": "#FF6B8A",
|
|
||||||
"agentCoach": "#5A8CFF",
|
|
||||||
"agentLingua": "#FFB74D",
|
|
||||||
"agentSpark": "#E040FB",
|
|
||||||
"agentMentor": "#34D399",
|
|
||||||
"agentMirror": "#2EE6D6",
|
|
||||||
"agentOrator": "#FF9F43"
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"typography": {
|
global: {
|
||||||
"fontFamily": {
|
from: '#7D8FB4',
|
||||||
"display": "'Space Grotesk', 'SF Pro Display', sans-serif",
|
to: '#A5B1C7',
|
||||||
"body": "'DM Sans', 'SF Pro Text', sans-serif",
|
|
||||||
"mono": "'IBM Plex Mono', 'SF Mono', monospace"
|
|
||||||
},
|
},
|
||||||
"fontWeight": {
|
|
||||||
"regular": 400,
|
|
||||||
"medium": 500,
|
|
||||||
"semibold": 600,
|
|
||||||
"bold": 700
|
|
||||||
},
|
},
|
||||||
"fontSize": {
|
jarvisjr: {
|
||||||
"xs": 12,
|
accentPrimary: '#7C6BFF',
|
||||||
"sm": 14,
|
accentSecondary: '#5AE6C8',
|
||||||
"md": 16,
|
accentVoice: '#FF6B8A',
|
||||||
"lg": 18,
|
agentCoach: '#5A8CFF',
|
||||||
"xl": 22,
|
agentLingua: '#FFB74D',
|
||||||
"2xl": 28,
|
agentSpark: '#E040FB',
|
||||||
"3xl": 36
|
agentMentor: '#34D399',
|
||||||
|
agentMirror: '#2EE6D6',
|
||||||
|
agentOrator: '#FF9F43',
|
||||||
},
|
},
|
||||||
"lineHeight": {
|
peakpulse: {
|
||||||
"tight": 1.2,
|
activityHike: '#34D399',
|
||||||
"normal": 1.45,
|
activitySki: '#5A8CFF',
|
||||||
"relaxed": 1.65
|
speedZoneSlow: '#34D399',
|
||||||
|
speedZoneFast: '#FFD166',
|
||||||
|
speedZoneDanger: '#FF6E6E',
|
||||||
|
elevationGain: '#2EE6D6',
|
||||||
|
elevationLoss: '#FF9F43',
|
||||||
|
personalBest: '#FFD700',
|
||||||
|
streakActive: '#34D399',
|
||||||
|
streakBroken: '#FF6E6E',
|
||||||
},
|
},
|
||||||
"letterSpacing": {
|
chronomind: {
|
||||||
"tight": -0.02,
|
urgencyCritical: '#FF6E6E',
|
||||||
"normal": 0,
|
urgencyImportant: '#FFD166',
|
||||||
"wide": 0.02
|
urgencyStandard: '#5A8CFF',
|
||||||
}
|
urgencyGentle: '#34D399',
|
||||||
|
urgencyPassive: '#A5B1C7',
|
||||||
|
focusMode: '#7C6BFF',
|
||||||
|
pomodoroWork: '#34D399',
|
||||||
|
pomodoroBreak: '#5A8CFF',
|
||||||
|
cascadeWarning: '#FF9F43',
|
||||||
|
timerComplete: '#34D399',
|
||||||
},
|
},
|
||||||
"spacing": {
|
nomgap: {
|
||||||
"0": 0,
|
stageFed: '#FF9F43',
|
||||||
"1": 4,
|
stageEarlyFast: '#FECA57',
|
||||||
"2": 8,
|
stageFasted: '#48DBFB',
|
||||||
"3": 12,
|
stageKetosis: '#5A8CFF',
|
||||||
"4": 16,
|
stageDeepAutophagy: '#A66BFF',
|
||||||
"5": 20,
|
stageExtended: '#FFD700',
|
||||||
"6": 24,
|
autophagyMeter: '#5AE68C',
|
||||||
"7": 28,
|
hydrationReminder: '#48DBFB',
|
||||||
"8": 32,
|
electrolyteAlert: '#FF9F43',
|
||||||
"10": 40,
|
safetyWarning: '#FF6E6E',
|
||||||
"12": 48,
|
|
||||||
"16": 64
|
|
||||||
},
|
},
|
||||||
"radius": {
|
lysnrai: {
|
||||||
"xs": 8,
|
recordingActive: '#FF6E6E',
|
||||||
"sm": 12,
|
recordingPaused: '#FFD166',
|
||||||
"md": 16,
|
processing: '#5A8CFF',
|
||||||
"lg": 20,
|
transcribed: '#34D399',
|
||||||
"xl": 24,
|
dictationMode: '#7C6BFF',
|
||||||
"pill": 999
|
commandMode: '#2EE6D6',
|
||||||
|
hotkeyActive: '#FF6B8A',
|
||||||
},
|
},
|
||||||
"elevation": {
|
|
||||||
"none": "0 0 0 rgba(0,0,0,0)",
|
|
||||||
"sm": "0 4px 12px rgba(0,0,0,0.12)",
|
|
||||||
"md": "0 12px 28px rgba(0,0,0,0.18)",
|
|
||||||
"lg": "0 20px 48px rgba(0,0,0,0.24)"
|
|
||||||
},
|
},
|
||||||
"motion": {
|
typography: {
|
||||||
"duration": {
|
fontFamily: {
|
||||||
"instant": 70,
|
display: "'Space Grotesk', 'SF Pro Display', sans-serif",
|
||||||
"fast": 140,
|
body: "'DM Sans', 'SF Pro Text', sans-serif",
|
||||||
"base": 220,
|
mono: "'IBM Plex Mono', 'SF Mono', monospace",
|
||||||
"slow": 320
|
|
||||||
},
|
},
|
||||||
"easing": {
|
fontWeight: {
|
||||||
"standard": "cubic-bezier(0.2, 0.0, 0.2, 1)",
|
regular: 400,
|
||||||
"decelerate": "cubic-bezier(0.0, 0.0, 0.2, 1)",
|
medium: 500,
|
||||||
"accelerate": "cubic-bezier(0.4, 0.0, 1, 1)"
|
semibold: 600,
|
||||||
}
|
bold: 700,
|
||||||
},
|
},
|
||||||
"breakpoints": {
|
fontSize: {
|
||||||
"mobile": 0,
|
xs: 12,
|
||||||
"tablet": 768,
|
sm: 14,
|
||||||
"desktop": 1200,
|
md: 16,
|
||||||
"wide": 1440
|
lg: 18,
|
||||||
|
xl: 22,
|
||||||
|
'2xl': 28,
|
||||||
|
'3xl': 36,
|
||||||
|
},
|
||||||
|
lineHeight: {
|
||||||
|
tight: 1.2,
|
||||||
|
normal: 1.45,
|
||||||
|
relaxed: 1.65,
|
||||||
|
},
|
||||||
|
letterSpacing: {
|
||||||
|
tight: -0.02,
|
||||||
|
normal: 0,
|
||||||
|
wide: 0.02,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
spacing: {
|
||||||
|
'0': 0,
|
||||||
|
'1': 4,
|
||||||
|
'2': 8,
|
||||||
|
'3': 12,
|
||||||
|
'4': 16,
|
||||||
|
'5': 20,
|
||||||
|
'6': 24,
|
||||||
|
'7': 28,
|
||||||
|
'8': 32,
|
||||||
|
'10': 40,
|
||||||
|
'12': 48,
|
||||||
|
'16': 64,
|
||||||
|
},
|
||||||
|
radius: {
|
||||||
|
xs: 8,
|
||||||
|
sm: 12,
|
||||||
|
md: 16,
|
||||||
|
lg: 20,
|
||||||
|
xl: 24,
|
||||||
|
pill: 999,
|
||||||
|
},
|
||||||
|
elevation: {
|
||||||
|
none: '0 0 0 rgba(0,0,0,0)',
|
||||||
|
sm: '0 4px 12px rgba(0,0,0,0.12)',
|
||||||
|
md: '0 12px 28px rgba(0,0,0,0.18)',
|
||||||
|
lg: '0 20px 48px rgba(0,0,0,0.24)',
|
||||||
|
},
|
||||||
|
motion: {
|
||||||
|
duration: {
|
||||||
|
instant: 70,
|
||||||
|
fast: 140,
|
||||||
|
base: 220,
|
||||||
|
slow: 320,
|
||||||
|
},
|
||||||
|
easing: {
|
||||||
|
standard: 'cubic-bezier(0.2, 0.0, 0.2, 1)',
|
||||||
|
decelerate: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
|
||||||
|
accelerate: 'cubic-bezier(0.4, 0.0, 1, 1)',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
breakpoints: {
|
||||||
|
mobile: 0,
|
||||||
|
tablet: 768,
|
||||||
|
desktop: 1200,
|
||||||
|
wide: 1440,
|
||||||
|
},
|
||||||
|
layout: {
|
||||||
|
maxContentWidth: 1280,
|
||||||
|
mobileGutter: 16,
|
||||||
|
tabletGutter: 24,
|
||||||
|
desktopGutter: 32,
|
||||||
|
touchTargetMin: 44,
|
||||||
|
},
|
||||||
|
zIndex: {
|
||||||
|
hidden: -1,
|
||||||
|
base: 0,
|
||||||
|
dropdown: 100,
|
||||||
|
sticky: 200,
|
||||||
|
fixed: 300,
|
||||||
|
overlay: 400,
|
||||||
|
modal: 500,
|
||||||
|
popover: 600,
|
||||||
|
toast: 700,
|
||||||
|
tooltip: 800,
|
||||||
|
},
|
||||||
|
icon: {
|
||||||
|
xs: 12,
|
||||||
|
sm: 16,
|
||||||
|
md: 20,
|
||||||
|
lg: 24,
|
||||||
|
xl: 32,
|
||||||
|
'2xl': 48,
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
columns: 12,
|
||||||
|
gutter: 24,
|
||||||
|
maxWidth: 1200,
|
||||||
|
breakpoints: {
|
||||||
|
xs: 0,
|
||||||
|
sm: 576,
|
||||||
|
md: 768,
|
||||||
|
lg: 992,
|
||||||
|
xl: 1200,
|
||||||
|
xxl: 1400,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
opacity: {
|
||||||
|
'0': 0,
|
||||||
|
'10': 0.1,
|
||||||
|
'20': 0.2,
|
||||||
|
'30': 0.3,
|
||||||
|
'40': 0.4,
|
||||||
|
'50': 0.5,
|
||||||
|
'60': 0.6,
|
||||||
|
'70': 0.7,
|
||||||
|
'80': 0.8,
|
||||||
|
'90': 0.9,
|
||||||
|
'100': 1,
|
||||||
},
|
},
|
||||||
"layout": {
|
|
||||||
"maxContentWidth": 1280,
|
|
||||||
"mobileGutter": 16,
|
|
||||||
"tabletGutter": 24,
|
|
||||||
"desktopGutter": 32,
|
|
||||||
"touchTargetMin": 44
|
|
||||||
}
|
|
||||||
} as const;
|
} as const;
|
||||||
|
|
||||||
export type Tokens = typeof tokens;
|
export type Tokens = typeof tokens;
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
{
|
{
|
||||||
"meta": {
|
"meta": {
|
||||||
"name": "ByteLyst Design Tokens",
|
"name": "ByteLyst Design Tokens",
|
||||||
"version": "1.0.0",
|
"version": "1.1.0",
|
||||||
"updatedAt": "2026-02-12",
|
"updatedAt": "2026-03-03",
|
||||||
"scale": "8pt"
|
"scale": "8pt"
|
||||||
},
|
},
|
||||||
"color": {
|
"color": {
|
||||||
@ -85,6 +85,51 @@
|
|||||||
"agentMentor": "#34D399",
|
"agentMentor": "#34D399",
|
||||||
"agentMirror": "#2EE6D6",
|
"agentMirror": "#2EE6D6",
|
||||||
"agentOrator": "#FF9F43"
|
"agentOrator": "#FF9F43"
|
||||||
|
},
|
||||||
|
"peakpulse": {
|
||||||
|
"activityHike": "#34D399",
|
||||||
|
"activitySki": "#5A8CFF",
|
||||||
|
"speedZoneSlow": "#34D399",
|
||||||
|
"speedZoneFast": "#FFD166",
|
||||||
|
"speedZoneDanger": "#FF6E6E",
|
||||||
|
"elevationGain": "#2EE6D6",
|
||||||
|
"elevationLoss": "#FF9F43",
|
||||||
|
"personalBest": "#FFD700",
|
||||||
|
"streakActive": "#34D399",
|
||||||
|
"streakBroken": "#FF6E6E"
|
||||||
|
},
|
||||||
|
"chronomind": {
|
||||||
|
"urgencyCritical": "#FF6E6E",
|
||||||
|
"urgencyImportant": "#FFD166",
|
||||||
|
"urgencyStandard": "#5A8CFF",
|
||||||
|
"urgencyGentle": "#34D399",
|
||||||
|
"urgencyPassive": "#A5B1C7",
|
||||||
|
"focusMode": "#7C6BFF",
|
||||||
|
"pomodoroWork": "#34D399",
|
||||||
|
"pomodoroBreak": "#5A8CFF",
|
||||||
|
"cascadeWarning": "#FF9F43",
|
||||||
|
"timerComplete": "#34D399"
|
||||||
|
},
|
||||||
|
"nomgap": {
|
||||||
|
"stageFed": "#FF9F43",
|
||||||
|
"stageEarlyFast": "#FECA57",
|
||||||
|
"stageFasted": "#48DBFB",
|
||||||
|
"stageKetosis": "#5A8CFF",
|
||||||
|
"stageDeepAutophagy": "#A66BFF",
|
||||||
|
"stageExtended": "#FFD700",
|
||||||
|
"autophagyMeter": "#5AE68C",
|
||||||
|
"hydrationReminder": "#48DBFB",
|
||||||
|
"electrolyteAlert": "#FF9F43",
|
||||||
|
"safetyWarning": "#FF6E6E"
|
||||||
|
},
|
||||||
|
"lysnrai": {
|
||||||
|
"recordingActive": "#FF6E6E",
|
||||||
|
"recordingPaused": "#FFD166",
|
||||||
|
"processing": "#5A8CFF",
|
||||||
|
"transcribed": "#34D399",
|
||||||
|
"dictationMode": "#7C6BFF",
|
||||||
|
"commandMode": "#2EE6D6",
|
||||||
|
"hotkeyActive": "#FF6B8A"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"typography": {
|
"typography": {
|
||||||
@ -172,5 +217,51 @@
|
|||||||
"tabletGutter": 24,
|
"tabletGutter": 24,
|
||||||
"desktopGutter": 32,
|
"desktopGutter": 32,
|
||||||
"touchTargetMin": 44
|
"touchTargetMin": 44
|
||||||
|
},
|
||||||
|
"zIndex": {
|
||||||
|
"hidden": -1,
|
||||||
|
"base": 0,
|
||||||
|
"dropdown": 100,
|
||||||
|
"sticky": 200,
|
||||||
|
"fixed": 300,
|
||||||
|
"overlay": 400,
|
||||||
|
"modal": 500,
|
||||||
|
"popover": 600,
|
||||||
|
"toast": 700,
|
||||||
|
"tooltip": 800
|
||||||
|
},
|
||||||
|
"icon": {
|
||||||
|
"xs": 12,
|
||||||
|
"sm": 16,
|
||||||
|
"md": 20,
|
||||||
|
"lg": 24,
|
||||||
|
"xl": 32,
|
||||||
|
"2xl": 48
|
||||||
|
},
|
||||||
|
"grid": {
|
||||||
|
"columns": 12,
|
||||||
|
"gutter": 24,
|
||||||
|
"maxWidth": 1200,
|
||||||
|
"breakpoints": {
|
||||||
|
"xs": 0,
|
||||||
|
"sm": 576,
|
||||||
|
"md": 768,
|
||||||
|
"lg": 992,
|
||||||
|
"xl": 1200,
|
||||||
|
"xxl": 1400
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"opacity": {
|
||||||
|
"0": 0,
|
||||||
|
"10": 0.1,
|
||||||
|
"20": 0.2,
|
||||||
|
"30": 0.3,
|
||||||
|
"40": 0.4,
|
||||||
|
"50": 0.5,
|
||||||
|
"60": 0.6,
|
||||||
|
"70": 0.7,
|
||||||
|
"80": 0.8,
|
||||||
|
"90": 0.9,
|
||||||
|
"100": 1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user