chore: update versions

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and publish to npm yourself or setup this action to publish automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@styleframe/core@3.3.0

Minor Changes

• #164 efd99f7 Thanks @alexgrozav! - Add className support for compound variants in recipes
  • Add optional className field to compound variants, appended to output when conditions match
  • Make css optional on compound variants, allowing className-only compound variants

Patch Changes

• #175 b506ea5 Thanks @alexgrozav! - Add Skeleton recipe with pulse animation and supporting utilities
  • Add useSkeletonRecipe with size (xs, sm, md, lg, xl) and rounded (true, false) variants, pulse animation, and dark mode support
  • Add granular animation utilities: useAnimationNameUtility, useAnimationDurationUtility, useAnimationTimingFunctionUtility, useAnimationIterationCountUtility
  • Switch useWidthUtility and useHeightUtility to createUseSpacingUtility for @N multiplier support
  • Add compound keyframe selector support in core engine (e.g. "0%, 100%")
  • Add Skeleton storybook component, grid previews, and stories
  • Add Skeleton documentation page

@styleframe/runtime@3.1.0

Minor Changes

• #164 efd99f7 Thanks @alexgrozav! - Add className support for compound variants in recipes

  • Add optional className field to compound variants, appended to output when conditions match
  • Make css optional on compound variants, allowing className-only compound variants

• #167 179c90d Thanks @alexgrozav! - Add boolean support for recipe variant props

  • When a variant defines both true and false keys, the runtime now accepts boolean true/false values in addition to string "true"/"false"
  • Generated .d.ts type declarations include | boolean in the type union for boolean variants

Patch Changes

• Updated dependencies [b506ea5, efd99f7]:
  • @styleframe/core@3.3.0

styleframe@3.4.0

Minor Changes

• #165 5ef9019 Thanks @alexgrozav! - Add ButtonGroup recipe for grouping buttons with joined borders

  • Add useButtonGroupRecipe with orientation (horizontal, vertical) and block (true, false) variants
  • Use compound variant className with RSCSS modifiers (-horizontal, -vertical, -block) to emit helper classes
  • Use setup callback to register nested selectors for joined-button effects (border-radius and border removal on inner children)
  • Add ButtonGroup storybook component, grid preview, and stories

• #162 990ed33 Thanks @alexgrozav! - Add Card recipe with border style utility improvements

  • Add useCardRecipe with size (sm, md, lg), variant (elevated, outline, filled, ghost), and color variants including light, dark, and neutral
  • Add border style utility support (solid, dashed, dotted, double, hidden, none) with responsive and state modifier capabilities
  • Normalize light/dark color variants across Badge, Button, and Callout recipes using text-inverted token
  • Add Card storybook components, grid previews, and stories

• #160 cb053e0 Thanks @alexgrozav! - Add light, dark, and neutral colors to Badge and Button recipes

  • Add light, dark, and neutral color variants to useBadgeRecipe with compound variants for solid, outline, soft, and subtle styles
  • Add light, dark, and neutral color variants to useButtonRecipe with compound variants for solid, outline, soft, subtle, ghost, and link styles
  • Update storybook Badge and Button components, grid previews, and stories to document the new colors

• #171 6f6a360 Thanks @alexgrozav! - Add Modal recipe with overlay, header, body, and footer parts

  • Add useModalRecipe with size (sm, md, lg), variant (solid, soft, subtle), and color (light, dark, neutral) variants matching the Card recipe structure
  • Add useModalHeaderRecipe and useModalFooterRecipe with separator border compound variants and setup functions for :first-child/:last-child border collapse
  • Add useModalBodyRecipe with size-based padding and gap, no compound variants
  • Add useModalOverlayRecipe with fixed-position full-screen backdrop (rgba(0, 0, 0, 0.75)) and centered flex layout
  • Add Modal storybook components, grid previews, and stories with interactive open/close and fullscreen example
  • Add Modal documentation page

• #168 0250281 Thanks @alexgrozav! - Add Nav recipe with list-style utility

  • Add useNavRecipe and useNavItemRecipe multi-part recipes with size (xs–xl), color, and variant (pills, underline, default) support
  • Add useListStyleUtility shorthand utility for the list-style CSS property
  • Add Nav storybook components, grid previews, and stories

• #176 cccd1cd Thanks @alexgrozav! - Add Placeholder recipe with dashed border and CSS hatch pattern

  • Add usePlaceholderRecipe as a base-only recipe (no variants) with a dashed border, hatch background pattern, and automatic dark mode support
  • Add Placeholder documentation page with usage examples, API reference, and FAQ

• #179 8eadb4b Thanks @alexgrozav! - Add Popover recipe with composable sub-recipes and documentation

  • Add usePopoverRecipe with size (sm, md, lg), variant (solid, soft, subtle), and color (light, dark, neutral) variants
  • Add usePopoverHeaderRecipe and usePopoverFooterRecipe with border collapsing via :first-child/:last-child selectors
  • Add usePopoverBodyRecipe for content area styling
  • Add usePopoverArrowRecipe with CSS border triangle implementation using @popover.arrow.size variable and &:after pseudo-element for border/fill separation
  • Add Popover storybook components, grid previews, and stories
  • Add complete documentation page covering usage, anatomy, accessibility, and API reference

• #178 2bcd961 Thanks @alexgrozav! - Add Progress recipe with orientation, inverted, and indeterminate animation support

  • Add useProgressRecipe (track) and useProgressBarRecipe (bar) with 9 bar colors, 3 track colors, 5 sizes, horizontal/vertical orientation, inverted fill direction, and 4 indeterminate animations (carousel, carousel-inverse, swing, elastic)
  • Register 8 keyframes automatically (4 horizontal + 4 vertical) via setup callback
  • Add Progress documentation page with usage examples, API reference, and FAQ

• #175 b506ea5 Thanks @alexgrozav! - Add Skeleton recipe with pulse animation and supporting utilities

  • Add useSkeletonRecipe with size (xs, sm, md, lg, xl) and rounded (true, false) variants, pulse animation, and dark mode support
  • Add granular animation utilities: useAnimationNameUtility, useAnimationDurationUtility, useAnimationTimingFunctionUtility, useAnimationIterationCountUtility
  • Switch useWidthUtility and useHeightUtility to createUseSpacingUtility for @N multiplier support
  • Add compound keyframe selector support in core engine (e.g. "0%, 100%")
  • Add Skeleton storybook component, grid previews, and stories
  • Add Skeleton documentation page

• #172 7620771 Thanks @alexgrozav! - Add Tooltip recipe with arrow sub-recipe and transform utility

  • Add useTooltipRecipe with size (sm, md, lg), variant (solid, soft, subtle), and color (light, dark, neutral) variants
  • Add useTooltipArrowRecipe with CSS border triangle implementation using @tooltip.arrow.size variable and &:after pseudo-element for border/fill separation
  • Add useTransformUtility for arbitrary transform CSS property values
  • Add Tooltip storybook components, grid previews, and stories including freeform rich content example

• #163 1a7dc77 Thanks @alexgrozav! - Add per-part borders with adjacency collapsing to Card recipe

  • Add independent borderTop and borderBottom to each card part (header, body, footer) with compound variants per color×variant
  • Add :first-child / :last-child collapse selectors to header and footer recipes to remove duplicate borders at card edges
  • Extend createUseRecipe with an optional setup callback for registering selectors alongside recipes
  • Add color and variant props to CardBody component

• #164 efd99f7 Thanks @alexgrozav! - Add className support for compound variants in recipes

  • Add optional className field to compound variants, appended to output when conditions match
  • Make css optional on compound variants, allowing className-only compound variants

• #167 179c90d Thanks @alexgrozav! - Add boolean support for recipe variant props

  • When a variant defines both true and false keys, the runtime now accepts boolean true/false values in addition to string "true"/"false"
  • Generated .d.ts type declarations include | boolean in the type union for boolean variants

• #158 90f1862 Thanks @alexgrozav! - Rename Alert recipe to Callout recipe

  • Rename useAlertRecipe to useCalloutRecipe with updated recipe name from alert to callout
  • Add CalloutContent, CalloutTitle, and CalloutDescription sub-components for better composability
  • Move storybook grid preview components into preview/ subdirectories for cleaner organization
  • Add Callout documentation page

• #166 ff13980 Thanks @alexgrozav! - Rename danger semantic color to error across the design system

  • Rename danger color token to error in default color values and border color values
  • Update all recipes (badge, button, callout) to use error instead of danger in color variants
  • Update all documentation, storybook stories, and playground examples

Patch Changes

• Updated dependencies [b506ea5, efd99f7, 179c90d]:
  • @styleframe/core@3.3.0
  • @styleframe/transpiler@3.2.0

@styleframe/transpiler@3.2.0

Minor Changes

• #167 179c90d Thanks @alexgrozav! - Add boolean support for recipe variant props
  • When a variant defines both true and false keys, the runtime now accepts boolean true/false values in addition to string "true"/"false"
  • Generated .d.ts type declarations include | boolean in the type union for boolean variants

Patch Changes

• Updated dependencies [b506ea5, efd99f7]:
  • @styleframe/core@3.3.0

@styleframe/theme@3.4.0

Minor Changes

• #165 5ef9019 Thanks @alexgrozav! - Add ButtonGroup recipe for grouping buttons with joined borders

  • Add useButtonGroupRecipe with orientation (horizontal, vertical) and block (true, false) variants
  • Use compound variant className with RSCSS modifiers (-horizontal, -vertical, -block) to emit helper classes
  • Use setup callback to register nested selectors for joined-button effects (border-radius and border removal on inner children)
  • Add ButtonGroup storybook component, grid preview, and stories

• #162 990ed33 Thanks @alexgrozav! - Add Card recipe with border style utility improvements

  • Add useCardRecipe with size (sm, md, lg), variant (elevated, outline, filled, ghost), and color variants including light, dark, and neutral
  • Add border style utility support (solid, dashed, dotted, double, hidden, none) with responsive and state modifier capabilities
  • Normalize light/dark color variants across Badge, Button, and Callout recipes using text-inverted token
  • Add Card storybook components, grid previews, and stories

• #160 cb053e0 Thanks @alexgrozav! - Add light, dark, and neutral colors to Badge and Button recipes

  • Add light, dark, and neutral color variants to useBadgeRecipe with compound variants for solid, outline, soft, and subtle styles
  • Add light, dark, and neutral color variants to useButtonRecipe with compound variants for solid, outline, soft, subtle, ghost, and link styles
  • Update storybook Badge and Button components, grid previews, and stories to document the new colors

• #171 6f6a360 Thanks @alexgrozav! - Add Modal recipe with overlay, header, body, and footer parts

  • Add useModalRecipe with size (sm, md, lg), variant (solid, soft, subtle), and color (light, dark, neutral) variants matching the Card recipe structure
  • Add useModalHeaderRecipe and useModalFooterRecipe with separator border compound variants and setup functions for :first-child/:last-child border collapse
  • Add useModalBodyRecipe with size-based padding and gap, no compound variants
  • Add useModalOverlayRecipe with fixed-position full-screen backdrop (rgba(0, 0, 0, 0.75)) and centered flex layout
  • Add Modal storybook components, grid previews, and stories with interactive open/close and fullscreen example
  • Add Modal documentation page

• #168 0250281 Thanks @alexgrozav! - Add Nav recipe with list-style utility

  • Add useNavRecipe and useNavItemRecipe multi-part recipes with size (xs–xl), color, and variant (pills, underline, default) support
  • Add useListStyleUtility shorthand utility for the list-style CSS property
  • Add Nav storybook components, grid previews, and stories

• #176 cccd1cd Thanks @alexgrozav! - Add Placeholder recipe with dashed border and CSS hatch pattern

  • Add usePlaceholderRecipe as a base-only recipe (no variants) with a dashed border, hatch background pattern, and automatic dark mode support
  • Add Placeholder documentation page with usage examples, API reference, and FAQ

• #179 8eadb4b Thanks @alexgrozav! - Add Popover recipe with composable sub-recipes and documentation

  • Add usePopoverRecipe with size (sm, md, lg), variant (solid, soft, subtle), and color (light, dark, neutral) variants
  • Add usePopoverHeaderRecipe and usePopoverFooterRecipe with border collapsing via :first-child/:last-child selectors
  • Add usePopoverBodyRecipe for content area styling
  • Add usePopoverArrowRecipe with CSS border triangle implementation using @popover.arrow.size variable and &:after pseudo-element for border/fill separation
  • Add Popover storybook components, grid previews, and stories
  • Add complete documentation page covering usage, anatomy, accessibility, and API reference

• #178 2bcd961 Thanks @alexgrozav! - Add Progress recipe with orientation, inverted, and indeterminate animation support

  • Add useProgressRecipe (track) and useProgressBarRecipe (bar) with 9 bar colors, 3 track colors, 5 sizes, horizontal/vertical orientation, inverted fill direction, and 4 indeterminate animations (carousel, carousel-inverse, swing, elastic)
  • Register 8 keyframes automatically (4 horizontal + 4 vertical) via setup callback
  • Add Progress documentation page with usage examples, API reference, and FAQ

• #175 b506ea5 Thanks @alexgrozav! - Add Skeleton recipe with pulse animation and supporting utilities

  • Add useSkeletonRecipe with size (xs, sm, md, lg, xl) and rounded (true, false) variants, pulse animation, and dark mode support
  • Add granular animation utilities: useAnimationNameUtility, useAnimationDurationUtility, useAnimationTimingFunctionUtility, useAnimationIterationCountUtility
  • Switch useWidthUtility and useHeightUtility to createUseSpacingUtility for @N multiplier support
  • Add compound keyframe selector support in core engine (e.g. "0%, 100%")
  • Add Skeleton storybook component, grid previews, and stories
  • Add Skeleton documentation page

• #172 7620771 Thanks @alexgrozav! - Add Tooltip recipe with arrow sub-recipe and transform utility

  • Add useTooltipRecipe with size (sm, md, lg), variant (solid, soft, subtle), and color (light, dark, neutral) variants
  • Add useTooltipArrowRecipe with CSS border triangle implementation using @tooltip.arrow.size variable and &:after pseudo-element for border/fill separation
  • Add useTransformUtility for arbitrary transform CSS property values
  • Add Tooltip storybook components, grid previews, and stories including freeform rich content example

• #163 1a7dc77 Thanks @alexgrozav! - Add per-part borders with adjacency collapsing to Card recipe

  • Add independent borderTop and borderBottom to each card part (header, body, footer) with compound variants per color×variant
  • Add :first-child / :last-child collapse selectors to header and footer recipes to remove duplicate borders at card edges
  • Extend createUseRecipe with an optional setup callback for registering selectors alongside recipes
  • Add color and variant props to CardBody component

• #158 90f1862 Thanks @alexgrozav! - Rename Alert recipe to Callout recipe

  • Rename useAlertRecipe to useCalloutRecipe with updated recipe name from alert to callout
  • Add CalloutContent, CalloutTitle, and CalloutDescription sub-components for better composability
  • Move storybook grid preview components into preview/ subdirectories for cleaner organization
  • Add Callout documentation page

• #166 ff13980 Thanks @alexgrozav! - Rename danger semantic color to error across the design system

  • Rename danger color token to error in default color values and border color values
  • Update all recipes (badge, button, callout) to use error instead of danger in color variants
  • Update all documentation, storybook stories, and playground examples

Patch Changes

• Updated dependencies [b506ea5, efd99f7]:
  • @styleframe/core@3.3.0

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
app-styleframe-dev-production	Ready	Preview, Comment	Apr 9, 2026 2:56am
styleframe-dev-production	Ready	Preview, Comment	Apr 9, 2026 2:56am
styleframe-storybook	Ready	Preview, Comment	Apr 9, 2026 2:56am