Files
metabuilder/packages/ui_level4/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

69 lines
2.0 KiB
JSON

{
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
"schemaVersion": "2.0.0",
"package": "ui_level4",
"description": "Level 4 Admin Panel design tokens",
"colors": {
"level4Primary": "oklch(0.60 0.22 295)",
"level4Accent": "oklch(0.65 0.20 290)",
"level4PrimaryHex": "#a855f7",
"level4AccentHex": "#9333ea",
"sidebarBackground": "var(--sidebar)",
"sidebarBorder": "var(--sidebar-border)",
"canvasBackground": "var(--canvas)",
"mutedForeground": "var(--muted-foreground)",
"configSummaryGradientStart": "rgba(74, 58, 199, 0.1)",
"configSummaryGradientEnd": "rgba(56, 189, 248, 0.1)",
"configSummaryBorder": "rgba(74, 58, 199, 0.3)"
},
"spacing": {
"unit": "0.25rem",
"navPadding": "1rem",
"workspacePaddingXs": "1rem",
"workspacePaddingSm": "1.5rem",
"workspacePaddingLg": "2rem",
"configSummaryPadding": "1.5rem",
"configSummaryMarginTop": "2rem",
"tabsMarginTop": "1.5rem",
"tabBadgeMarginLeft": "0.5rem",
"logoGap": "0.5rem",
"actionsGap": "0.5rem"
},
"shadows": {
"builderLogo": "0 0 0 1px rgba(168, 85, 247, 0.3)",
"configSummary": "none"
},
"typography": {
"titleFontWeight": 700,
"titleFontSizeXs": "1.875rem",
"titleFontSizeMd": "1.875rem"
},
"dimensions": {
"logoWidth": "32px",
"logoHeight": "32px",
"logoBorderRadius": "0.5rem",
"workspaceMaxWidth": "1536px",
"sidebarWidth": "300px",
"configSummaryBorderWidth": "2px",
"configSummaryBorderRadius": "0.5rem"
},
"zIndex": {
"nav": 50
},
"transitions": {
"previewButtonDuration": "200ms",
"previewButtonEasing": "ease-in-out"
},
"gradients": {
"builderLogo": "linear-gradient(135deg, #a855f7 0%, #9333ea 100%)",
"configSummary": "linear-gradient(90deg, rgba(74, 58, 199, 0.1) 0%, rgba(56, 189, 248, 0.1) 100%)"
},
"breakpoints": {
"xs": "0px",
"sm": "600px",
"md": "900px",
"lg": "1024px",
"xl": "1536px"
}
}