Skip to content

feat: Add global preset with HTML element styling composables#139

Merged
alexgrozav merged 1 commit intomainfrom
alexgrozav/global-preset
Mar 10, 2026
Merged

feat: Add global preset with HTML element styling composables#139
alexgrozav merged 1 commit intomainfrom
alexgrozav/global-preset

Conversation

@alexgrozav
Copy link
Copy Markdown
Contributor

Introduces a comprehensive global preset system that provides composable utilities for styling HTML elements (body, headings, links, code, selection, focus, etc.). The preset supports:

  • Individual element styling composables (useBodyElement, useHeadingElement, etc.)
  • Global preset aggregation (useGlobalPreset) for applying all elements at once
  • Theme overrides for customizable dark mode and other theme variants
  • Granular configuration to enable/disable specific elements
  • Full TypeScript support with proper typing for each element

This enables users to establish global, themeable HTML element styles with minimal configuration.

Introduces a comprehensive global preset system that provides composable utilities for styling HTML elements (body, headings, links, code, selection, focus, etc.). The preset supports:

- Individual element styling composables (useBodyElement, useHeadingElement, etc.)
- Global preset aggregation (useGlobalPreset) for applying all elements at once
- Theme overrides for customizable dark mode and other theme variants
- Granular configuration to enable/disable specific elements
- Full TypeScript support with proper typing for each element

This enables users to establish global, themeable HTML element styles with minimal configuration.
@alexgrozav alexgrozav self-assigned this Mar 10, 2026
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
app-styleframe-dev-production Ready Ready Preview, Comment Mar 10, 2026 7:33am
styleframe-dev-production Ready Ready Preview, Comment Mar 10, 2026 7:33am
styleframe-storybook Ready Ready Preview, Comment Mar 10, 2026 7:33am

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Mar 10, 2026

⚠️ No Changeset found

Latest commit: 866d483

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@codecov
Copy link
Copy Markdown

codecov bot commented Mar 10, 2026

Codecov Report

❌ Patch coverage is 92.62136% with 38 lines in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
theme/src/presets/useGlobalPreset.ts 74.64% 36 Missing ⚠️
theme/src/index.ts 0.00% 0 Missing and 1 partial ⚠️
theme/src/presets/index.ts 0.00% 1 Missing ⚠️

📢 Thoughts on this report? Let us know!

@alexgrozav alexgrozav merged commit 3f6eaa5 into main Mar 10, 2026
12 checks passed
@alexgrozav alexgrozav deleted the alexgrozav/global-preset branch March 10, 2026 07:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant