phase 0 complete
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"rules": {
|
||||
"color-no-invalid-hex": true,
|
||||
"color-named": "never",
|
||||
"custom-property-pattern": "^[a-z][a-z0-9-]*$",
|
||||
"declaration-property-unit-allowed-list": {
|
||||
"font-size": ["rem", "em", "px"],
|
||||
"margin": ["rem", "px", "%"],
|
||||
"padding": ["rem", "px", "%"],
|
||||
"border-radius": ["rem", "px"]
|
||||
},
|
||||
"comment-no-empty": true,
|
||||
"shorthand-property-no-redundant-values": true,
|
||||
"no-duplicate-selectors": true,
|
||||
"selector-class-pattern": "^[a-z][a-z0-9-]*$"
|
||||
},
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["**/*.html"],
|
||||
"customSyntax": "postcss-html"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-07/schema#",
|
||||
"title": "Design Tokens Schema",
|
||||
"type": "object",
|
||||
"required": ["meta", "colors", "typography", "spacing", "shadows", "borders", "breakpoints"],
|
||||
"properties": {
|
||||
"meta": {
|
||||
"type": "object",
|
||||
"required": ["project", "sourceApproach", "primaryFont", "colorMode"],
|
||||
"properties": {
|
||||
"project": { "type": "string" },
|
||||
"sourceApproach": { "type": "string", "enum": ["tailwind", "bootstrap-scss", "mui", "custom-scss"] },
|
||||
"primaryFont": { "type": "string" },
|
||||
"colorMode": { "type": "string", "enum": ["light", "dark", "both"] }
|
||||
}
|
||||
},
|
||||
"colors": {
|
||||
"type": "object",
|
||||
"required": ["primary", "semantic", "neutrals"],
|
||||
"properties": {
|
||||
"primary": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"50": { "type": "string" },
|
||||
"100": { "type": "string" },
|
||||
"200": { "type": "string" },
|
||||
"300": { "type": "string" },
|
||||
"400": { "type": "string" },
|
||||
"500": { "type": "string" },
|
||||
"600": { "type": "string" },
|
||||
"700": { "type": "string" },
|
||||
"800": { "type": "string" },
|
||||
"900": { "type": "string" },
|
||||
"DEFAULT": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"semantic": {
|
||||
"type": "object",
|
||||
"required": ["success", "warning", "error", "info"],
|
||||
"properties": {
|
||||
"success": { "type": "string" },
|
||||
"warning": { "type": "string" },
|
||||
"error": { "type": "string" },
|
||||
"info": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"neutrals": {
|
||||
"type": "object",
|
||||
"required": ["white", "black"],
|
||||
"properties": {
|
||||
"white": { "type": "string" },
|
||||
"black": { "type": "string" },
|
||||
"gray": { "type": "object" }
|
||||
}
|
||||
},
|
||||
"brand": { "type": "object" }
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"type": "object",
|
||||
"required": ["fontFamilies", "sizes", "weights", "lineHeights"],
|
||||
"properties": {
|
||||
"fontFamilies": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"sans": { "type": "string" },
|
||||
"mono": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"sizes": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"xs": { "type": "string" },
|
||||
"sm": { "type": "string" },
|
||||
"base": { "type": "string" },
|
||||
"lg": { "type": "string" },
|
||||
"xl": { "type": "string" },
|
||||
"2xl": { "type": "string" },
|
||||
"3xl": { "type": "string" },
|
||||
"4xl": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"weights": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"light": { "type": "number" },
|
||||
"normal": { "type": "number" },
|
||||
"medium": { "type": "number" },
|
||||
"semibold": { "type": "number" },
|
||||
"bold": { "type": "number" }
|
||||
}
|
||||
},
|
||||
"lineHeights": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"tight": { "type": "number" },
|
||||
"normal": { "type": "number" },
|
||||
"relaxed": { "type": "number" }
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"spacing": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"1": { "type": "string" },
|
||||
"2": { "type": "string" },
|
||||
"3": { "type": "string" },
|
||||
"4": { "type": "string" },
|
||||
"6": { "type": "string" },
|
||||
"8": { "type": "string" },
|
||||
"12": { "type": "string" },
|
||||
"16": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"shadows": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"sm": { "type": "string" },
|
||||
"md": { "type": "string" },
|
||||
"lg": { "type": "string" },
|
||||
"xl": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"borders": {
|
||||
"type": "object",
|
||||
"required": ["radius", "width"],
|
||||
"properties": {
|
||||
"radius": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"sm": { "type": "string" },
|
||||
"md": { "type": "string" },
|
||||
"lg": { "type": "string" },
|
||||
"xl": { "type": "string" },
|
||||
"full": { "type": "string" }
|
||||
}
|
||||
},
|
||||
"width": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"default": { "type": "string" },
|
||||
"2": { "type": "string" }
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"breakpoints": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"sm": { "type": "string" },
|
||||
"md": { "type": "string" },
|
||||
"lg": { "type": "string" },
|
||||
"xl": { "type": "string" },
|
||||
"2xl": { "type": "string" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user