Initial commit: FA Design System source files
Copy of the Funeral Arranger design system components, theme, tokens, and Storybook config from the original Parsons project. Pre-upgrade baseline with React 18, MUI v5, Storybook 8. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
22
tokens/semantic/spacing.json
Normal file
22
tokens/semantic/spacing.json
Normal file
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"spacing": {
|
||||
"component": {
|
||||
"$type": "dimension",
|
||||
"$description": "Component-level spacing — internal padding and gaps within components.",
|
||||
"xs": { "$value": "{spacing.1}", "$description": "4px — tight gaps: icon margins, chip internal padding" },
|
||||
"sm": { "$value": "{spacing.2}", "$description": "8px — small padding: badge padding, inline element gaps" },
|
||||
"md": { "$value": "{spacing.4}", "$description": "16px — default padding: button padding, input padding, form field gap" },
|
||||
"lg": { "$value": "{spacing.6}", "$description": "24px — large padding: card padding (desktop), modal padding" }
|
||||
},
|
||||
"layout": {
|
||||
"$type": "dimension",
|
||||
"$description": "Layout-level spacing — structural gaps between sections and page elements.",
|
||||
"gutter": { "$value": "{spacing.4}", "$description": "16px — grid gutter on mobile, card grid gap" },
|
||||
"gutter-desktop": { "$value": "{spacing.6}", "$description": "24px — grid gutter on desktop" },
|
||||
"section": { "$value": "{spacing.12}", "$description": "48px — vertical gap between page sections" },
|
||||
"page": { "$value": "{spacing.16}", "$description": "64px — major page section separation, hero spacing" },
|
||||
"page-padding": { "$value": "{spacing.4}", "$description": "16px — horizontal page padding on mobile" },
|
||||
"page-padding-desktop": { "$value": "{spacing.8}", "$description": "32px — horizontal page padding on desktop" }
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user