mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 22:04:56 +00:00
johndoe6345789
6992c3a650
- Created package.json for ui_pages with dependencies and exports. - Added roles.json for access permissions related to UI pages. - Implemented functions.json for managing UI pages and routing. - Developed stories.json for Storybook showcasing UI pages components. - Defined styles tokens for UI pages including colors, spacing, and typography. feat(ui_permissions): Introduce UI Permissions package for access control - Created package.json for ui_permissions with permission utilities. - Added roles.json defining permissions for a 6-level access control system. - Implemented functions.json for permission checking and level management. - Developed stories.json for Storybook showcasing permission-related components. - Defined styles tokens for UI permissions including colors and spacing.
62 lines
1.6 KiB
JSON
62 lines
1.6 KiB
JSON
{
|
|
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
|
|
"schemaVersion": "2.0.0",
|
|
"colors": {
|
|
"headerBackground": "rgba(255, 255, 255, 0.8)",
|
|
"headerBackgroundDark": "rgba(26, 26, 26, 0.8)",
|
|
"headerBorder": "var(--border)",
|
|
"navLinkDefault": "var(--muted-foreground)",
|
|
"navLinkHover": "var(--foreground)",
|
|
"navLinkActive": "var(--primary)",
|
|
"brandGradientStart": "var(--color-primary)",
|
|
"brandGradientEnd": "var(--color-accent)"
|
|
},
|
|
"spacing": {
|
|
"headerHeight": "64px",
|
|
"headerPaddingX": "1.5rem",
|
|
"headerPaddingXMd": "2rem",
|
|
"navLinkGap": "2rem",
|
|
"logoGap": "0.5rem",
|
|
"actionsGap": "0.5rem"
|
|
},
|
|
"shadows": {
|
|
"headerShadow": "0 1px 3px rgba(0, 0, 0, 0.1)",
|
|
"headerElevated": "0 2px 8px rgba(0, 0, 0, 0.15)"
|
|
},
|
|
"typography": {
|
|
"brandFontSize": "1.25rem",
|
|
"brandFontWeight": 700,
|
|
"navLinkFontSize": "0.875rem",
|
|
"navLinkFontWeight": 500,
|
|
"ctaFontSize": "0.875rem",
|
|
"ctaFontWeight": 600
|
|
},
|
|
"transitions": {
|
|
"navLinkTransition": "color 0.2s ease-in-out",
|
|
"logoHoverTransition": "opacity 0.2s ease-in-out",
|
|
"underlineTransition": "width 0.2s ease-in-out"
|
|
},
|
|
"breakpoints": {
|
|
"mobileMenuBreakpoint": "768px"
|
|
},
|
|
"components": {
|
|
"headerNavigation": {
|
|
"position": "sticky",
|
|
"top": 0,
|
|
"zIndex": 50,
|
|
"backdropFilter": "blur(10px)"
|
|
},
|
|
"headerContainer": {
|
|
"maxWidth": "1280px",
|
|
"margin": "0 auto"
|
|
},
|
|
"navLink": {
|
|
"underlineHeight": "2px",
|
|
"underlineOffset": "-4px"
|
|
},
|
|
"ctaButton": {
|
|
"borderRadius": "0.375rem"
|
|
}
|
|
}
|
|
}
|