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

54 lines
1.3 KiB
JSON

{
"$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
"schemaVersion": "2.0.0",
"colors": {
"streamLive": "#ef4444",
"streamScheduled": "#3b82f6",
"streamOffline": "#6b7280",
"streamBuffering": "#f59e0b",
"viewerCount": "#10b981",
"moderatorBadge": "#8b5cf6",
"highlightClip": "#f97316",
"audiencePulseHigh": "#ef4444",
"audiencePulseMedium": "#f59e0b",
"audiencePulseLow": "#10b981",
"sceneActive": "#3b82f6",
"sceneInactive": "#d1d5db",
"playerBackground": "#1a1a1a",
"controlPanelBg": "#f3f4f6"
},
"spacing": {
"controlRoom": "24px",
"sceneCard": "16px",
"scheduleItem": "12px",
"playerControls": "8px",
"statCard": "16px",
"moderationPanel": "16px"
},
"shadows": {
"sceneCard": "0 2px 8px rgba(0, 0, 0, 0.12)",
"playerOverlay": "0 4px 16px rgba(0, 0, 0, 0.3)",
"controlPanel": "0 1px 4px rgba(0, 0, 0, 0.08)",
"liveIndicator": "0 0 12px rgba(239, 68, 68, 0.5)"
},
"typography": {
"viewerCount": {
"fontSize": "24px",
"fontWeight": "700"
},
"sceneLabel": {
"fontSize": "14px",
"fontWeight": "600"
},
"scheduleTime": {
"fontSize": "12px",
"fontWeight": "500"
}
},
"borders": {
"sceneCardRadius": "8px",
"playerRadius": "12px",
"controlPanelRadius": "8px"
}
}