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
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
@@ -0,0 +1,680 @@
|
||||
{
|
||||
"schemaVersion": 1,
|
||||
"id": "angular",
|
||||
"name": "Angular / Lo-Fi",
|
||||
"version": "1.0.0",
|
||||
"defaultMode": "light",
|
||||
"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": "Arial, sans-serif",
|
||||
"legacy": "font-sans"
|
||||
},
|
||||
"type.heading": {
|
||||
"type": "fontFamily",
|
||||
"value": "\"Times New Roman\", serif"
|
||||
},
|
||||
"elevation.panel": {
|
||||
"type": "shadow",
|
||||
"value": "3px 3px 0 #535146",
|
||||
"legacy": "shadow-1"
|
||||
},
|
||||
"color.bg": {
|
||||
"type": "color",
|
||||
"value": "#25221E",
|
||||
"legacy": "color-bg"
|
||||
},
|
||||
"color.background": {
|
||||
"type": "color",
|
||||
"value": "#25221E",
|
||||
"legacy": "color-background"
|
||||
},
|
||||
"color.surface": {
|
||||
"type": "color",
|
||||
"value": "#353128",
|
||||
"legacy": "color-surface"
|
||||
},
|
||||
"color.surface-2": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-surface-2"
|
||||
},
|
||||
"color.text": {
|
||||
"type": "color",
|
||||
"value": "#EDE4CF",
|
||||
"legacy": "color-text"
|
||||
},
|
||||
"color.foreground": {
|
||||
"type": "color",
|
||||
"value": "#EDE4CF",
|
||||
"legacy": "color-foreground"
|
||||
},
|
||||
"color.text-muted": {
|
||||
"type": "color",
|
||||
"value": "#D0C7B2",
|
||||
"legacy": "color-text-muted"
|
||||
},
|
||||
"color.border": {
|
||||
"type": "color",
|
||||
"value": "#B0A78D",
|
||||
"legacy": "color-border"
|
||||
},
|
||||
"color.primary": {
|
||||
"type": "color",
|
||||
"value": "#FF9FC6",
|
||||
"legacy": "color-primary"
|
||||
},
|
||||
"color.primary-hover": {
|
||||
"type": "color",
|
||||
"value": "#FFC0DA",
|
||||
"legacy": "color-primary-hover"
|
||||
},
|
||||
"color.primary-active": {
|
||||
"type": "color",
|
||||
"value": "#FFD2E5",
|
||||
"legacy": "color-primary-active"
|
||||
},
|
||||
"color.primary-contrast": {
|
||||
"type": "color",
|
||||
"value": "#25221E",
|
||||
"legacy": "color-primary-contrast"
|
||||
},
|
||||
"color.primary-text": {
|
||||
"type": "color",
|
||||
"value": "#FF9FC6",
|
||||
"legacy": "color-primary-text"
|
||||
},
|
||||
"color.primary-soft": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-primary-soft"
|
||||
},
|
||||
"color.surface-raised": {
|
||||
"type": "color",
|
||||
"value": "#353128",
|
||||
"legacy": "color-surface-raised"
|
||||
},
|
||||
"color.surface-muted": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-surface-muted"
|
||||
},
|
||||
"color.surface-soft": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-surface-soft"
|
||||
},
|
||||
"color.text-subtle": {
|
||||
"type": "color",
|
||||
"value": "#D0C7B2",
|
||||
"legacy": "color-text-subtle"
|
||||
},
|
||||
"color.border-strong": {
|
||||
"type": "color",
|
||||
"value": "#B0A78D",
|
||||
"legacy": "color-border-strong"
|
||||
},
|
||||
"color.primary-muted": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-primary-muted"
|
||||
}
|
||||
},
|
||||
"modes": {
|
||||
"light": {
|
||||
"color.bg": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-bg"
|
||||
},
|
||||
"color.background": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-background"
|
||||
},
|
||||
"color.surface": {
|
||||
"type": "color",
|
||||
"value": "#EDE4CF",
|
||||
"legacy": "color-surface"
|
||||
},
|
||||
"color.surface-2": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-surface-2"
|
||||
},
|
||||
"color.text": {
|
||||
"type": "color",
|
||||
"value": "#232320",
|
||||
"legacy": "color-text"
|
||||
},
|
||||
"color.foreground": {
|
||||
"type": "color",
|
||||
"value": "#232320",
|
||||
"legacy": "color-foreground"
|
||||
},
|
||||
"color.text-muted": {
|
||||
"type": "color",
|
||||
"value": "#535146",
|
||||
"legacy": "color-text-muted"
|
||||
},
|
||||
"color.border": {
|
||||
"type": "color",
|
||||
"value": "#535146",
|
||||
"legacy": "color-border"
|
||||
},
|
||||
"color.primary": {
|
||||
"type": "color",
|
||||
"value": "#8F2448",
|
||||
"legacy": "color-primary"
|
||||
},
|
||||
"color.primary-hover": {
|
||||
"type": "color",
|
||||
"value": "#701C39",
|
||||
"legacy": "color-primary-hover"
|
||||
},
|
||||
"color.primary-active": {
|
||||
"type": "color",
|
||||
"value": "#59172D",
|
||||
"legacy": "color-primary-active"
|
||||
},
|
||||
"color.primary-contrast": {
|
||||
"type": "color",
|
||||
"value": "#FFFFFF",
|
||||
"legacy": "color-primary-contrast"
|
||||
},
|
||||
"color.primary-text": {
|
||||
"type": "color",
|
||||
"value": "#701C39",
|
||||
"legacy": "color-primary-text"
|
||||
},
|
||||
"color.primary-soft": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-primary-soft"
|
||||
},
|
||||
"color.surface-raised": {
|
||||
"type": "color",
|
||||
"value": "#EDE4CF",
|
||||
"legacy": "color-surface-raised"
|
||||
},
|
||||
"color.surface-muted": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-surface-muted"
|
||||
},
|
||||
"color.surface-soft": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-surface-soft"
|
||||
},
|
||||
"color.text-subtle": {
|
||||
"type": "color",
|
||||
"value": "#535146",
|
||||
"legacy": "color-text-subtle"
|
||||
},
|
||||
"color.border-strong": {
|
||||
"type": "color",
|
||||
"value": "#535146",
|
||||
"legacy": "color-border-strong"
|
||||
},
|
||||
"color.primary-muted": {
|
||||
"type": "color",
|
||||
"value": "#E8E0C0",
|
||||
"legacy": "color-primary-muted"
|
||||
},
|
||||
"scheme": {
|
||||
"type": "colorScheme",
|
||||
"value": "light",
|
||||
"legacy": "color-scheme"
|
||||
}
|
||||
},
|
||||
"dark": {
|
||||
"color.bg": {
|
||||
"type": "color",
|
||||
"value": "#25221E",
|
||||
"legacy": "color-bg"
|
||||
},
|
||||
"color.background": {
|
||||
"type": "color",
|
||||
"value": "#25221E",
|
||||
"legacy": "color-background"
|
||||
},
|
||||
"color.surface": {
|
||||
"type": "color",
|
||||
"value": "#353128",
|
||||
"legacy": "color-surface"
|
||||
},
|
||||
"color.surface-2": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-surface-2"
|
||||
},
|
||||
"color.text": {
|
||||
"type": "color",
|
||||
"value": "#EDE4CF",
|
||||
"legacy": "color-text"
|
||||
},
|
||||
"color.foreground": {
|
||||
"type": "color",
|
||||
"value": "#EDE4CF",
|
||||
"legacy": "color-foreground"
|
||||
},
|
||||
"color.text-muted": {
|
||||
"type": "color",
|
||||
"value": "#D0C7B2",
|
||||
"legacy": "color-text-muted"
|
||||
},
|
||||
"color.border": {
|
||||
"type": "color",
|
||||
"value": "#B0A78D",
|
||||
"legacy": "color-border"
|
||||
},
|
||||
"color.primary": {
|
||||
"type": "color",
|
||||
"value": "#FF9FC6",
|
||||
"legacy": "color-primary"
|
||||
},
|
||||
"color.primary-hover": {
|
||||
"type": "color",
|
||||
"value": "#FFC0DA",
|
||||
"legacy": "color-primary-hover"
|
||||
},
|
||||
"color.primary-active": {
|
||||
"type": "color",
|
||||
"value": "#FFD2E5",
|
||||
"legacy": "color-primary-active"
|
||||
},
|
||||
"color.primary-contrast": {
|
||||
"type": "color",
|
||||
"value": "#25221E",
|
||||
"legacy": "color-primary-contrast"
|
||||
},
|
||||
"color.primary-text": {
|
||||
"type": "color",
|
||||
"value": "#FF9FC6",
|
||||
"legacy": "color-primary-text"
|
||||
},
|
||||
"color.primary-soft": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-primary-soft"
|
||||
},
|
||||
"color.surface-raised": {
|
||||
"type": "color",
|
||||
"value": "#353128",
|
||||
"legacy": "color-surface-raised"
|
||||
},
|
||||
"color.surface-muted": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-surface-muted"
|
||||
},
|
||||
"color.surface-soft": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"legacy": "color-surface-soft"
|
||||
},
|
||||
"color.text-subtle": {
|
||||
"type": "color",
|
||||
"value": "#D0C7B2",
|
||||
"legacy": "color-text-subtle"
|
||||
},
|
||||
"color.border-strong": {
|
||||
"type": "color",
|
||||
"value": "#B0A78D",
|
||||
"legacy": "color-border-strong"
|
||||
},
|
||||
"color.primary-muted": {
|
||||
"type": "color",
|
||||
"value": "#454032",
|
||||
"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"
|
||||
},
|
||||
"rotate": "-2deg"
|
||||
}
|
||||
},
|
||||
"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,
|
||||
"rotate": "0deg"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
"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"
|
||||
},
|
||||
"rotate": "1deg"
|
||||
},
|
||||
"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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,209 @@
|
||||
{
|
||||
"geometry": [
|
||||
{
|
||||
"system": "square",
|
||||
"mode": "light",
|
||||
"delivery": "inline",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "square",
|
||||
"mode": "light",
|
||||
"delivery": "linked",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "square",
|
||||
"mode": "dark",
|
||||
"delivery": "inline",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "square",
|
||||
"mode": "dark",
|
||||
"delivery": "linked",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"mode": "light",
|
||||
"delivery": "inline",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "16px",
|
||||
"cardRadius": "24px",
|
||||
"inputRadius": "16px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"mode": "light",
|
||||
"delivery": "linked",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "16px",
|
||||
"cardRadius": "24px",
|
||||
"inputRadius": "16px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"mode": "dark",
|
||||
"delivery": "inline",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "16px",
|
||||
"cardRadius": "24px",
|
||||
"inputRadius": "16px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"mode": "dark",
|
||||
"delivery": "linked",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "16px",
|
||||
"cardRadius": "24px",
|
||||
"inputRadius": "16px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "none"
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"mode": "light",
|
||||
"delivery": "inline",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "-2deg"
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"mode": "light",
|
||||
"delivery": "linked",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "-2deg"
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"mode": "dark",
|
||||
"delivery": "inline",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "-2deg"
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"mode": "dark",
|
||||
"delivery": "linked",
|
||||
"buttonImage": "none",
|
||||
"buttonRadius": "0px",
|
||||
"cardRadius": "0px",
|
||||
"inputRadius": "0px",
|
||||
"label": "Save changes",
|
||||
"overflow": false,
|
||||
"rotate": "-2deg"
|
||||
}
|
||||
],
|
||||
"behavior": [
|
||||
{
|
||||
"system": "square",
|
||||
"dialog": {
|
||||
"focusInside": true,
|
||||
"radius": "0px"
|
||||
},
|
||||
"focusTrapped": true,
|
||||
"menuVisible": true,
|
||||
"checked": true,
|
||||
"dialogExpanded": "false",
|
||||
"language": "hi",
|
||||
"name": "Preview"
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"dialog": {
|
||||
"focusInside": true,
|
||||
"radius": "32px"
|
||||
},
|
||||
"focusTrapped": true,
|
||||
"menuVisible": true,
|
||||
"checked": true,
|
||||
"dialogExpanded": "false",
|
||||
"language": "hi",
|
||||
"name": "Preview"
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"dialog": {
|
||||
"focusInside": true,
|
||||
"radius": "0px"
|
||||
},
|
||||
"focusTrapped": true,
|
||||
"menuVisible": true,
|
||||
"checked": true,
|
||||
"dialogExpanded": "false",
|
||||
"language": "hi",
|
||||
"name": "Preview"
|
||||
}
|
||||
],
|
||||
"narrow": [
|
||||
{
|
||||
"system": "square",
|
||||
"columns": "343px",
|
||||
"overflow": false,
|
||||
"width": 390
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"columns": "343px",
|
||||
"overflow": false,
|
||||
"width": 390
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"columns": "343px",
|
||||
"overflow": false,
|
||||
"width": 390
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"focus": [
|
||||
{
|
||||
"system": "square",
|
||||
"label": "Cancel",
|
||||
"outlineColor": "rgb(112, 80, 0)",
|
||||
"outlineStyle": "solid",
|
||||
"outlineWidth": "2px"
|
||||
},
|
||||
{
|
||||
"system": "soft",
|
||||
"label": "Cancel",
|
||||
"outlineColor": "rgb(96, 108, 56)",
|
||||
"outlineStyle": "solid",
|
||||
"outlineWidth": "2px"
|
||||
},
|
||||
{
|
||||
"system": "angular",
|
||||
"label": "Cancel",
|
||||
"outlineColor": "rgb(143, 36, 72)",
|
||||
"outlineStyle": "solid",
|
||||
"outlineWidth": "2px"
|
||||
}
|
||||
],
|
||||
"restoredFocus": "Open dialog"
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
@@ -0,0 +1,679 @@
|
||||
{
|
||||
"schemaVersion": 1,
|
||||
"id": "soft",
|
||||
"name": "Soft / Organic",
|
||||
"version": "1.0.0",
|
||||
"defaultMode": "light",
|
||||
"tokens": {
|
||||
"shape.control": {
|
||||
"type": "dimension",
|
||||
"value": "16px",
|
||||
"legacy": "radius-sm"
|
||||
},
|
||||
"shape.panel": {
|
||||
"type": "dimension",
|
||||
"value": "24px",
|
||||
"legacy": "radius-md"
|
||||
},
|
||||
"shape.dialog": {
|
||||
"type": "dimension",
|
||||
"value": "32px",
|
||||
"legacy": "radius-lg"
|
||||
},
|
||||
"shape.base": {
|
||||
"type": "dimension",
|
||||
"value": "24px",
|
||||
"legacy": "radius"
|
||||
},
|
||||
"space.control": {
|
||||
"type": "dimension",
|
||||
"value": "1.25rem"
|
||||
},
|
||||
"space.panel": {
|
||||
"type": "dimension",
|
||||
"value": "1.5rem",
|
||||
"legacy": "space-panel"
|
||||
},
|
||||
"space.page": {
|
||||
"type": "dimension",
|
||||
"value": "1.5rem"
|
||||
},
|
||||
"control.height": {
|
||||
"type": "dimension",
|
||||
"value": "2.75rem",
|
||||
"legacy": "control-height"
|
||||
},
|
||||
"type.body": {
|
||||
"type": "fontFamily",
|
||||
"value": "Georgia, serif",
|
||||
"legacy": "font-sans"
|
||||
},
|
||||
"type.heading": {
|
||||
"type": "fontFamily",
|
||||
"value": "Georgia, serif"
|
||||
},
|
||||
"elevation.panel": {
|
||||
"type": "shadow",
|
||||
"value": "none",
|
||||
"legacy": "shadow-1"
|
||||
},
|
||||
"color.bg": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-bg"
|
||||
},
|
||||
"color.background": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-background"
|
||||
},
|
||||
"color.surface": {
|
||||
"type": "color",
|
||||
"value": "#363D2F",
|
||||
"legacy": "color-surface"
|
||||
},
|
||||
"color.surface-2": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-surface-2"
|
||||
},
|
||||
"color.text": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-text"
|
||||
},
|
||||
"color.foreground": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-foreground"
|
||||
},
|
||||
"color.text-muted": {
|
||||
"type": "color",
|
||||
"value": "#C9C0AA",
|
||||
"legacy": "color-text-muted"
|
||||
},
|
||||
"color.border": {
|
||||
"type": "color",
|
||||
"value": "#8B9D83",
|
||||
"legacy": "color-border"
|
||||
},
|
||||
"color.primary": {
|
||||
"type": "color",
|
||||
"value": "#D4B895",
|
||||
"legacy": "color-primary"
|
||||
},
|
||||
"color.primary-hover": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-primary-hover"
|
||||
},
|
||||
"color.primary-active": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-primary-active"
|
||||
},
|
||||
"color.primary-contrast": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-primary-contrast"
|
||||
},
|
||||
"color.primary-text": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-primary-text"
|
||||
},
|
||||
"color.primary-soft": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-primary-soft"
|
||||
},
|
||||
"color.surface-raised": {
|
||||
"type": "color",
|
||||
"value": "#363D2F",
|
||||
"legacy": "color-surface-raised"
|
||||
},
|
||||
"color.surface-muted": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-surface-muted"
|
||||
},
|
||||
"color.surface-soft": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-surface-soft"
|
||||
},
|
||||
"color.text-subtle": {
|
||||
"type": "color",
|
||||
"value": "#C9C0AA",
|
||||
"legacy": "color-text-subtle"
|
||||
},
|
||||
"color.border-strong": {
|
||||
"type": "color",
|
||||
"value": "#8B9D83",
|
||||
"legacy": "color-border-strong"
|
||||
},
|
||||
"color.primary-muted": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-primary-muted"
|
||||
}
|
||||
},
|
||||
"modes": {
|
||||
"light": {
|
||||
"color.bg": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-bg"
|
||||
},
|
||||
"color.background": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-background"
|
||||
},
|
||||
"color.surface": {
|
||||
"type": "color",
|
||||
"value": "#D4B895",
|
||||
"legacy": "color-surface"
|
||||
},
|
||||
"color.surface-2": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-surface-2"
|
||||
},
|
||||
"color.text": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-text"
|
||||
},
|
||||
"color.foreground": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-foreground"
|
||||
},
|
||||
"color.text-muted": {
|
||||
"type": "color",
|
||||
"value": "#4B5141",
|
||||
"legacy": "color-text-muted"
|
||||
},
|
||||
"color.border": {
|
||||
"type": "color",
|
||||
"value": "#606C38",
|
||||
"legacy": "color-border"
|
||||
},
|
||||
"color.primary": {
|
||||
"type": "color",
|
||||
"value": "#606C38",
|
||||
"legacy": "color-primary"
|
||||
},
|
||||
"color.primary-hover": {
|
||||
"type": "color",
|
||||
"value": "#4B542C",
|
||||
"legacy": "color-primary-hover"
|
||||
},
|
||||
"color.primary-active": {
|
||||
"type": "color",
|
||||
"value": "#3D4424",
|
||||
"legacy": "color-primary-active"
|
||||
},
|
||||
"color.primary-contrast": {
|
||||
"type": "color",
|
||||
"value": "#FFFFFF",
|
||||
"legacy": "color-primary-contrast"
|
||||
},
|
||||
"color.primary-text": {
|
||||
"type": "color",
|
||||
"value": "#3D4424",
|
||||
"legacy": "color-primary-text"
|
||||
},
|
||||
"color.primary-soft": {
|
||||
"type": "color",
|
||||
"value": "#D4B895",
|
||||
"legacy": "color-primary-soft"
|
||||
},
|
||||
"color.surface-raised": {
|
||||
"type": "color",
|
||||
"value": "#D4B895",
|
||||
"legacy": "color-surface-raised"
|
||||
},
|
||||
"color.surface-muted": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-surface-muted"
|
||||
},
|
||||
"color.surface-soft": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-surface-soft"
|
||||
},
|
||||
"color.text-subtle": {
|
||||
"type": "color",
|
||||
"value": "#4B5141",
|
||||
"legacy": "color-text-subtle"
|
||||
},
|
||||
"color.border-strong": {
|
||||
"type": "color",
|
||||
"value": "#606C38",
|
||||
"legacy": "color-border-strong"
|
||||
},
|
||||
"color.primary-muted": {
|
||||
"type": "color",
|
||||
"value": "#D4B895",
|
||||
"legacy": "color-primary-muted"
|
||||
},
|
||||
"scheme": {
|
||||
"type": "colorScheme",
|
||||
"value": "light",
|
||||
"legacy": "color-scheme"
|
||||
}
|
||||
},
|
||||
"dark": {
|
||||
"color.bg": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-bg"
|
||||
},
|
||||
"color.background": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-background"
|
||||
},
|
||||
"color.surface": {
|
||||
"type": "color",
|
||||
"value": "#363D2F",
|
||||
"legacy": "color-surface"
|
||||
},
|
||||
"color.surface-2": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-surface-2"
|
||||
},
|
||||
"color.text": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-text"
|
||||
},
|
||||
"color.foreground": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-foreground"
|
||||
},
|
||||
"color.text-muted": {
|
||||
"type": "color",
|
||||
"value": "#C9C0AA",
|
||||
"legacy": "color-text-muted"
|
||||
},
|
||||
"color.border": {
|
||||
"type": "color",
|
||||
"value": "#8B9D83",
|
||||
"legacy": "color-border"
|
||||
},
|
||||
"color.primary": {
|
||||
"type": "color",
|
||||
"value": "#D4B895",
|
||||
"legacy": "color-primary"
|
||||
},
|
||||
"color.primary-hover": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-primary-hover"
|
||||
},
|
||||
"color.primary-active": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-primary-active"
|
||||
},
|
||||
"color.primary-contrast": {
|
||||
"type": "color",
|
||||
"value": "#292D24",
|
||||
"legacy": "color-primary-contrast"
|
||||
},
|
||||
"color.primary-text": {
|
||||
"type": "color",
|
||||
"value": "#E8DCC7",
|
||||
"legacy": "color-primary-text"
|
||||
},
|
||||
"color.primary-soft": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-primary-soft"
|
||||
},
|
||||
"color.surface-raised": {
|
||||
"type": "color",
|
||||
"value": "#363D2F",
|
||||
"legacy": "color-surface-raised"
|
||||
},
|
||||
"color.surface-muted": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-surface-muted"
|
||||
},
|
||||
"color.surface-soft": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"legacy": "color-surface-soft"
|
||||
},
|
||||
"color.text-subtle": {
|
||||
"type": "color",
|
||||
"value": "#C9C0AA",
|
||||
"legacy": "color-text-subtle"
|
||||
},
|
||||
"color.border-strong": {
|
||||
"type": "color",
|
||||
"value": "#8B9D83",
|
||||
"legacy": "color-border-strong"
|
||||
},
|
||||
"color.primary-muted": {
|
||||
"type": "color",
|
||||
"value": "#414B37",
|
||||
"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": {
|
||||
"ref": "color.primary"
|
||||
},
|
||||
"color": {
|
||||
"ref": "color.primary-contrast"
|
||||
},
|
||||
"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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
@@ -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