feat(bricks): add CSS export functionality (rebased) - #122
Merged
Conversation
- Create export.js module with generateExportCSS() and hasOverrides() - Add Export CSS button to SaveBar with downloadCSS handler - Update built assets (app.css, app.js) with export button styles and logic
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request was created by @kiro-agent on behalf of @jackgranatowski 👻
Comment with /kiro fix to address specific feedback or /kiro all to address everything.
Learn about Kiro autonomous agent
Summary
Rebased PR #119 (
feat/export-css) onto current main (which now includes PRs #116, #117, #120). All merge conflicts resolved.Changes:
integrations/bricks/admin-app/src/lib/export.js- CSS export generator that mirrorsclass-css-generator.phpon the client side. Reads the reactivetokensstore and produces a standalone CSS string wrapped in@layer slashed.overrides { :root { ... } }.SaveBar.sveltewith "Export CSS" button that triggers a file download (slashed-custom.css)app.css,app.js) with export button styles and logicHow it works:
hasOverrides(tokens)checks if any token sections have non-empty values (enables/disables the Export button)generateExportCSS(tokens)produces CSS declarations for colors, typography, spacing, radius, shadows, motion, z-index, and contrast tokensFiles changed (4):
integrations/bricks/admin-app/src/components/SaveBar.svelteintegrations/bricks/admin-app/src/lib/export.js(new)integrations/bricks/assets/admin-app/app.cssintegrations/bricks/assets/admin-app/app.jsNotes:
app.js) were updated to include the export logic. A full Svelte rebuild (npm run buildin admin-app/) is recommended before final merge for production-quality output.