@nxgt/material 3.14.0 → 3.15.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.
Files changed (27) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/ui/display/chip/chip.css +12 -2
  3. package/dist/{components-BOwj2IuR.js → components-j0Iv8MZi.js} +1785 -1766
  4. package/dist/components.js +5 -5
  5. package/dist/{dialog-rOMjlKJ7.js → dialog-YHZJjDrI.js} +1 -0
  6. package/dist/editor.js +3 -3
  7. package/dist/{icon-badge-_tY1MwU9.js → icon-badge-C0TGvF9o.js} +2 -2
  8. package/dist/lib/components/ui/display/chip/chip.d.ts +1 -1
  9. package/dist/lib/components/ui/display/chip/chip.variants.d.ts +5 -2
  10. package/dist/lib/components/ui/feedback/confirm-dialog/confirm-dialog-rules.d.ts +17 -0
  11. package/dist/lib/components/ui/feedback/confirm-dialog/confirm-dialog.d.ts +10 -2
  12. package/dist/lib/components/ui/overlays/command/command.d.ts +7 -1
  13. package/dist/lib/components/ui/overlays/dialog/dialog-variants.d.ts +1 -1
  14. package/dist/main.js +5 -5
  15. package/dist/map.js +2 -2
  16. package/dist/material.css +1 -1
  17. package/dist/pdf-reader.js +1 -1
  18. package/dist/{public-D_Gz7wgr.js → public-Bj3rGSfS.js} +1 -1
  19. package/dist/{use-chat-composer-P4GxmCHa.js → use-chat-composer-CoXmJCkr.js} +7 -7
  20. package/docs/components/data-display.md +2 -2
  21. package/docs/components/feedback-and-status.md +4 -0
  22. package/docs/components/overlays-and-menus.md +2 -1
  23. package/docs/components/primitives.md +2 -0
  24. package/docs/components/selection-and-choice.md +3 -1
  25. package/docs/troubleshooting.md +20 -0
  26. package/lib/components/ui/display/chip/chip.css +12 -2
  27. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @nxgt/material
2
2
 
3
+ ## 3.15.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1543](https://github.com/softistx/nxgt-material/pull/1543) [`b7025f2`](https://github.com/softistx/nxgt-material/commit/b7025f2433e34bf21211c7d902605593b868172e) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Five consumer-reported UX gaps. `ChipGroupField` and `Chip` take `size="lg"`, a 44px box at every pointer ([#1529](https://github.com/softistx/nxgt-material/issues/1529)). A `Kbd` and the `+` of a `KbdShortcut` inside a filled `Button` take the button's text colour, so the shortcut keeps its contrast ([#1530](https://github.com/softistx/nxgt-material/issues/1530)). `ConfirmDialog` takes `confirmDisabled` and `lockOnRefusal` (off by default: the confirm button stays disabled while a refusal's error shows), and a destructive one puts Cancel first on a phone ([#1531](https://github.com/softistx/nxgt-material/issues/1531)). Every field's label and control rows stay at the top, so a `ComboboxField` or `PhoneField` no longer sinks beside a `TextField` or `DateField` with a helper text ([#1532](https://github.com/softistx/nxgt-material/issues/1532)). `CommandDialog` is pinned under the top edge below 640px by default, with `mobilePresentation` (`'dialog' | 'top' | 'fullscreen'`) to change it (`mobilePresentation="dialog"` restores the centred dialog), and `DialogContent` gets the `top` presentation ([#1533](https://github.com/softistx/nxgt-material/issues/1533)).
8
+
3
9
  ## 3.14.0
4
10
 
5
11
  ### Minor Changes
package/dist/components/ui/display/chip/chip.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Chip: what the three looks share (data-look hairline, soft, tag). Sizes:
2
- * default 28px, sm 24px (both at least the 24px target of WCAG 2.5.8). The
3
- * label truncates as one piece; the ✕ is drawn small, its target is 24×24
2
+ * default 28px, sm 24px (both at least the 24px target of WCAG 2.5.8), lg
3
+ * 44px (the touch target). The label truncates as one piece; the ✕ is drawn small, its target is 24×24
4
4
  * through ::after, and it has its own focus ring. */
5
5
  @layer components {
6
6
  .nxgt-chip {
@@ -50,6 +50,16 @@
50
50
  --chip-gap: 0.25rem;
51
51
  --chip-x: 1rem;
52
52
  }
53
+ /* lg: a 44px box at every pointer (the touch target, #1529). */
54
+ .nxgt-chip[data-size="lg"] {
55
+ --chip-h: 2.75rem;
56
+ --chip-px: 1rem;
57
+ --chip-font: 0.9375rem;
58
+ --chip-icon: 1rem;
59
+ --chip-gap: 0.375rem;
60
+ --chip-x: 1.5rem;
61
+ min-width: 2.75rem;
62
+ }
53
63
  button.nxgt-chip,
54
64
  .nxgt-chip > button[data-slot="chip-body"] {
55
65
  cursor: pointer;