Files
metabuilder/packages/ui_pages/styles/tokens.json
johndoe6345789 6992c3a650 feat(ui_pages): Add UI Pages Bundle with multi-level navigation and components
- 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.
2026-01-02 19:45:10 +00:00

67 lines
1.7 KiB
JSON

{
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
"schemaVersion": "2.0.0",
"colors": {
"pageBackground": "#f5f5f5",
"pageBackgroundDark": "#1a1a1a",
"headerBackground": "#ffffff",
"headerBackgroundDark": "#2d2d2d",
"footerBackground": "#f8f9fa",
"footerBackgroundDark": "#1f1f1f",
"navLinkActive": "#1976d2",
"navLinkHover": "#1565c0",
"cardBorder": "#e0e0e0",
"cardBorderDark": "#424242",
"formInputBorder": "#bdbdbd",
"formInputFocus": "#1976d2",
"buttonPrimary": "#1976d2",
"buttonPrimaryHover": "#1565c0",
"gradientPrimaryStart": "rgba(25, 118, 210, 0.05)",
"gradientAccentEnd": "rgba(156, 39, 176, 0.05)"
},
"spacing": {
"pageContainer": "24px",
"headerHeight": "64px",
"footerPadding": "24px",
"cardPadding": "16px",
"formFieldGap": "16px",
"sectionGap": "24px",
"navItemGap": "8px"
},
"shadows": {
"header": "0 2px 4px rgba(0, 0, 0, 0.08)",
"card": "0 1px 3px rgba(0, 0, 0, 0.12)",
"cardHover": "0 4px 12px rgba(0, 0, 0, 0.15)",
"dropdown": "0 4px 16px rgba(0, 0, 0, 0.12)",
"modal": "0 8px 32px rgba(0, 0, 0, 0.2)"
},
"borderRadius": {
"card": "8px",
"button": "4px",
"input": "4px",
"modal": "12px"
},
"typography": {
"pageTitle": {
"fontSize": "24px",
"fontWeight": 600,
"lineHeight": 1.3
},
"sectionTitle": {
"fontSize": "18px",
"fontWeight": 600,
"lineHeight": 1.4
},
"bodyText": {
"fontSize": "14px",
"fontWeight": 400,
"lineHeight": 1.5
},
"caption": {
"fontSize": "12px",
"fontWeight": 400,
"lineHeight": 1.4
}
}
}