bytelyst/learning_ai_common_plat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(design-tokens): add JarvisJr product color palette to bytelyst.tokens.json

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-01 06:49:47 -08:00
parent 8b36cd9e4d
commit a0157211f5
2 changed files with 182 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

323
packages/design-tokens/generated/tokens.ts
View File

@ -1,184 +1,195 @@
// 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.0.0",
updatedAt: '2026-02-12', "updatedAt": "2026-02-12",
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)"
}, },
semantic: { "light": {
dark: { "bgCanvas": "#F6F8FC",
bgCanvas: '#06070A', "bgElevated": "#EEF2FA",
bgElevated: '#0E1118', "surfaceCard": "#FFFFFF",
surfaceCard: '#121725', "surfaceMuted": "#F3F5FA",
surfaceMuted: '#1A2335', "borderDefault": "rgba(14,19,32,0.12)",
borderDefault: 'rgba(255,255,255,0.12)', "borderStrong": "rgba(14,19,32,0.24)",
borderStrong: 'rgba(255,255,255,0.22)', "textPrimary": "#0E1320",
textPrimary: '#EFF4FF', "textSecondary": "#55637A",
textSecondary: '#A5B1C7', "textTertiary": "#6C7C98",
textTertiary: '#6C7C98', "accentPrimary": "#5A8CFF",
accentPrimary: '#5A8CFF', "accentSecondary": "#2EE6D6",
accentSecondary: '#2EE6D6', "success": "#13956A",
success: '#34D399', "warning": "#B87504",
warning: '#F59E0B', "danger": "#D24242",
danger: '#FF6E6E', "focusRing": "rgba(90,140,255,0.35)",
focusRing: 'rgba(90,140,255,0.45)', "overlayScrim": "rgba(10,13,23,0.5)"
overlayScrim: 'rgba(5,8,18,0.72)', }
}, },
light: { "brain": {
bgCanvas: '#F6F8FC', "work": {
bgElevated: '#EEF2FA', "from": "#5A8CFF",
surfaceCard: '#FFFFFF', "to": "#2EE6D6"
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"
}, },
brain: { "money": {
work: { "from": "#34D399",
from: '#5A8CFF', "to": "#2EE6D6"
to: '#2EE6D6',
}, },
home: { "health": {
from: '#FF6E6E', "from": "#2EE6D6",
to: '#FFD166', "to": "#9FE870"
}, },
money: { "global": {
from: '#34D399', "from": "#7D8FB4",
to: '#2EE6D6', "to": "#A5B1C7"
}
}, },
health: { "jarvisjr": {
from: '#2EE6D6', "accentPrimary": "#7C6BFF",
to: '#9FE870', "accentSecondary": "#5AE6C8",
"accentVoice": "#FF6B8A",
"agentCoach": "#5A8CFF",
"agentLingua": "#FFB74D",
"agentSpark": "#E040FB",
"agentMentor": "#34D399",
"agentMirror": "#2EE6D6",
"agentOrator": "#FF9F43"
}
}, },
global: { "typography": {
from: '#7D8FB4', "fontFamily": {
to: '#A5B1C7', "display": "'Space Grotesk', 'SF Pro Display', sans-serif",
"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": {
"xs": 12,
"sm": 14,
"md": 16,
"lg": 18,
"xl": 22,
"2xl": 28,
"3xl": 36
}, },
typography: { "lineHeight": {
fontFamily: { "tight": 1.2,
display: "'Space Grotesk', 'SF Pro Display', sans-serif", "normal": 1.45,
body: "'DM Sans', 'SF Pro Text', sans-serif", "relaxed": 1.65
mono: "'IBM Plex Mono', 'SF Mono', monospace",
}, },
fontWeight: { "letterSpacing": {
regular: 400, "tight": -0.02,
medium: 500, "normal": 0,
semibold: 600, "wide": 0.02
bold: 700, }
}, },
fontSize: { "spacing": {
xs: 12, "0": 0,
sm: 14, "1": 4,
md: 16, "2": 8,
lg: 18, "3": 12,
xl: 22, "4": 16,
'2xl': 28, "5": 20,
'3xl': 36, "6": 24,
"7": 28,
"8": 32,
"10": 40,
"12": 48,
"16": 64
}, },
lineHeight: { "radius": {
tight: 1.2, "xs": 8,
normal: 1.45, "sm": 12,
relaxed: 1.65, "md": 16,
"lg": 20,
"xl": 24,
"pill": 999
}, },
letterSpacing: { "elevation": {
tight: -0.02, "none": "0 0 0 rgba(0,0,0,0)",
normal: 0, "sm": "0 4px 12px rgba(0,0,0,0.12)",
wide: 0.02, "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
}, },
spacing: { "easing": {
'0': 0, "standard": "cubic-bezier(0.2, 0.0, 0.2, 1)",
'1': 4, "decelerate": "cubic-bezier(0.0, 0.0, 0.2, 1)",
'2': 8, "accelerate": "cubic-bezier(0.4, 0.0, 1, 1)"
'3': 12, }
'4': 16,
'5': 20,
'6': 24,
'7': 28,
'8': 32,
'10': 40,
'12': 48,
'16': 64,
}, },
radius: { "breakpoints": {
xs: 8, "mobile": 0,
sm: 12, "tablet": 768,
md: 16, "desktop": 1200,
lg: 20, "wide": 1440
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,
}, },
"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;

11
packages/design-tokens/tokens/bytelyst.tokens.json
View File

@ -74,6 +74,17 @@
"money": { "from": "#34D399", "to": "#2EE6D6" }, "money": { "from": "#34D399", "to": "#2EE6D6" },
"health": { "from": "#2EE6D6", "to": "#9FE870" }, "health": { "from": "#2EE6D6", "to": "#9FE870" },
"global": { "from": "#7D8FB4", "to": "#A5B1C7" } "global": { "from": "#7D8FB4", "to": "#A5B1C7" }
},
"jarvisjr": {
"accentPrimary": "#7C6BFF",
"accentSecondary": "#5AE6C8",
"accentVoice": "#FF6B8A",
"agentCoach": "#5A8CFF",
"agentLingua": "#FFB74D",
"agentSpark": "#E040FB",
"agentMentor": "#34D399",
"agentMirror": "#2EE6D6",
"agentOrator": "#FF9F43"
} }
}, },
"typography": { "typography": {