Files
metabuilder/packages/stats_grid/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.4 KiB
JSON

{
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
"schemaVersion": "2.0.0",
"colors": {
"statWhite": "#ffffff",
"statRed": "#f87171",
"statYellow": "#fbbf24",
"statBlue": "#60a5fa",
"statGreen": "#34d399",
"statOrange": "#fb923c",
"statPurple": "#a78bfa",
"statGray": "#9ca3af",
"cardBackground": "rgba(0, 0, 0, 0.4)",
"cardBorder": "rgba(255, 255, 255, 0.1)",
"trendPositive": "#28a745",
"trendNegative": "#dc3545",
"trendNeutral": "#6c757d",
"sparklineStroke": "#60a5fa",
"sparklineFill": "rgba(96, 165, 250, 0.2)"
},
"spacing": {
"gridGap": "16px",
"cardPadding": "16px",
"cardPaddingSmall": "12px",
"cardPaddingLarge": "24px",
"iconSize": "48px",
"iconSizeSmall": "36px",
"iconSizeLarge": "56px",
"sparklineHeight": "40px",
"sparklineHeightLarge": "80px"
},
"shadows": {
"card": "0 1px 4px rgba(0, 0, 0, 0.08)",
"cardHover": "0 4px 12px rgba(0, 0, 0, 0.15)",
"cardLarge": "0 2px 8px rgba(0, 0, 0, 0.12)"
},
"borderRadius": {
"card": "8px",
"icon": "8px",
"badge": "4px",
"progress": "4px"
},
"typography": {
"labelSize": "12px",
"valueSize": "28px",
"valueSizeSmall": "20px",
"valueSizeLarge": "36px",
"trendSize": "12px"
},
"transitions": {
"cardHover": "box-shadow 0.2s ease-in-out",
"trendChange": "color 0.15s ease"
}
}