@nxgt/material 3.53.0 → 3.54.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 (37) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/components/theme-tokens.css +19 -15
  3. package/dist/components/ui/overlays/dialog/dialog.css +2 -1
  4. package/dist/components/ui/overlays/popover/popover.css +3 -2
  5. package/dist/{components-DZPMvc1w.js → components-DFG2mgsM.js} +11222 -11215
  6. package/dist/components.js +1 -1
  7. package/dist/lib/components/ui/collections/data-grid/columns/row-meta.d.ts +2 -0
  8. package/dist/lib/components/ui/collections/data-grid/grid-meta.d.ts +10 -4
  9. package/dist/lib/components/ui/selection/switcher/partials/switcher-tooltip.d.ts +10 -2
  10. package/dist/main.js +1 -1
  11. package/dist/material.css +1 -1
  12. package/dist/styles.css +1 -0
  13. package/docs/components/navigation-and-layout.md +1 -1
  14. package/docs/components/selection-and-choice.md +1 -1
  15. package/docs/guides/data-grid.md +39 -2
  16. package/docs/guides/theming.md +8 -0
  17. package/docs/roadmap.md +3 -2
  18. package/docs/troubleshooting.md +15 -0
  19. package/lib/components/theme-tokens.css +19 -15
  20. package/lib/components/ui/overlays/dialog/dialog.css +2 -1
  21. package/lib/components/ui/overlays/popover/popover.css +3 -2
  22. package/lib/styles.css +1 -0
  23. package/lib/themes/ambre.css +8 -6
  24. package/lib/themes/ardoise.css +8 -6
  25. package/lib/themes/bleumono.css +8 -6
  26. package/lib/themes/bluemoon.css +8 -6
  27. package/lib/themes/corail.css +8 -6
  28. package/lib/themes/foret.css +8 -6
  29. package/lib/themes/lavande.css +8 -6
  30. package/lib/themes/menthe.css +8 -6
  31. package/lib/themes/ocean.css +8 -6
  32. package/lib/themes/pink.css +8 -6
  33. package/lib/themes/prune.css +8 -6
  34. package/lib/themes/sable.css +8 -6
  35. package/lib/themes/slate.css +8 -6
  36. package/lib/themes/teal.css +8 -6
  37. package/package.json +4 -4
@@ -11,6 +11,7 @@
11
11
  --foreground: oklch(0.227 0.0136 170);
12
12
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
13
13
  --card: oklch(1 0 0);
14
+ --card-edge: var(--border);
14
15
  --card-foreground: oklch(0.227 0.0136 170);
15
16
  --popover: oklch(1 0 0);
16
17
  --popover-foreground: oklch(0.227 0.0136 170);
@@ -78,9 +79,10 @@
78
79
  --background: oklch(0.15 0.026 273);
79
80
  --foreground: oklch(0.943 0.0096 170);
80
81
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
81
- --card: oklch(0.19 0.0152 170);
82
+ --card: oklch(0.22 0.0152 170);
83
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
82
84
  --card-foreground: oklch(0.943 0.0096 170);
83
- --popover: oklch(0.19 0.0152 170);
85
+ --popover: oklch(0.22 0.0152 170);
84
86
  --popover-foreground: oklch(0.943 0.0096 170);
85
87
  --primary: oklch(0.5 0.1013 168);
86
88
  --primary-foreground: oklch(0.995 0.002 170);
@@ -91,13 +93,13 @@
91
93
  --tertiary: oklch(0.7 0.11 120);
92
94
  --tertiary-foreground: oklch(0.15 0.026 273);
93
95
  --strix: oklch(0.52 0.11 120);
94
- --muted: oklch(0.228 0.0176 170);
96
+ --muted: oklch(0.258 0.0176 170);
95
97
  --muted-foreground: oklch(0.725 0.024 170);
96
98
  --track: oklch(0.53 0.024 170);
97
99
  --track-fill: oklch(0.85 0.09 168);
98
100
  --tooltip: oklch(0.925 0.0096 170);
99
101
  --tooltip-foreground: oklch(0.446 0.0344 170);
100
- --accent: oklch(0.25 0.0176 170);
102
+ --accent: oklch(0.28 0.0176 170);
101
103
  --accent-foreground: oklch(0.943 0.0096 170);
102
104
  --error: oklch(0.577 0.245 27.33);
103
105
  --error-foreground: oklch(0.995 0.002 170);
@@ -109,8 +111,8 @@
109
111
  --warning: oklch(0.7 0.15 70);
110
112
  --warning-foreground: oklch(0.995 0.002 170);
111
113
  --destructive: oklch(0.704 0.191 22.216);
112
- --border: oklch(0.259 0.02 170);
113
- --input: oklch(0.298 0.0216 170);
114
+ --border: oklch(0.289 0.02 170);
115
+ --input: oklch(0.328 0.0216 170);
114
116
  --ring: oklch(0.551 0.024 170);
115
117
  --sidebar: oklch(0.19 0.0152 170);
116
118
  --sidebar-foreground: oklch(0.943 0.0096 170);
@@ -11,6 +11,7 @@
11
11
  --foreground: oklch(0.227 0.0153 230);
12
12
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
13
13
  --card: oklch(1 0 0);
14
+ --card-edge: var(--border);
14
15
  --card-foreground: oklch(0.227 0.0153 230);
15
16
  --popover: oklch(1 0 0);
16
17
  --popover-foreground: oklch(0.227 0.0153 230);
@@ -78,9 +79,10 @@
78
79
  --background: oklch(0.15 0.026 273);
79
80
  --foreground: oklch(0.943 0.0108 230);
80
81
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
81
- --card: oklch(0.19 0.0171 230);
82
+ --card: oklch(0.22 0.0171 230);
83
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
82
84
  --card-foreground: oklch(0.943 0.0108 230);
83
- --popover: oklch(0.19 0.0171 230);
85
+ --popover: oklch(0.22 0.0171 230);
84
86
  --popover-foreground: oklch(0.943 0.0108 230);
85
87
  --primary: oklch(0.5 0.0976 228);
86
88
  --primary-foreground: oklch(0.995 0.002 230);
@@ -91,13 +93,13 @@
91
93
  --tertiary: oklch(0.7 0.13 268);
92
94
  --tertiary-foreground: oklch(0.15 0.026 273);
93
95
  --strix: oklch(0.5 0.13 268);
94
- --muted: oklch(0.228 0.0198 230);
96
+ --muted: oklch(0.258 0.0198 230);
95
97
  --muted-foreground: oklch(0.725 0.027 230);
96
98
  --track: oklch(0.53 0.027 230);
97
99
  --track-fill: oklch(0.85 0.09 228);
98
100
  --tooltip: oklch(0.925 0.0108 230);
99
101
  --tooltip-foreground: oklch(0.446 0.0387 230);
100
- --accent: oklch(0.25 0.0198 230);
102
+ --accent: oklch(0.28 0.0198 230);
101
103
  --accent-foreground: oklch(0.943 0.0108 230);
102
104
  --error: oklch(0.577 0.245 27.33);
103
105
  --error-foreground: oklch(0.995 0.002 230);
@@ -109,8 +111,8 @@
109
111
  --warning: oklch(0.7 0.15 70);
110
112
  --warning-foreground: oklch(0.995 0.002 230);
111
113
  --destructive: oklch(0.704 0.191 22.216);
112
- --border: oklch(0.259 0.0225 230);
113
- --input: oklch(0.298 0.0243 230);
114
+ --border: oklch(0.289 0.0225 230);
115
+ --input: oklch(0.328 0.0243 230);
114
116
  --ring: oklch(0.551 0.027 230);
115
117
  --sidebar: oklch(0.19 0.0171 230);
116
118
  --sidebar-foreground: oklch(0.943 0.0108 230);
@@ -9,6 +9,7 @@
9
9
  --foreground: oklch(0.227 0.0119 345);
10
10
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
11
11
  --card: oklch(1 0 0);
12
+ --card-edge: var(--border);
12
13
  --card-foreground: oklch(0.227 0.0119 345);
13
14
  --popover: oklch(1 0 0);
14
15
  --popover-foreground: oklch(0.227 0.0119 345);
@@ -76,9 +77,10 @@
76
77
  --background: oklch(0.15 0.026 273);
77
78
  --foreground: oklch(0.943 0.0084 345);
78
79
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
79
- --card: oklch(0.19 0.0133 345);
80
+ --card: oklch(0.22 0.0133 345);
81
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
80
82
  --card-foreground: oklch(0.943 0.0084 345);
81
- --popover: oklch(0.19 0.0133 345);
83
+ --popover: oklch(0.22 0.0133 345);
82
84
  --popover-foreground: oklch(0.943 0.0084 345);
83
85
  --primary: oklch(0.55 0.2 345);
84
86
  --primary-foreground: oklch(0.995 0.002 345);
@@ -89,13 +91,13 @@
89
91
  --tertiary: oklch(0.7 0.1 200);
90
92
  --tertiary-foreground: oklch(0.15 0.026 273);
91
93
  --strix: oklch(0.5 0.085 200);
92
- --muted: oklch(0.228 0.0154 345);
94
+ --muted: oklch(0.258 0.0154 345);
93
95
  --muted-foreground: oklch(0.725 0.021 345);
94
96
  --track: oklch(0.53 0.021 345);
95
97
  --track-fill: oklch(0.85 0.09 345);
96
98
  --tooltip: oklch(0.925 0.0084 345);
97
99
  --tooltip-foreground: oklch(0.446 0.0301 345);
98
- --accent: oklch(0.25 0.0154 345);
100
+ --accent: oklch(0.28 0.0154 345);
99
101
  --accent-foreground: oklch(0.943 0.0084 345);
100
102
  --error: oklch(0.577 0.245 27.33);
101
103
  --error-foreground: oklch(0.995 0.002 345);
@@ -107,8 +109,8 @@
107
109
  --warning: oklch(0.7 0.15 70);
108
110
  --warning-foreground: oklch(0.995 0.002 345);
109
111
  --destructive: oklch(0.704 0.191 22.216);
110
- --border: oklch(0.259 0.0175 345);
111
- --input: oklch(0.298 0.0189 345);
112
+ --border: oklch(0.289 0.0175 345);
113
+ --input: oklch(0.328 0.0189 345);
112
114
  --ring: oklch(0.551 0.021 345);
113
115
  --sidebar: oklch(0.19 0.0133 345);
114
116
  --sidebar-foreground: oklch(0.943 0.0084 345);
@@ -8,6 +8,7 @@
8
8
  --foreground: oklch(0.227 0.017 330);
9
9
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
10
10
  --card: oklch(1 0 0);
11
+ --card-edge: var(--border);
11
12
  --card-foreground: oklch(0.227 0.017 330);
12
13
  --popover: oklch(1 0 0);
13
14
  --popover-foreground: oklch(0.227 0.017 330);
@@ -75,9 +76,10 @@
75
76
  --background: oklch(0.15 0.026 273);
76
77
  --foreground: oklch(0.943 0.012 330);
77
78
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
78
- --card: oklch(0.19 0.019 330);
79
+ --card: oklch(0.22 0.019 330);
80
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
79
81
  --card-foreground: oklch(0.943 0.012 330);
80
- --popover: oklch(0.19 0.019 330);
82
+ --popover: oklch(0.22 0.019 330);
81
83
  --popover-foreground: oklch(0.943 0.012 330);
82
84
  --primary: oklch(0.42 0.15 330);
83
85
  --primary-foreground: oklch(0.995 0.002 330);
@@ -88,13 +90,13 @@
88
90
  --tertiary: oklch(0.7 0.1 85);
89
91
  --tertiary-foreground: oklch(0.15 0.026 273);
90
92
  --strix: oklch(0.55 0.1 85);
91
- --muted: oklch(0.228 0.022 330);
93
+ --muted: oklch(0.258 0.022 330);
92
94
  --muted-foreground: oklch(0.725 0.03 330);
93
95
  --track: oklch(0.53 0.03 330);
94
96
  --track-fill: oklch(0.85 0.09 330);
95
97
  --tooltip: oklch(0.925 0.012 330);
96
98
  --tooltip-foreground: oklch(0.446 0.043 330);
97
- --accent: oklch(0.25 0.022 330);
99
+ --accent: oklch(0.28 0.022 330);
98
100
  --accent-foreground: oklch(0.943 0.012 330);
99
101
  --error: oklch(0.577 0.245 27.33);
100
102
  --error-foreground: oklch(0.995 0.002 330);
@@ -106,8 +108,8 @@
106
108
  --warning: oklch(0.7 0.15 70);
107
109
  --warning-foreground: oklch(0.995 0.002 330);
108
110
  --destructive: oklch(0.704 0.191 22.216);
109
- --border: oklch(0.259 0.025 330);
110
- --input: oklch(0.298 0.027 330);
111
+ --border: oklch(0.289 0.025 330);
112
+ --input: oklch(0.328 0.027 330);
111
113
  --ring: oklch(0.551 0.03 330);
112
114
  --sidebar: oklch(0.19 0.019 330);
113
115
  --sidebar-foreground: oklch(0.943 0.012 330);
@@ -8,6 +8,7 @@
8
8
  --foreground: oklch(0.227 0.0085 75);
9
9
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
10
10
  --card: oklch(1 0 0);
11
+ --card-edge: var(--border);
11
12
  --card-foreground: oklch(0.227 0.0085 75);
12
13
  --popover: oklch(1 0 0);
13
14
  --popover-foreground: oklch(0.227 0.0085 75);
@@ -75,9 +76,10 @@
75
76
  --background: oklch(0.15 0.026 273);
76
77
  --foreground: oklch(0.943 0.006 75);
77
78
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
78
- --card: oklch(0.19 0.0095 75);
79
+ --card: oklch(0.22 0.0095 75);
80
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
79
81
  --card-foreground: oklch(0.943 0.006 75);
80
- --popover: oklch(0.19 0.0095 75);
82
+ --popover: oklch(0.22 0.0095 75);
81
83
  --popover-foreground: oklch(0.943 0.006 75);
82
84
  --primary: oklch(0.5 0.06 70);
83
85
  --primary-foreground: oklch(0.995 0.002 75);
@@ -88,13 +90,13 @@
88
90
  --tertiary: oklch(0.7 0.07 150);
89
91
  --tertiary-foreground: oklch(0.15 0.026 273);
90
92
  --strix: oklch(0.5 0.07 150);
91
- --muted: oklch(0.228 0.011 75);
93
+ --muted: oklch(0.258 0.011 75);
92
94
  --muted-foreground: oklch(0.725 0.015 75);
93
95
  --track: oklch(0.53 0.015 75);
94
96
  --track-fill: oklch(0.85 0.09 70);
95
97
  --tooltip: oklch(0.925 0.006 75);
96
98
  --tooltip-foreground: oklch(0.446 0.0215 75);
97
- --accent: oklch(0.25 0.011 75);
99
+ --accent: oklch(0.28 0.011 75);
98
100
  --accent-foreground: oklch(0.943 0.006 75);
99
101
  --error: oklch(0.577 0.245 27.33);
100
102
  --error-foreground: oklch(0.995 0.002 75);
@@ -106,8 +108,8 @@
106
108
  --warning: oklch(0.7 0.15 70);
107
109
  --warning-foreground: oklch(0.995 0.002 75);
108
110
  --destructive: oklch(0.704 0.191 22.216);
109
- --border: oklch(0.259 0.0125 75);
110
- --input: oklch(0.298 0.0135 75);
111
+ --border: oklch(0.289 0.0125 75);
112
+ --input: oklch(0.328 0.0135 75);
111
113
  --ring: oklch(0.551 0.015 75);
112
114
  --sidebar: oklch(0.19 0.0095 75);
113
115
  --sidebar-foreground: oklch(0.943 0.006 75);
@@ -8,6 +8,7 @@
8
8
  --foreground: oklch(0.227 0.006 258);
9
9
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
10
10
  --card: oklch(1 0 0);
11
+ --card-edge: var(--border);
11
12
  --card-foreground: oklch(0.227 0.006 258);
12
13
  --popover: oklch(1 0 0);
13
14
  --popover-foreground: oklch(0.227 0.006 258);
@@ -75,9 +76,10 @@
75
76
  --background: oklch(0.15 0.026 273);
76
77
  --foreground: oklch(0.943 0.0042 258);
77
78
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
78
- --card: oklch(0.19 0.0067 258);
79
+ --card: oklch(0.22 0.0067 258);
80
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
79
81
  --card-foreground: oklch(0.943 0.0042 258);
80
- --popover: oklch(0.19 0.0067 258);
82
+ --popover: oklch(0.22 0.0067 258);
81
83
  --popover-foreground: oklch(0.943 0.0042 258);
82
84
  --primary: oklch(0.4 0.025 258);
83
85
  --primary-foreground: oklch(0.995 0.002 258);
@@ -88,13 +90,13 @@
88
90
  --tertiary: oklch(0.7 0.045 275);
89
91
  --tertiary-foreground: oklch(0.15 0.026 273);
90
92
  --strix: oklch(0.46 0.045 275);
91
- --muted: oklch(0.228 0.0077 258);
93
+ --muted: oklch(0.258 0.0077 258);
92
94
  --muted-foreground: oklch(0.725 0.0105 258);
93
95
  --track: oklch(0.53 0.0105 258);
94
96
  --track-fill: oklch(0.85 0.09 258);
95
97
  --tooltip: oklch(0.925 0.0042 258);
96
98
  --tooltip-foreground: oklch(0.446 0.015 258);
97
- --accent: oklch(0.25 0.0077 258);
99
+ --accent: oklch(0.28 0.0077 258);
98
100
  --accent-foreground: oklch(0.943 0.0042 258);
99
101
  --error: oklch(0.577 0.245 27.33);
100
102
  --error-foreground: oklch(0.995 0.002 258);
@@ -106,8 +108,8 @@
106
108
  --warning: oklch(0.7 0.15 70);
107
109
  --warning-foreground: oklch(0.995 0.002 258);
108
110
  --destructive: oklch(0.704 0.191 22.216);
109
- --border: oklch(0.259 0.0087 258);
110
- --input: oklch(0.298 0.0095 258);
111
+ --border: oklch(0.289 0.0087 258);
112
+ --input: oklch(0.328 0.0095 258);
111
113
  --ring: oklch(0.551 0.0105 258);
112
114
  --sidebar: oklch(0.19 0.0067 258);
113
115
  --sidebar-foreground: oklch(0.943 0.0042 258);
@@ -11,6 +11,7 @@
11
11
  --foreground: oklch(0.227 0.0136 190);
12
12
  --ground: color-mix(in oklab, var(--primary) 7%, var(--background));
13
13
  --card: oklch(1 0 0);
14
+ --card-edge: var(--border);
14
15
  --card-foreground: oklch(0.227 0.0136 190);
15
16
  --popover: oklch(1 0 0);
16
17
  --popover-foreground: oklch(0.227 0.0136 190);
@@ -78,9 +79,10 @@
78
79
  --background: oklch(0.15 0.026 273);
79
80
  --foreground: oklch(0.943 0.0096 190);
80
81
  --ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
81
- --card: oklch(0.19 0.0152 190);
82
+ --card: oklch(0.22 0.0152 190);
83
+ --card-edge: color-mix(in oklab, white 8%, var(--card));
82
84
  --card-foreground: oklch(0.943 0.0096 190);
83
- --popover: oklch(0.19 0.0152 190);
85
+ --popover: oklch(0.22 0.0152 190);
84
86
  --popover-foreground: oklch(0.943 0.0096 190);
85
87
  --primary: oklch(0.5 0.0881 185);
86
88
  --primary-foreground: oklch(0.995 0.002 190);
@@ -91,13 +93,13 @@
91
93
  --tertiary: oklch(0.7 0.12 60);
92
94
  --tertiary-foreground: oklch(0.15 0.026 273);
93
95
  --strix: oklch(0.52 0.12 60);
94
- --muted: oklch(0.228 0.0176 190);
96
+ --muted: oklch(0.258 0.0176 190);
95
97
  --muted-foreground: oklch(0.725 0.024 190);
96
98
  --track: oklch(0.53 0.024 190);
97
99
  --track-fill: oklch(0.85 0.09 185);
98
100
  --tooltip: oklch(0.925 0.0096 190);
99
101
  --tooltip-foreground: oklch(0.446 0.0344 190);
100
- --accent: oklch(0.25 0.0176 190);
102
+ --accent: oklch(0.28 0.0176 190);
101
103
  --accent-foreground: oklch(0.943 0.0096 190);
102
104
  --error: oklch(0.577 0.245 27.33);
103
105
  --error-foreground: oklch(0.995 0.002 190);
@@ -109,8 +111,8 @@
109
111
  --warning: oklch(0.7 0.15 70);
110
112
  --warning-foreground: oklch(0.995 0.002 190);
111
113
  --destructive: oklch(0.704 0.191 22.216);
112
- --border: oklch(0.259 0.02 190);
113
- --input: oklch(0.298 0.0216 190);
114
+ --border: oklch(0.289 0.02 190);
115
+ --input: oklch(0.328 0.0216 190);
114
116
  --ring: oklch(0.551 0.024 190);
115
117
  --sidebar: oklch(0.19 0.0152 190);
116
118
  --sidebar-foreground: oklch(0.943 0.0096 190);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nxgt/material",
3
- "version": "3.53.0",
3
+ "version": "3.54.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.41.0",
365
+ "@nxgt/material-core": "^0.42.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",
@@ -449,7 +449,7 @@
449
449
  "@fontsource-variable/inter": "^5",
450
450
  "@fortawesome/fontawesome-free": "7.3.1",
451
451
  "@nxgt/material-testing": "0.0.0",
452
- "@nxgt/playwright": "^0.9.6",
452
+ "@nxgt/playwright": "^0.9.7",
453
453
  "@react-leaflet/core": "^3.0.0",
454
454
  "@react-pdf/renderer": "^4.9.0",
455
455
  "@storybook/addon-a11y": "10.6.0",
@@ -462,7 +462,7 @@
462
462
  "@tiptap/extension-collaboration": "3.31.3",
463
463
  "@tiptap/extension-collaboration-caret": "3.31.3",
464
464
  "@tiptap/y-tiptap": "3.0.7",
465
- "@types/bun": "^1.4.3",
465
+ "@types/bun": "^1.4.4",
466
466
  "@types/d3-scale": "^4.0.9",
467
467
  "@types/d3-shape": "^3.1.8",
468
468
  "@types/hast": "^3.0.4",