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:
28
tokens/primitives/effects.json
Normal file
28
tokens/primitives/effects.json
Normal file
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"shadow": {
|
||||
"$description": "Elevation shadows for layered UI. Values are CSS box-shadow shorthand strings.",
|
||||
"sm": {
|
||||
"$value": "0 1px 2px rgba(0,0,0,0.05)",
|
||||
"$description": "Subtle lift — resting buttons, input focus subtle elevation"
|
||||
},
|
||||
"md": {
|
||||
"$value": "0 4px 6px rgba(0,0,0,0.07)",
|
||||
"$description": "Medium elevation — cards at rest, dropdowns, popovers"
|
||||
},
|
||||
"lg": {
|
||||
"$value": "0 10px 15px rgba(0,0,0,0.1)",
|
||||
"$description": "High elevation — modals, popovers, card hover states"
|
||||
},
|
||||
"xl": {
|
||||
"$value": "0 20px 25px rgba(0,0,0,0.1)",
|
||||
"$description": "Maximum elevation — elevated panels, dialog boxes"
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"$type": "number",
|
||||
"$description": "Opacity values for interactive states and overlays.",
|
||||
"disabled": { "$value": 0.4, "$description": "Disabled state — 40% opacity. Clearly diminished but still distinguishable" },
|
||||
"hover": { "$value": 0.08, "$description": "Hover overlay — subtle 8% tint applied over backgrounds on hover" },
|
||||
"overlay": { "$value": 0.5, "$description": "Modal/dialog backdrop — 50% black overlay behind modals" }
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user