@nxgt/material 3.99.0 → 3.100.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @nxgt/material
2
2
 
3
+ ## 3.100.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2814](https://github.com/softistx/nxgt-material/pull/2814) [`f46e0e9`](https://github.com/softistx/nxgt-material/commit/f46e0e919e3c2f0549f3447c3c33d1fb34818f8c) Thanks [@SteveGT96](https://github.com/SteveGT96)! - feat(toast): add `useScopedToasts()`, the `toasts` API scoped to the component that calls it. Every toast it shows (`success`, `error`, `warning`, `info`, `loading`, `custom`, `promise`) is dismissed when the component unmounts, so an « Undo » action never outlives its page; `dismiss()` without an id takes down only that scope's toasts.
8
+
9
+ ### Patch Changes
10
+
11
+ - [#2804](https://github.com/softistx/nxgt-material/pull/2804) [`54af413`](https://github.com/softistx/nxgt-material/commit/54af413f7fff29f6375a1e7202937be106add532) Thanks [@SteveGT96](https://github.com/SteveGT96)! - EventCalendar: the month view's weekend weekday headers keep the AA text contrast (they were drawn at 70% opacity and failed axe `color-contrast`); a lighter weight marks them instead. The cell of the 1st of a month, which shows "1 Mar", now has an accessible name that starts with that text (WCAG 2.5.3).
12
+
3
13
  ## 3.99.0
4
14
 
5
15
  ### Minor Changes
package/README.md CHANGED
@@ -879,7 +879,7 @@ Not components: what the stylesheet gives any element.
879
879
  | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-spinner.webp" width="120" alt="Spinner"> | [`Spinner`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#spinner) | Loading spinner in several styles and colours. | `Spinner` |
880
880
  | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-loadingindicator.webp" width="120" alt="LoadingIndicator"> | [`LoadingIndicator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#loadingindicator) | Material 3 Expressive's loading indicator: a shape morphing while it turns, with no script. | — |
881
881
  | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-typingindicator.webp" width="120" alt="TypingIndicator"> | [`TypingIndicator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#typingindicator) | Three dots in a wave, plain or as a chat bubble; still under reduced motion. | — |
882
- | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-toast.webp" width="120" alt="Toaster"> | [`Toaster`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#toast), `toast`, `toasts`, `Toast` | Sonner toasts on the M3 inverse snackbar surface, with a shape per tone, an X and an action (`ToastAction`) in the tone's inverse colour. `toasts` provides `success` / `error` / `warning` / `info` / `loading` presets and `promise` (loading, then done, in place). | `Toaster`, `toast`, `toasts`, `Toast` |
882
+ | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-toast.webp" width="120" alt="Toaster"> | [`Toaster`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#toast), `toast`, `toasts`, `Toast` | Sonner toasts on the M3 inverse snackbar surface, with a shape per tone, an X and an action (`ToastAction`) in the tone's inverse colour. `toasts` provides `success` / `error` / `warning` / `info` / `loading` presets and `promise` (loading, then done, in place). `useScopedToasts()` is the same API, dismissed when the calling page unmounts. | `Toaster`, `toast`, `toasts`, `useScopedToasts`, `Toast` |
883
883
  | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-skeleton.webp" width="120" alt="Skeleton"> | [`Skeleton`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#skeleton), `SkeletonAvatar`, `SkeletonCard`, `SkeletonText`, `SkeletonTable` | Loading placeholder and ready-made shapes. | `Skeleton` (same parts) |
884
884
  | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-hydrateloading.webp" width="120" alt="HydrateLoading"> | [`HydrateLoading`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#hydrateloading) | Full-area spinner shown while hydrating. | `HydrateLoading` |
885
885
  | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-notifications.webp" width="120" alt="Notifications"> | [`Notifications`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#notifications) | Notification centre as a bell popover, a side sheet (a full-screen sheet on a phone) or an inline panel: sticky Today / Yesterday / Earlier groups, tone icons and avatars, All / Unread counts, topics, search, mark read / dismiss, inline actions, skeleton and load more, two densities. | `Notifications` |