678 lines
15 KiB
JSON
678 lines
15 KiB
JSON
{
|
|
"schemaVersion": 1,
|
|
"id": "square",
|
|
"name": "Square / Industrial",
|
|
"version": "1.0.0",
|
|
"defaultMode": "dark",
|
|
"tokens": {
|
|
"shape.control": {
|
|
"type": "dimension",
|
|
"value": "0",
|
|
"legacy": "radius-sm"
|
|
},
|
|
"shape.panel": {
|
|
"type": "dimension",
|
|
"value": "0",
|
|
"legacy": "radius-md"
|
|
},
|
|
"shape.dialog": {
|
|
"type": "dimension",
|
|
"value": "0",
|
|
"legacy": "radius-lg"
|
|
},
|
|
"shape.base": {
|
|
"type": "dimension",
|
|
"value": "0",
|
|
"legacy": "radius"
|
|
},
|
|
"space.control": {
|
|
"type": "dimension",
|
|
"value": "0.75rem"
|
|
},
|
|
"space.panel": {
|
|
"type": "dimension",
|
|
"value": "1rem",
|
|
"legacy": "space-panel"
|
|
},
|
|
"space.page": {
|
|
"type": "dimension",
|
|
"value": "1rem"
|
|
},
|
|
"control.height": {
|
|
"type": "dimension",
|
|
"value": "2.5rem",
|
|
"legacy": "control-height"
|
|
},
|
|
"type.body": {
|
|
"type": "fontFamily",
|
|
"value": "\"IBM Plex Mono\", \"Courier New\", monospace",
|
|
"legacy": "font-sans"
|
|
},
|
|
"type.heading": {
|
|
"type": "fontFamily",
|
|
"value": "\"IBM Plex Mono\", \"Courier New\", monospace"
|
|
},
|
|
"elevation.panel": {
|
|
"type": "shadow",
|
|
"value": "none",
|
|
"legacy": "shadow-1"
|
|
},
|
|
"color.bg": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-bg"
|
|
},
|
|
"color.background": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-background"
|
|
},
|
|
"color.surface": {
|
|
"type": "color",
|
|
"value": "#000000",
|
|
"legacy": "color-surface"
|
|
},
|
|
"color.surface-2": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-surface-2"
|
|
},
|
|
"color.text": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-text"
|
|
},
|
|
"color.foreground": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-foreground"
|
|
},
|
|
"color.text-muted": {
|
|
"type": "color",
|
|
"value": "#BEC0B9",
|
|
"legacy": "color-text-muted"
|
|
},
|
|
"color.border": {
|
|
"type": "color",
|
|
"value": "#696C63",
|
|
"legacy": "color-border"
|
|
},
|
|
"color.primary": {
|
|
"type": "color",
|
|
"value": "#FFB800",
|
|
"legacy": "color-primary"
|
|
},
|
|
"color.primary-hover": {
|
|
"type": "color",
|
|
"value": "#FFD15C",
|
|
"legacy": "color-primary-hover"
|
|
},
|
|
"color.primary-active": {
|
|
"type": "color",
|
|
"value": "#FFE099",
|
|
"legacy": "color-primary-active"
|
|
},
|
|
"color.primary-contrast": {
|
|
"type": "color",
|
|
"value": "#000000",
|
|
"legacy": "color-primary-contrast"
|
|
},
|
|
"color.primary-text": {
|
|
"type": "color",
|
|
"value": "#FFB800",
|
|
"legacy": "color-primary-text"
|
|
},
|
|
"color.primary-soft": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-primary-soft"
|
|
},
|
|
"color.surface-raised": {
|
|
"type": "color",
|
|
"value": "#000000",
|
|
"legacy": "color-surface-raised"
|
|
},
|
|
"color.surface-muted": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-surface-muted"
|
|
},
|
|
"color.surface-soft": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-surface-soft"
|
|
},
|
|
"color.text-subtle": {
|
|
"type": "color",
|
|
"value": "#BEC0B9",
|
|
"legacy": "color-text-subtle"
|
|
},
|
|
"color.border-strong": {
|
|
"type": "color",
|
|
"value": "#696C63",
|
|
"legacy": "color-border-strong"
|
|
},
|
|
"color.primary-muted": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-primary-muted"
|
|
}
|
|
},
|
|
"modes": {
|
|
"light": {
|
|
"color.bg": {
|
|
"type": "color",
|
|
"value": "#FFFFFF",
|
|
"legacy": "color-bg"
|
|
},
|
|
"color.background": {
|
|
"type": "color",
|
|
"value": "#FFFFFF",
|
|
"legacy": "color-background"
|
|
},
|
|
"color.surface": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-surface"
|
|
},
|
|
"color.surface-2": {
|
|
"type": "color",
|
|
"value": "#FFFFFF",
|
|
"legacy": "color-surface-2"
|
|
},
|
|
"color.text": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-text"
|
|
},
|
|
"color.foreground": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-foreground"
|
|
},
|
|
"color.text-muted": {
|
|
"type": "color",
|
|
"value": "#454741",
|
|
"legacy": "color-text-muted"
|
|
},
|
|
"color.border": {
|
|
"type": "color",
|
|
"value": "#696C63",
|
|
"legacy": "color-border"
|
|
},
|
|
"color.primary": {
|
|
"type": "color",
|
|
"value": "#705000",
|
|
"legacy": "color-primary"
|
|
},
|
|
"color.primary-hover": {
|
|
"type": "color",
|
|
"value": "#594000",
|
|
"legacy": "color-primary-hover"
|
|
},
|
|
"color.primary-active": {
|
|
"type": "color",
|
|
"value": "#443100",
|
|
"legacy": "color-primary-active"
|
|
},
|
|
"color.primary-contrast": {
|
|
"type": "color",
|
|
"value": "#FFFFFF",
|
|
"legacy": "color-primary-contrast"
|
|
},
|
|
"color.primary-text": {
|
|
"type": "color",
|
|
"value": "#594000",
|
|
"legacy": "color-primary-text"
|
|
},
|
|
"color.primary-soft": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-primary-soft"
|
|
},
|
|
"color.surface-raised": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-surface-raised"
|
|
},
|
|
"color.surface-muted": {
|
|
"type": "color",
|
|
"value": "#FFFFFF",
|
|
"legacy": "color-surface-muted"
|
|
},
|
|
"color.surface-soft": {
|
|
"type": "color",
|
|
"value": "#FFFFFF",
|
|
"legacy": "color-surface-soft"
|
|
},
|
|
"color.text-subtle": {
|
|
"type": "color",
|
|
"value": "#454741",
|
|
"legacy": "color-text-subtle"
|
|
},
|
|
"color.border-strong": {
|
|
"type": "color",
|
|
"value": "#696C63",
|
|
"legacy": "color-border-strong"
|
|
},
|
|
"color.primary-muted": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-primary-muted"
|
|
},
|
|
"scheme": {
|
|
"type": "colorScheme",
|
|
"value": "light",
|
|
"legacy": "color-scheme"
|
|
}
|
|
},
|
|
"dark": {
|
|
"color.bg": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-bg"
|
|
},
|
|
"color.background": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-background"
|
|
},
|
|
"color.surface": {
|
|
"type": "color",
|
|
"value": "#000000",
|
|
"legacy": "color-surface"
|
|
},
|
|
"color.surface-2": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-surface-2"
|
|
},
|
|
"color.text": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-text"
|
|
},
|
|
"color.foreground": {
|
|
"type": "color",
|
|
"value": "#F7F7F8",
|
|
"legacy": "color-foreground"
|
|
},
|
|
"color.text-muted": {
|
|
"type": "color",
|
|
"value": "#BEC0B9",
|
|
"legacy": "color-text-muted"
|
|
},
|
|
"color.border": {
|
|
"type": "color",
|
|
"value": "#696C63",
|
|
"legacy": "color-border"
|
|
},
|
|
"color.primary": {
|
|
"type": "color",
|
|
"value": "#FFB800",
|
|
"legacy": "color-primary"
|
|
},
|
|
"color.primary-hover": {
|
|
"type": "color",
|
|
"value": "#FFD15C",
|
|
"legacy": "color-primary-hover"
|
|
},
|
|
"color.primary-active": {
|
|
"type": "color",
|
|
"value": "#FFE099",
|
|
"legacy": "color-primary-active"
|
|
},
|
|
"color.primary-contrast": {
|
|
"type": "color",
|
|
"value": "#000000",
|
|
"legacy": "color-primary-contrast"
|
|
},
|
|
"color.primary-text": {
|
|
"type": "color",
|
|
"value": "#FFB800",
|
|
"legacy": "color-primary-text"
|
|
},
|
|
"color.primary-soft": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-primary-soft"
|
|
},
|
|
"color.surface-raised": {
|
|
"type": "color",
|
|
"value": "#000000",
|
|
"legacy": "color-surface-raised"
|
|
},
|
|
"color.surface-muted": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-surface-muted"
|
|
},
|
|
"color.surface-soft": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-surface-soft"
|
|
},
|
|
"color.text-subtle": {
|
|
"type": "color",
|
|
"value": "#BEC0B9",
|
|
"legacy": "color-text-subtle"
|
|
},
|
|
"color.border-strong": {
|
|
"type": "color",
|
|
"value": "#696C63",
|
|
"legacy": "color-border-strong"
|
|
},
|
|
"color.primary-muted": {
|
|
"type": "color",
|
|
"value": "#0B0C0A",
|
|
"legacy": "color-primary-muted"
|
|
},
|
|
"scheme": {
|
|
"type": "colorScheme",
|
|
"value": "dark",
|
|
"legacy": "color-scheme"
|
|
}
|
|
}
|
|
},
|
|
"recipes": {
|
|
"Button": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"paddingInline": {
|
|
"ref": "space.control"
|
|
},
|
|
"boxShadow": {
|
|
"ref": "elevation.panel"
|
|
},
|
|
"fontFamily": {
|
|
"ref": "type.body"
|
|
}
|
|
}
|
|
},
|
|
"variants": [
|
|
{
|
|
"when": {
|
|
"variant": "default"
|
|
},
|
|
"parts": {
|
|
"control": {
|
|
"backgroundImage": "none",
|
|
"backgroundColor": "transparent",
|
|
"color": {
|
|
"ref": "color.primary"
|
|
},
|
|
"borderColor": {
|
|
"ref": "color.primary"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"states": [
|
|
{
|
|
"state": "focusVisible",
|
|
"parts": {
|
|
"control": {
|
|
"outlineColor": {
|
|
"ref": "color.primary"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"state": "disabled",
|
|
"parts": {
|
|
"control": {
|
|
"opacity": 0.55
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"Input": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"borderColor": {
|
|
"ref": "color.border"
|
|
},
|
|
"backgroundColor": {
|
|
"ref": "color.surface"
|
|
},
|
|
"color": {
|
|
"ref": "color.text"
|
|
},
|
|
"fontFamily": {
|
|
"ref": "type.body"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Textarea": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"borderColor": {
|
|
"ref": "color.border"
|
|
},
|
|
"backgroundColor": {
|
|
"ref": "color.surface"
|
|
},
|
|
"color": {
|
|
"ref": "color.text"
|
|
},
|
|
"fontFamily": {
|
|
"ref": "type.body"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Select": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"borderColor": {
|
|
"ref": "color.border"
|
|
},
|
|
"backgroundColor": {
|
|
"ref": "color.surface"
|
|
},
|
|
"color": {
|
|
"ref": "color.text"
|
|
},
|
|
"fontFamily": {
|
|
"ref": "type.body"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Checkbox": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"borderWidth": "1px"
|
|
}
|
|
}
|
|
},
|
|
"Radio": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderWidth": "1px"
|
|
}
|
|
}
|
|
},
|
|
"Switch": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"control": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Card": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"panel": {
|
|
"borderRadius": {
|
|
"ref": "shape.panel"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"borderColor": {
|
|
"ref": "color.border"
|
|
},
|
|
"boxShadow": {
|
|
"ref": "elevation.panel"
|
|
}
|
|
},
|
|
"body": {
|
|
"paddingInline": {
|
|
"ref": "space.panel"
|
|
},
|
|
"paddingBlock": {
|
|
"ref": "space.panel"
|
|
}
|
|
},
|
|
"heading": {
|
|
"fontFamily": {
|
|
"ref": "type.heading"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Alert": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"root": {
|
|
"borderRadius": {
|
|
"ref": "shape.panel"
|
|
},
|
|
"boxShadow": {
|
|
"ref": "elevation.panel"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Modal": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"panel": {
|
|
"borderRadius": {
|
|
"ref": "shape.dialog"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"borderColor": {
|
|
"ref": "color.border"
|
|
},
|
|
"boxShadow": {
|
|
"ref": "elevation.panel"
|
|
}
|
|
},
|
|
"heading": {
|
|
"fontFamily": {
|
|
"ref": "type.heading"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"ContextMenu": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"panel": {
|
|
"borderRadius": {
|
|
"ref": "shape.dialog"
|
|
},
|
|
"borderWidth": "1px",
|
|
"borderStyle": "solid",
|
|
"borderColor": {
|
|
"ref": "color.border"
|
|
},
|
|
"boxShadow": {
|
|
"ref": "elevation.panel"
|
|
}
|
|
},
|
|
"item": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"fontFamily": {
|
|
"ref": "type.body"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"Nav": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"link": {
|
|
"borderRadius": {
|
|
"ref": "shape.control"
|
|
},
|
|
"fontFamily": {
|
|
"ref": "type.body"
|
|
}
|
|
}
|
|
},
|
|
"states": [
|
|
{
|
|
"state": "selected",
|
|
"parts": {
|
|
"link": {
|
|
"fontWeight": 700
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"PageHeader": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"title": {
|
|
"fontFamily": {
|
|
"ref": "type.heading"
|
|
},
|
|
"letterSpacing": "-0.025em"
|
|
}
|
|
}
|
|
},
|
|
"Container": {
|
|
"contractVersion": 1,
|
|
"base": {
|
|
"root": {
|
|
"paddingInline": {
|
|
"ref": "space.page"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|