@nxgt/material 3.22.0 → 3.24.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 (44) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/README.md +5 -4
  3. package/dist/backgrounds/css/motifs.css +12 -11
  4. package/dist/backgrounds/css-react/icons.css +9 -10
  5. package/dist/components/theme-tokens.css +12 -0
  6. package/dist/components/ui/layout/app-shell/activity-backdrop.css +3 -16
  7. package/dist/{components-B0oezhGe.js → components-D2XNfS3c.js} +12872 -12820
  8. package/dist/components.js +1 -1
  9. package/dist/lib/components/ui/collections/data-table/partials/data-table-page-control.d.ts +7 -2
  10. package/dist/lib/components/ui/collections/data-table/partials/data-table-toolbar.d.ts +6 -2
  11. package/dist/lib/components/ui/collections/data-table/types.d.ts +4 -0
  12. package/dist/lib/components/ui/collections/data-table/use-pager-focus.d.ts +30 -0
  13. package/dist/lib/components/ui/collections/server-table/partials/server-table-band-classes.d.ts +6 -0
  14. package/dist/lib/components/ui/collections/server-table/partials/server-table-band.d.ts +3 -1
  15. package/dist/lib/components/ui/collections/server-table/types.d.ts +3 -0
  16. package/dist/main.js +1 -1
  17. package/dist/material.css +1 -1
  18. package/dist/styles.css +1 -0
  19. package/docs/components/data-table-filter-and-lists.md +24 -2
  20. package/docs/components/navigation-and-layout.md +2 -2
  21. package/docs/guides/app-shell.md +17 -1
  22. package/docs/guides/theming.md +40 -0
  23. package/docs/previews/navigation-layout-threadlayout.webp +0 -0
  24. package/docs/troubleshooting.md +47 -0
  25. package/lib/backgrounds/css/motifs.css +12 -11
  26. package/lib/backgrounds/css-react/icons.css +9 -10
  27. package/lib/components/theme-tokens.css +12 -0
  28. package/lib/components/ui/layout/app-shell/activity-backdrop.css +3 -16
  29. package/lib/styles.css +1 -0
  30. package/lib/themes/ambre.css +3 -1
  31. package/lib/themes/ardoise.css +3 -1
  32. package/lib/themes/bleumono.css +3 -1
  33. package/lib/themes/bluemoon.css +3 -1
  34. package/lib/themes/corail.css +3 -1
  35. package/lib/themes/foret.css +3 -1
  36. package/lib/themes/lavande.css +3 -1
  37. package/lib/themes/menthe.css +3 -1
  38. package/lib/themes/ocean.css +3 -1
  39. package/lib/themes/pink.css +3 -1
  40. package/lib/themes/prune.css +3 -1
  41. package/lib/themes/sable.css +3 -1
  42. package/lib/themes/slate.css +3 -1
  43. package/lib/themes/teal.css +3 -1
  44. package/package.json +2 -2
package/lib/themes/prune.css CHANGED
@@ -1,11 +1,12 @@
1
1
  /* Theme "prune", generated.
2
2
  * Seeds: primary oklch(0.42 0.15 330), secondary oklch(0.5 0.1 355), tertiary oklch(0.55 0.1 85), neutral hue 330, tint 1.
3
- * Contrast: 61 pairs, 0 failing.
3
+ * Contrast: 65 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="prune"] {
6
6
  --radius: 0.5rem;
7
7
  --background: oklch(1 0 0);
8
8
  --foreground: oklch(0.227 0.017 330);
9
+ --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
9
10
  --card: oklch(1 0 0);
10
11
  --card-foreground: oklch(0.227 0.017 330);
11
12
  --popover: oklch(1 0 0);
@@ -73,6 +74,7 @@
73
74
  [data-nxgt-theme="prune"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="prune"] [data-nxgt-theme]:not([data-nxgt-theme="prune"]), [data-nxgt-theme="prune"] [data-nxgt-theme]:not([data-nxgt-theme="prune"]) *) {
74
75
  --background: oklch(0.15 0.026 273);
75
76
  --foreground: oklch(0.943 0.012 330);
77
+ --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
76
78
  --card: oklch(0.19 0.019 330);
77
79
  --card-foreground: oklch(0.943 0.012 330);
78
80
  --popover: oklch(0.19 0.019 330);
package/lib/themes/sable.css CHANGED
@@ -1,11 +1,12 @@
1
1
  /* Theme "sable", generated.
2
2
  * Seeds: primary oklch(0.5 0.06 70), secondary oklch(0.5 0.05 45), tertiary oklch(0.5 0.07 150), neutral hue 75, tint 0.5.
3
- * Contrast: 61 pairs, 0 failing.
3
+ * Contrast: 65 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="sable"] {
6
6
  --radius: 0.5rem;
7
7
  --background: oklch(1 0 0);
8
8
  --foreground: oklch(0.227 0.0085 75);
9
+ --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
9
10
  --card: oklch(1 0 0);
10
11
  --card-foreground: oklch(0.227 0.0085 75);
11
12
  --popover: oklch(1 0 0);
@@ -73,6 +74,7 @@
73
74
  [data-nxgt-theme="sable"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="sable"] [data-nxgt-theme]:not([data-nxgt-theme="sable"]), [data-nxgt-theme="sable"] [data-nxgt-theme]:not([data-nxgt-theme="sable"]) *) {
74
75
  --background: oklch(0.15 0.026 273);
75
76
  --foreground: oklch(0.943 0.006 75);
77
+ --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
76
78
  --card: oklch(0.19 0.0095 75);
77
79
  --card-foreground: oklch(0.943 0.006 75);
78
80
  --popover: oklch(0.19 0.0095 75);
package/lib/themes/slate.css CHANGED
@@ -1,11 +1,12 @@
1
1
  /* Theme "slate", generated.
2
2
  * Seeds: primary oklch(0.4 0.025 258), secondary oklch(0.48 0.02 230), tertiary oklch(0.46 0.045 275), neutral hue 258, tint 0.35.
3
- * Contrast: 61 pairs, 0 failing.
3
+ * Contrast: 65 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="slate"] {
6
6
  --radius: 0.25rem;
7
7
  --background: oklch(1 0 0);
8
8
  --foreground: oklch(0.227 0.006 258);
9
+ --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
9
10
  --card: oklch(1 0 0);
10
11
  --card-foreground: oklch(0.227 0.006 258);
11
12
  --popover: oklch(1 0 0);
@@ -73,6 +74,7 @@
73
74
  [data-nxgt-theme="slate"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="slate"] [data-nxgt-theme]:not([data-nxgt-theme="slate"]), [data-nxgt-theme="slate"] [data-nxgt-theme]:not([data-nxgt-theme="slate"]) *) {
74
75
  --background: oklch(0.15 0.026 273);
75
76
  --foreground: oklch(0.943 0.0042 258);
77
+ --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
76
78
  --card: oklch(0.19 0.0067 258);
77
79
  --card-foreground: oklch(0.943 0.0042 258);
78
80
  --popover: oklch(0.19 0.0067 258);
package/lib/themes/teal.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "teal", generated.
2
2
  * Seeds: primary oklch(0.5 0.105 185), secondary oklch(0.52 0.09 215), tertiary oklch(0.52 0.12 60), neutral hue 190, tint 0.8.
3
- * Contrast: 61 pairs, 0 failing.
3
+ * Contrast: 65 pairs, 0 failing.
4
4
  * chroma-lowered: primary: chroma 0.105 to 0.088 (lowered to fit sRGB or AA).
5
5
  * lightness-moved: secondary: lightness 0.520 to 0.507 for AA.
6
6
  * chroma-lowered: secondary: chroma 0.090 to 0.090 (lowered to fit sRGB or AA).
@@ -9,6 +9,7 @@
9
9
  --radius: 0.5rem;
10
10
  --background: oklch(1 0 0);
11
11
  --foreground: oklch(0.227 0.0136 190);
12
+ --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
12
13
  --card: oklch(1 0 0);
13
14
  --card-foreground: oklch(0.227 0.0136 190);
14
15
  --popover: oklch(1 0 0);
@@ -76,6 +77,7 @@
76
77
  [data-nxgt-theme="teal"] :is(.dark, [data-theme="dark"]):not([data-nxgt-theme="teal"] [data-nxgt-theme]:not([data-nxgt-theme="teal"]), [data-nxgt-theme="teal"] [data-nxgt-theme]:not([data-nxgt-theme="teal"]) *) {
77
78
  --background: oklch(0.15 0.026 273);
78
79
  --foreground: oklch(0.943 0.0096 190);
80
+ --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
79
81
  --card: oklch(0.19 0.0152 190);
80
82
  --card-foreground: oklch(0.943 0.0096 190);
81
83
  --popover: oklch(0.19 0.0152 190);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nxgt/material",
3
- "version": "3.22.0",
3
+ "version": "3.24.0",
4
4
  "license": "MIT",
5
5
  "bugs": {
6
6
  "email": "stevegires@gmail.com"
@@ -362,7 +362,7 @@
362
362
  "docs:previews": "rm -rf node_modules/.cache/nxgt-preview-free/missing && NXGT_PREVIEW_FREE=1 vitest run --project previews && bun .storybook/preview-free-report.ts"
363
363
  },
364
364
  "dependencies": {
365
- "@nxgt/material-core": "^0.34.0",
365
+ "@nxgt/material-core": "^0.35.0",
366
366
  "@base-ui/react": "^1.6.0",
367
367
  "@dnd-kit/core": "^6.3.1",
368
368
  "@dnd-kit/sortable": "^10.0.0",