feat: release design system engine, studio and component contracts
This commit is contained in:
Clintchiz committed
1 parent
ff1065fb27
commit
3943b946d6
693 files changed
+175546
-3894
No files matched your search
@@ -0,0 +1,677 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user