Behive Tech Component Registry

Toast

v0.5.0Stable

A toast viewport to mount once, anywhere in the app; `showToast()` from anywhere then renders a dismissible, auto-expiring Radix toast in it.

pnpm add @behivetech/atoms.toast

Published to npm.pkg.github.com

  • v0.5.0 · current
  • v0.2.2
  • v0.2.1
  • v0.2.0
  • v0.1.1
  • v0.1.0
  • v0.0.0

Changelog

v0.5.0

Minor Changes

  • 5593d1c: showToast now returns the toast's id, and the new dismissToast(id) removes a toast before it expires, for a message that stopped being true (an error toast after the retry succeeded).

v0.4.0

Minor Changes

  • 03caaed: Toast gains variant: "warning" (a --warning modifier). The success and warning stripes read --color-success-inverse and --color-warning-inverse, falling back to the status aliases, so an app without them looks as before. The stripe is now 6px wide for every variant, and the action is pulled left so its label lines up with the title.

Patch Changes

  • 9a4d469: The error stripe reads --color-error-inverse, falling back to --md-sys-color-error-container and then --color-error, so an app without the token looks as before.
  • d9b58f8: The focus ring on the action and close buttons reads --md-sys-color-inverse-primary, so it measures at least 3:1 against the toast's inverse-surface in Light and Dark.

v0.3.0

Minor Changes

  • 280ec88: Style the toast variant through --success / --error modifiers on a new internal ToastItem block (BHT__ToastItem). The data-variant attribute is removed, and the BHT__Toast__root, __title, __description, __action and __close classes are renamed to BHT__ToastItem and BHT__ToastItem__title, __description, __action, __close.

v0.2.4

Patch Changes

  • 0c52e51: Each published package now says what it is and where its docs are: description from the README's first paragraph, and homepage plus a Docs: line in the README pointing at the package's page on https://bht-galaxy.vercel.app, all applied at publish time from one source. Seven READMEs that still said "TODO" have a summary; @behivetech/atoms.stat and @behivetech/cms.base-styles have a README at all; the hand-written props tables are gone from the READMEs, since the Props tab on the site is generated from the interface.

v0.2.3

Patch Changes

  • c733fc5: Published to the public npm registry (registry.npmjs.org, access public, with provenance) instead of GitHub Packages. Install with no registry configuration: pnpm add @behivetech/atoms.button. The versions already on GitHub Packages stay there; nothing in the packages changed.

v0.2.2

Patch Changes

  • e3bf015: Live examples are <name>.example.tsx (was <name>.composition.tsx), following template 0.4.0 of the component registry: the published files list and the docs site's Examples tab use the new name. No component code changed.

v0.2.1

Patch Changes

  • 726a7ab: The component registry is now the bht-component-registry template, adopted into this repo: every package lives at registry/behivetech/<category>/<name> and builds with the template's shared env. Published output is the same code; the class-name helper is bundled into each package instead of being a runtime dependency on @behivetech/get-class-name, the tarball now ships README.md, the source, the compositions and a docs.json the docs site reads, and each package declares license: MIT.

v0.2.0

Minor Changes

  • a7bf591: Restyle to Material Design 3. Colors, type, shape, elevation and motion now come from --md-sys-* tokens, and each one falls back to the pre-MD3 --color-* name. Hardcoded brand colors and filter: brightness() are gone, so components follow the theme in both light and dark.

    Interaction

    • Hover, focus and press show a translucent layer of the content color.
    • Interactive controls get a :focus-visible ring.
    • Small controls get a 48px touch target without changing their drawn size.

    Props and component sizes are unchanged.

    Visible changes

    • Buttons are pill-shaped.
    • Text fields are outlined with a transparent fill.
    • FormField labels use body-small type.
    • Tooltips and toasts use the inverse surface.
    • Modal has no outline and 28px corners.
    • The hero headline is display-medium at regular weight.
    • Sidebar and NavItem no longer read cms-admin's --admin-sidebar-* variables.

    Fixes: these never matched and now work:

    • The NavItem active state.
    • Spinner sizes.
    • Button icon-only widths.
    • Table row dividers.

    Specificity: modifier styles now use .BHT__X--mod.BHT__X (0-2-0). A single-class className override of a modifier-controlled property needs matching specificity to win.

v0.1.1

Patch Changes

  • f8c57db: Generate TypeScript declarations once per build instead of once per format.

    dist/index.d.cts is no longer emitted. Nothing referenced it: each package's exports["."].types points at dist/index.d.ts, which is unchanged and still covers both the import and require conditions. There are no API, type, or runtime changes.

v0.1.0

Minor Changes

  • 08d7dd6: class names are namespaced with a BHT__ prefix, and sizing moves to rem