mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 06:14:59 +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.
39 lines
1.1 KiB
JSON
39 lines
1.1 KiB
JSON
{
|
|
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
|
|
"schemaVersion": "2.0.0",
|
|
"colors": {
|
|
"accessDeniedIcon": "#d32f2f",
|
|
"accessDeniedBackground": "#ffebee",
|
|
"authGatePrimary": "#1976d2",
|
|
"authGateChallengeBg": "#f5f5f5",
|
|
"loaderSpinner": "#1976d2",
|
|
"loaderText": "#757575",
|
|
"skeletonBase": "#e0e0e0",
|
|
"skeletonHighlight": "#f5f5f5"
|
|
},
|
|
"spacing": {
|
|
"accessDeniedPadding": "32px",
|
|
"accessDeniedCardMaxWidth": "480px",
|
|
"authGateChallengeMaxWidth": "400px",
|
|
"authGateChallengeMargin": "32px",
|
|
"loaderMinHeight": "100vh",
|
|
"loaderSkeletonMaxWidth": "600px",
|
|
"iconSize": "64px",
|
|
"spinnerSize": "56px"
|
|
},
|
|
"shadows": {
|
|
"accessDeniedCard": "0 2px 8px rgba(0, 0, 0, 0.1)",
|
|
"authGateChallenge": "0 4px 12px rgba(0, 0, 0, 0.15)",
|
|
"loaderSkeleton": "0 1px 4px rgba(0, 0, 0, 0.08)"
|
|
},
|
|
"transitions": {
|
|
"loaderFade": "opacity 0.3s ease-in-out",
|
|
"skeletonPulse": "background-color 1.5s ease-in-out infinite"
|
|
},
|
|
"borderRadius": {
|
|
"card": "8px",
|
|
"button": "4px",
|
|
"infoBox": "4px"
|
|
}
|
|
}
|