Skip to content

feat: merge main branch changes, add accordion-h-* and collapsible-h-* height utilities#74

Draft
Wombosvideo with Copilot wants to merge 2 commits into
add-height-variable-helpersfrom
copilot/sub-pr-38
Draft

feat: merge main branch changes, add accordion-h-* and collapsible-h-* height utilities#74
Wombosvideo with Copilot wants to merge 2 commits into
add-height-variable-helpersfrom
copilot/sub-pr-38

Conversation

Copilot AI commented Feb 28, 2026

Copy link
Copy Markdown
Contributor

Resolves merge conflicts with main by rebasing onto the latest changes, while preserving the accordion-h-* and collapsible-h-* utilities that allow setting accordion/collapsible content heights to arbitrary values.

New utilities (this PR's feature)

<!-- spacing units -->
<div class="accordion-h-64">...</div>

<!-- arbitrary value -->
<div class="accordion-h-[1.75em]">...</div>

<!-- CSS custom property (e.g. from Kobalte) -->
<div class="accordion-h-(--kb-accordion-content-height)">...</div>

Both accordion-h-* and collapsible-h-* set --radix-{accordion,collapsible}-content-height, which is checked first in the keyframe fallback chain.

Incorporated from main

  • src/tw-animate.css

    • @property rules moved to top level (outside :root)
    • New @property declarations: --tw-animation-delay, --tw-animation-direction, --tw-animation-fill-mode, --tw-animation-iteration-count, --tw-enter-blur, --tw-exit-blur
    • --animate-in / --animate-out now include delay, iteration-count, direction, fill-mode parameters
    • New blur-in-* / blur-out-* utilities; filter: blur(...) added to enter/exit keyframes
    • New slide-in-from-start/end and slide-out-to-start/end LTR/RTL-aware utilities
    • Accordion/collapsible keyframes extended with --kb-* and --ngp-* variable fallbacks
    • delay-*, repeat-*, direction-*, fill-mode-* now also set the corresponding --tw-animation-* variables
  • Docs (accordion.md, collapsible.md): Added Kobalte (SolidJS) and Angular Primitives sections; updated keyframe examples

  • README: v2.0.0 breaking-change warning; blur added to transform classes table; <dir> definition updated with start/end variants

  • Tooling: package.json → v1.4.0, added prettier-plugin-tailwindcss, new .prettierrc, updated pnpm-lock.yaml


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

- Update src/tw-animate.css with main branch changes:
  - Move @Property rules to top level (outside :root)
  - Add new @Property rules for delay, direction, fill-mode, iteration-count, blur
  - Update --animate-in/out with additional parameters
  - Add blur-in/blur-out utilities
  - Add slide-in-from-start/end and slide-out-to-start/end utilities
  - Add Kobalte/Angular Primitives variables to accordion/collapsible keyframes
  - Preserve accordion-h-* and collapsible-h-* utilities
- Update docs/animations/accordion.md with main branch changes:
  - Add Kobalte and Angular Primitives sections
  - Update keyframes to include new variables
  - Preserve accordion-h-* utility documentation
- Update docs/animations/collapsible.md with main branch changes:
  - Add Kobalte section
  - Update keyframes to include new variables
  - Preserve collapsible-h-* utility documentation
- Update README.md with main branch changes:
  - Add v2.0.0 breaking change warning
  - Add blur to transform classes table
  - Add slide-in-from-start/end and slide-out-to-start/end to direction definition
  - Preserve accordion-h-* and collapsible-h-* utilities section
- Update package.json to v1.4.0 with new dependencies
- Add .prettierrc with prettier-plugin-tailwindcss
- Update pnpm-lock.yaml

Co-authored-by: Wombosvideo <4274488+Wombosvideo@users.noreply.github.com>
Copilot AI changed the title [WIP] Add utilities for setting accordion and collapsible heights feat: merge main branch changes, add accordion-h-* and collapsible-h-* height utilities Feb 28, 2026
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.

2 participants