mirror of
https://github.com/hanzoai/gui.git
synced 2026-10-25 02:31:41 +00:00
zeekay
4620297b84
Match the layout convention used elsewhere in the Hanzo / Liquidity stack
(pkgs/* for libraries, apps/* for consumer apps, templates/* for starters).
Layout changes:
pkgs/ ← code/{compiler,core,packages,ui,ui-admin}/
apps/ ← code/{admin-base,admin-tasks,demos,gui.hanzo.ai,
kitchen-sink*,sandbox,tests}/
templates/ ← code/starters/* (flattened — no more starters/ subdir)
Updated:
- package.json workspaces glob.
- All scripts/* path references (postinstall, format, repair, release,
sync-gui-versions, ci-serve, check-references, etc).
- ../../tasks/scripts/sync-admin-ui.sh — DEFAULT_SRC now points at
../gui/apps/admin-tasks (and scrubbed Tamagui mentions in comments).
- ~/work/hanzo/HANZO_BINARY.md doctrine doc.
- ~/work/hanzo/ui/pkg/ui/BASES.md framework-bases doc.
- gui CLAUDE.md, CONTRIBUTING.md.
- Memory entries.
Side-effect fix: ui-admin/src/primitives/index.ts now re-exports
PageShell from ../shell/PageShell. Several IAM identity pages
(GroupEdit, OrgEdit, GroupTree, UserEdit, RoleEdit) imported PageShell
from ./primitives — pre-existing barrel mismatch the test suite missed
because the smoke tests don't full-render. The rename surfaced it via
production build; back-compat re-export keeps both barrels working.
Verification:
- bun install: clean.
- ui-admin tests: 127/127 green.
- admin-tasks vite build: 721 KB JS / 213 KB gzip + 10 KB CSS, clean.
176 lines
5.2 KiB
TypeScript
176 lines
5.2 KiB
TypeScript
import type { ScaleTypeName } from '../types'
|
|
|
|
export type ScaleType<A extends ScaleTypeName = ScaleTypeName> = {
|
|
name: string
|
|
createdFrom?: A // we copy the scale values - keeping this helps us refer back to the scale. also helpful if we change scales in the future
|
|
lumScale?: {
|
|
light: Array<number>
|
|
dark: Array<number>
|
|
}
|
|
satScale?: {
|
|
light: Array<number>
|
|
dark: Array<number>
|
|
}
|
|
}
|
|
|
|
export function getScalePreset<Name extends ScaleTypeName>(
|
|
a: Name
|
|
): (typeof scaleTypes)[Name] {
|
|
return scaleTypes[a]
|
|
}
|
|
|
|
const fullSatScale = {
|
|
light: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
|
|
dark: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
|
|
}
|
|
|
|
export const scaleTypes = {
|
|
custom: {
|
|
name: 'Custom',
|
|
createdFrom: 'custom',
|
|
},
|
|
|
|
radix: {
|
|
name: 'Radius',
|
|
createdFrom: 'radix',
|
|
lumScale: {
|
|
light: [
|
|
0.992, 0.95, 0.92, 0.868, 0.832, 0.804, 0.747, 0.659, 0.541, 0.453, 0.27, 0.086,
|
|
],
|
|
dark: [
|
|
0.07, 0.11, 0.136, 0.158, 0.179, 0.205, 0.243, 0.313, 0.439, 0.52, 0.61, 0.93,
|
|
],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
'radix-b': {
|
|
name: 'Radius B',
|
|
createdFrom: 'radix-b',
|
|
lumScale: {
|
|
light: [
|
|
0.92, 0.868, 0.832, 0.804, 0.747, 0.7, 0.659, 0.541, 0.453, 0.36, 0.32, 0.27,
|
|
],
|
|
dark: [
|
|
0.11, 0.136, 0.158, 0.179, 0.205, 0.243, 0.313, 0.439, 0.47, 0.52, 0.56, 0.61,
|
|
],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
'radius-bright': {
|
|
name: 'Radius Bright',
|
|
createdFrom: 'radius-bright',
|
|
lumScale: {
|
|
light: [1, 0.954, 0.94, 0.9, 0.85, 0.804, 0.747, 0.659, 0.541, 0.453, 0.27, 0.086],
|
|
dark: [0, 0.1, 0.16, 0.2, 0.24, 0.36, 0.42, 0.46, 0.5, 0.54, 0.84, 0.97],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
'radius-bold': {
|
|
name: 'Radius Bold',
|
|
createdFrom: 'radius-bold',
|
|
lumScale: {
|
|
light: [1, 0.9, 0.885, 0.82, 0.77, 0.54, 0.32, 0.25, 0.16, 0.12, 0.075, 0],
|
|
dark: [0, 0.13, 0.2, 0.24, 0.3, 0.34, 0.45, 0.55, 0.65, 0.885, 0.9, 1],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
linear: {
|
|
name: 'Linear',
|
|
createdFrom: 'linear',
|
|
lumScale: {
|
|
light: [1, 0.925, 0.9, 0.85, 0.75, 0.6, 0.4, 0.3, 0.25, 0.15, 0.125, 0],
|
|
dark: [0, 0.075, 0.125, 0.15, 0.25, 0.4, 0.6, 0.75, 0.85, 0.9, 0.925, 1],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
neon: {
|
|
name: 'Neon',
|
|
createdFrom: 'neon',
|
|
lumScale: {
|
|
light: [
|
|
0.978, 0.938, 0.902, 0.868, 0.832, 0.804, 0.747, 0.659, 0.541, 0.453, 0.27, 0.086,
|
|
],
|
|
dark: [
|
|
0.07, 0.11, 0.136, 0.158, 0.179, 0.205, 0.243, 0.313, 0.439, 0.52, 0.61, 0.93,
|
|
],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
'neon-bright': {
|
|
name: 'Neon B',
|
|
createdFrom: 'neon-bright',
|
|
lumScale: {
|
|
light: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0],
|
|
dark: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0],
|
|
},
|
|
satScale: {
|
|
light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
'neon-c': {
|
|
name: 'Neon C',
|
|
createdFrom: 'neon-c',
|
|
lumScale: {
|
|
light: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0],
|
|
dark: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0],
|
|
},
|
|
satScale: fullSatScale,
|
|
},
|
|
|
|
pastel: {
|
|
name: 'Pastel',
|
|
createdFrom: 'pastel',
|
|
lumScale: {
|
|
light: [
|
|
0.978, 0.938, 0.902, 0.868, 0.832, 0.804, 0.747, 0.659, 0.541, 0.453, 0.36, 0.2,
|
|
],
|
|
dark: [0.07, 0.15, 0.176, 0.198, 0.2, 0.225, 0.243, 0.313, 0.439, 0.52, 0.61, 0.9],
|
|
},
|
|
satScale: {
|
|
light: [0.5, 0.45, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
dark: [0.5, 0.45, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
|
|
},
|
|
},
|
|
|
|
'pastel-desaturating': {
|
|
name: 'Pastel D',
|
|
createdFrom: 'pastel-desaturating',
|
|
lumScale: {
|
|
light: [
|
|
0.935, 0.838, 0.802, 0.768, 0.732, 0.704, 0.647, 0.559, 0.441, 0.353, 0.17, 0,
|
|
],
|
|
dark: [0.085, 0.1, 0.12, 0.14, 0.17, 0.22, 0.27, 0.35, 0.409, 0.49, 0.58, 0.9],
|
|
},
|
|
satScale: {
|
|
light: [0.6, 0.5, 0.4, 0.35, 0.3, 0.3, 0.3, 0.3, 0.4, 0.35, 0.25, 0.15],
|
|
dark: [0.6, 0.5, 0.4, 0.35, 0.3, 0.3, 0.3, 0.3, 0.4, 0.35, 0.25, 0.15],
|
|
},
|
|
},
|
|
} satisfies Record<ScaleTypeName, ScaleType>
|