Skip to content

Releases: chakra-ui/zag

@zag-js/[email protected]

11 Sep 15:22
7362e19
Compare
Choose a tag to compare

Patch Changes

@zag-js/[email protected]

11 Sep 15:20
7362e19
Compare
Choose a tag to compare

Minor Changes

  • 2def7af Thanks
    @segunadebayo! - - Resolved an issue where onFileReject was incorrectly triggered
    when deleting accepted files using ItemDeleteTrigger

    • The file deletion logic now properly differentiates between accepted and rejected files, preventing unnecessary
      callbacks
    • Added type prop to all item-related components (ItemProps, ItemGroupProps) to specify whether items are
      "accepted" or "rejected"
    • Added data-type attribute to all item-related elements for easier styling of accepted vs rejected files
    • Exposed ItemType, ItemGroupProps, and ItemTypeProps types for better TypeScript support

    Migration

    When rendering rejected files, you should now pass type: "rejected" to item components:

    // Before
    <div {...api.getItemProps({ file })}>
      <button {...api.getItemDeleteTriggerProps({ file })}>Delete</button>
    </div>
    
    // After - for rejected files
    <div {...api.getItemProps({ file, type: "rejected" })}>
      <button {...api.getItemDeleteTriggerProps({ file, type: "rejected" })}>Delete</button>
    </div>

Patch Changes

@zag-js/[email protected]

11 Sep 15:19
7362e19
Compare
Choose a tag to compare

Patch Changes

@zag-js/[email protected]

11 Sep 15:22
7362e19
Compare
Choose a tag to compare

Patch Changes

  • #2697
    92c0bf5 Thanks
    @nikparo! - Fix issue where isActiveElement checks don't consider the Shadow DOM.

  • #2548
    47011ad Thanks
    @segunadebayo! - [New] Introduce bottom sheet state machine to show secondary
    content anchored to the bottom of the screen

  • #2697
    92c0bf5 Thanks
    @nikparo! - Fix issue where getActiveElement returns activeElement rather than
    null for focusable web components with no focusable children

  • Updated dependencies []:

@zag-js/[email protected]

11 Sep 15:18
7362e19
Compare
Choose a tag to compare

@zag-js/[email protected]

11 Sep 15:21
7362e19
Compare
Choose a tag to compare

Minor Changes

  • 352c638 Thanks
    @segunadebayo! - Add support for layer types in dismissable layer stack. Layers can
    now be categorized as dialog, popover, menu, or listbox. This enables:
    • data-nested attribute on nested layers of the same type
    • data-has-nested attribute on parent layers with nested children of the same type
    • --nested-layer-count CSS variable indicating the number of nested layers of the same type

Patch Changes

@zag-js/[email protected]

11 Sep 15:19
7362e19
Compare
Choose a tag to compare

Minor Changes

  • 352c638 Thanks
    @segunadebayo! - Add support for layer types in dismissable layer stack. Layers can
    now be categorized as dialog, popover, menu, or listbox. This enables:
    • data-nested attribute on nested layers of the same type
    • data-has-nested attribute on parent layers with nested children of the same type
    • --nested-layer-count CSS variable indicating the number of nested layers of the same type

Patch Changes

@zag-js/[email protected]

11 Sep 15:22
7362e19
Compare
Choose a tag to compare

@zag-js/[email protected]

11 Sep 15:20
7362e19
Compare
Choose a tag to compare

Minor Changes

  • 352c638 Thanks
    @segunadebayo! - Add support for layer types in dismissable layer stack. Layers can
    now be categorized as dialog, popover, menu, or listbox. This enables:
    • data-nested attribute on nested layers of the same type
    • data-has-nested attribute on parent layers with nested children of the same type
    • --nested-layer-count CSS variable indicating the number of nested layers of the same type

Patch Changes

@zag-js/[email protected]

11 Sep 15:18
7362e19
Compare
Choose a tag to compare

Patch Changes