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

55 lines
1.7 KiB
JSON

{
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
"schemaVersion": "2.0.0",
"colors": {
"level2Primary": "oklch(0.60 0.15 145)",
"level2Accent": "oklch(0.55 0.18 150)",
"level2PrimaryHex": "#22c55e",
"level2AccentHex": "#16a34a",
"navBackground": "var(--card)",
"navBorder": "var(--border)",
"profileCardBackground": "var(--card)",
"profileCardBorder": "var(--border)",
"commentBoxBackground": "var(--card)",
"commentBoxBorder": "var(--border)",
"commentItemBackground": "var(--background)",
"commentItemBorder": "var(--border)",
"commentItemHoverBackground": "var(--muted)",
"avatarGradientStart": "#22c55e",
"avatarGradientEnd": "#16a34a"
},
"spacing": {
"dashboardPaddingXs": "1rem",
"dashboardPaddingMd": "2rem",
"dashboardMaxWidth": "1280px",
"profileCardPadding": "1.5rem",
"commentBoxPadding": "1rem",
"commentBoxMarginBottom": "1.5rem",
"commentItemPadding": "0.75rem",
"commentItemMarginBottom": "0.75rem",
"avatarSize": "32px"
},
"shadows": {
"nav": "0 1px 0 0 var(--border)",
"profileCard": "0 1px 3px rgba(0, 0, 0, 0.1)",
"commentBox": "0 1px 2px rgba(0, 0, 0, 0.05)"
},
"borders": {
"navBottom": "1px solid var(--border)",
"profileCard": "1px solid var(--border)",
"commentBox": "1px solid var(--border)",
"commentItem": "1px solid var(--border)",
"profileCardRadius": "0.5rem",
"commentBoxRadius": "0.375rem",
"commentItemRadius": "0.375rem",
"avatarRadius": "9999px"
},
"transitions": {
"commentHover": "background-color 150ms ease-in-out"
},
"breakpoints": {
"mobile": "768px",
"desktop": "1024px"
}
}