@nxgt/material 3.7.5 → 3.8.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 (176) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +39 -6
  3. package/bin/nxgt-theme.js +6 -0
  4. package/dist/{async-slice-o_fpqeGX.js → async-slice-DDjaJY_F.js} +2 -2
  5. package/dist/background--Bf_EbFR.js +159 -0
  6. package/dist/backgrounds/backgrounds.css +2 -0
  7. package/dist/backgrounds/css-react/moon.css +97 -0
  8. package/dist/backgrounds.js +3 -139
  9. package/dist/browser-only-DQ94lWF8.js +18 -0
  10. package/dist/bubble-input-B7BVd9fX.js +237 -0
  11. package/dist/{button--cF4gY14.js → button-DbfdITBB.js} +51 -57
  12. package/dist/charts.js +3 -3
  13. package/dist/{chip-D1B1dL77.js → chip-DpySRqCy.js} +2 -2
  14. package/dist/{client-only.utils-lQ7GqP8w.js → client-only.utils-3nHNzCki.js} +1 -1
  15. package/dist/{code-editor-0CdGwKDg.js → code-editor-BiA14xua.js} +7 -7
  16. package/dist/code-editor.js +6 -6
  17. package/dist/{code-language-items-CGARRbVm.js → code-language-items-C_dJ6GVs.js} +2 -2
  18. package/dist/components/theme-tokens.css +34 -35
  19. package/dist/components/tones/app-tones.css +2 -1
  20. package/dist/components/tones/containers.css +4 -1
  21. package/dist/components/tones/index.css +2 -0
  22. package/dist/components/tones/surface.css +1 -0
  23. package/dist/components/tones/tokens.css +8 -3
  24. package/dist/components/tones/zone-paint.css +15 -0
  25. package/dist/components/ui/feedback/toast/toast-tokens.css +1 -0
  26. package/dist/components/ui/layout/app-shell/activity-backdrop.css +26 -0
  27. package/dist/components/ui/layout/sidebar/sidebar-tokens.css +5 -2
  28. package/dist/components/ui/media/media-player/nxgt-media-player.css +7 -32
  29. package/dist/components/ui/primitives/field-box/field-box-tokens.css +5 -2
  30. package/dist/{components-CDrQCOsU.js → components-B9EIfMdd.js} +18622 -18531
  31. package/dist/components.js +24 -22
  32. package/dist/{dialog-DdJ1C4BR.js → dialog-CkIYpJXk.js} +55 -53
  33. package/dist/dist-B7RjY7SL.js +158 -0
  34. package/dist/dist-C4wtXCjf.js +593 -0
  35. package/dist/dist-DVRQkaTK.js +111 -0
  36. package/dist/dist-lmHmz_bu.js +419 -0
  37. package/dist/dnd.js +1 -1
  38. package/dist/dropdown-menu-BC5Tbhb9.js +908 -0
  39. package/dist/editor.js +527 -527
  40. package/dist/empty-state-s2CSjKXJ.js +126 -0
  41. package/dist/{escape-owner-B8k7DvFa.js → escape-owner-CripBce_.js} +2 -1
  42. package/dist/{field-blur-DFUazxsL.js → field-blur-DPLsMufs.js} +1 -1
  43. package/dist/{field-blur-context-Dw9ZAgBr.js → field-blur-context-1ZwJgsHE.js} +2 -2
  44. package/dist/has-text-content-Ds2dkHX_.js +10 -0
  45. package/dist/hooks.js +35 -33
  46. package/dist/{hover-card-D5iHS9q1.js → hover-card-Cox-tPDz.js} +41 -39
  47. package/dist/{i18n-provider-C6SBK_nO.js → i18n-provider-C6HhBw34.js} +1 -1
  48. package/dist/i18n.js +6 -6
  49. package/dist/{icon-badge-Bb5-73XP.js → icon-badge-q3Ve8gra.js} +3 -3
  50. package/dist/{icon-button-5A6Mrj6w.js → icon-button-DJcWpIhu.js} +2 -1
  51. package/dist/{in-dialog-AiwTD3DK.js → in-dialog-Vwkyp-M5.js} +6 -5
  52. package/dist/lib/backgrounds/background/available.d.ts +3 -3
  53. package/dist/lib/backgrounds/background/background.d.ts +7 -3
  54. package/dist/lib/backgrounds/background/types.d.ts +7 -1
  55. package/dist/lib/backgrounds/index.d.ts +1 -1
  56. package/dist/lib/components/ui/layout/app-shell/activity-chrome.d.ts +17 -0
  57. package/dist/lib/components/ui/layout/app-shell/activity-layout.d.ts +6 -4
  58. package/dist/lib/components/ui/layout/app-shell/backdrop-layer.d.ts +11 -0
  59. package/dist/lib/components/ui/layout/app-shell/keep-shapes-inside.d.ts +17 -0
  60. package/dist/lib/components/ui/layout/app-shell/theme-backdrop.d.ts +6 -0
  61. package/dist/lib/components/ui/layout/app-shell/use-activity-backdrop.d.ts +18 -0
  62. package/dist/lib/components/ui/layout/app-shell/use-keep-shapes-inside.d.ts +9 -0
  63. package/dist/lib/hooks/resolve-theme.d.ts +46 -1
  64. package/dist/lib/hooks/theme-store.d.ts +35 -4
  65. package/dist/lib/hooks/use-theme.d.ts +20 -4
  66. package/dist/lib/i18n/resources/en/en.d.ts +4 -0
  67. package/dist/lib/i18n/resources/en/material.json.d.ts +4 -0
  68. package/dist/lib/i18n/resources/fr/fr.d.ts +4 -0
  69. package/dist/lib/i18n/resources/fr/material.json.d.ts +4 -0
  70. package/dist/lib/i18n/resources/resources.d.ts +8 -0
  71. package/dist/lib/i18n/translator.d.ts +1 -1
  72. package/dist/lib/theme-picker/index.d.ts +7 -0
  73. package/dist/lib/theme-picker/partials/mini-background.d.ts +10 -0
  74. package/dist/lib/theme-picker/partials/mode-control.d.ts +5 -0
  75. package/dist/lib/theme-picker/partials/theme-tile.d.ts +12 -0
  76. package/dist/lib/theme-picker/theme-label.d.ts +7 -0
  77. package/dist/lib/theme-picker/theme-picker.d.ts +25 -0
  78. package/dist/lib/themes/index.d.ts +14 -0
  79. package/dist/lib/themes/nxgt-theme-provider.d.ts +29 -0
  80. package/dist/lib/themes/nxgt-theme.d.ts +22 -0
  81. package/dist/lib/themes/theme-context.d.ts +28 -0
  82. package/dist/lib/themes/theme-value.d.ts +5 -0
  83. package/dist/lib/vite/index.d.ts +1 -1
  84. package/dist/lib.js +3 -3
  85. package/dist/main.js +43 -39
  86. package/dist/map.js +8 -8
  87. package/dist/material.css +1 -1
  88. package/dist/nxgt-theme-CgSb9Obl.js +37 -0
  89. package/dist/pdf-reader.js +1 -1
  90. package/dist/print.js +2 -2
  91. package/dist/{public-SsiazLEv.js → public-Ce30uvp0.js} +591 -587
  92. package/dist/read-storage-C2J90bNm.js +10 -0
  93. package/dist/{rich-code-block-CwNwQs5z.js → rich-code-block-C2Fp_FDU.js} +5 -5
  94. package/dist/{sortable-provider-BvD98s8Y.js → sortable-provider-pVaEZzty.js} +3 -3
  95. package/dist/{spinner-CtGCPza-.js → spinner-CsHcmcpF.js} +2 -2
  96. package/dist/{stored-language-Bb7yX5uE.js → stored-language-BeIKw3-K.js} +15 -15
  97. package/dist/styles.css +8 -1
  98. package/dist/theme-context-BagPvRcz.js +16 -0
  99. package/dist/theme-picker.js +118 -0
  100. package/dist/theme-store-CSl51uNH.js +91 -0
  101. package/dist/theme-toggle-C8os82b4.js +48 -0
  102. package/dist/themes.js +42 -0
  103. package/dist/toggle-group-j8zaxEg1.js +69 -0
  104. package/dist/{toolbar-items-DsDDD5AY.js → toolbar-items-CqHvlTU8.js} +443 -589
  105. package/dist/tooltip-rhbqNmr3.js +1064 -0
  106. package/dist/{translate-material-Bsjc4Tow.js → translate-material-CGZljjp1.js} +2 -2
  107. package/dist/{translator-or2y0JJB.js → translator-DCYO4Ij3.js} +3 -3
  108. package/dist/{use-background-activity-B8jLHNop.js → use-background-activity-KxQgelFF.js} +1 -1
  109. package/dist/{use-chat-composer-DZ01a16D.js → use-chat-composer-CDrgWGMM.js} +4684 -4886
  110. package/dist/{use-heading-spy-ByOQNnFZ.js → use-heading-spy-DXo6IOX9.js} +52 -121
  111. package/dist/{use-material-translation-hLQzOjF0.js → use-material-translation-DkxcLbLM.js} +2 -2
  112. package/dist/use-slice-reducer-BGkeGtML.js +42 -0
  113. package/dist/use-theme-Cd-aiDJo.js +31 -0
  114. package/docs/README.md +2 -1
  115. package/docs/components/foundations.md +39 -0
  116. package/docs/components/navigation-and-layout.md +3 -3
  117. package/docs/getting-started.md +1 -1
  118. package/docs/guides/app-shell.md +41 -6
  119. package/docs/guides/backgrounds.md +43 -7
  120. package/docs/guides/i18n.md +1 -1
  121. package/docs/guides/themes.md +103 -0
  122. package/docs/guides/theming.md +288 -84
  123. package/docs/guides/vite-plugin.md +26 -0
  124. package/docs/previews/backgrounds-background-from-theme.webp +0 -0
  125. package/docs/previews/backgrounds-geometry-more.webp +0 -0
  126. package/docs/previews/backgrounds-geometry.webp +0 -0
  127. package/docs/previews/backgrounds-illustrated-scenes.webp +0 -0
  128. package/docs/previews/backgrounds-light-more.webp +0 -0
  129. package/docs/previews/backgrounds-light.webp +0 -0
  130. package/docs/previews/backgrounds-material-more.webp +0 -0
  131. package/docs/previews/backgrounds-matrix.webp +0 -0
  132. package/docs/previews/backgrounds-moon.webp +0 -0
  133. package/docs/previews/backgrounds-motif-shapes.webp +0 -0
  134. package/docs/previews/backgrounds-motifs.webp +0 -0
  135. package/docs/previews/foundations-themes-themepicker.webp +0 -0
  136. package/docs/roadmap.md +25 -0
  137. package/docs/troubleshooting.md +35 -7
  138. package/lib/backgrounds/backgrounds.css +2 -0
  139. package/lib/backgrounds/css-react/moon.css +97 -0
  140. package/lib/components/theme-tokens.css +34 -35
  141. package/lib/components/tones/app-tones.css +2 -1
  142. package/lib/components/tones/containers.css +4 -1
  143. package/lib/components/tones/index.css +2 -0
  144. package/lib/components/tones/surface.css +1 -0
  145. package/lib/components/tones/tokens.css +8 -3
  146. package/lib/components/tones/zone-paint.css +15 -0
  147. package/lib/components/ui/feedback/toast/toast-tokens.css +1 -0
  148. package/lib/components/ui/layout/app-shell/activity-backdrop.css +26 -0
  149. package/lib/components/ui/layout/sidebar/sidebar-tokens.css +5 -2
  150. package/lib/components/ui/media/media-player/nxgt-media-player.css +7 -32
  151. package/lib/components/ui/primitives/field-box/field-box-tokens.css +5 -2
  152. package/lib/styles.css +8 -1
  153. package/lib/theme-picker/theme-picker-list.css +29 -0
  154. package/lib/theme-picker/theme-picker.css +192 -0
  155. package/lib/theme-picker/theme-tile-background.css +77 -0
  156. package/lib/theme-picker/theme-tile-textures-night.css +63 -0
  157. package/lib/theme-picker/theme-tile-textures.css +153 -0
  158. package/lib/themes/ambre.css +134 -0
  159. package/lib/themes/ardoise.css +133 -0
  160. package/lib/themes/bleumono.css +136 -0
  161. package/lib/themes/bluemoon.css +136 -0
  162. package/lib/themes/corail.css +136 -0
  163. package/lib/themes/foret.css +133 -0
  164. package/lib/themes/lavande.css +133 -0
  165. package/lib/themes/menthe.css +136 -0
  166. package/lib/themes/ocean.css +136 -0
  167. package/lib/themes/pink.css +134 -0
  168. package/lib/themes/prune.css +133 -0
  169. package/lib/themes/sable.css +133 -0
  170. package/lib/themes/slate.css +133 -0
  171. package/lib/themes/teal.css +137 -0
  172. package/package.json +30 -2
  173. package/dist/dropdown-menu-DWtgUVW7.js +0 -1490
  174. package/dist/empty-state-CRWLQ1sM.js +0 -191
  175. package/dist/tooltip-tmFoTU_d.js +0 -1582
  176. package/dist/use-slice-reducer-0r5dXnJe.js +0 -58
@@ -0,0 +1,133 @@
1
+ /* Theme "sable", generated.
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.
4
+ */
5
+ [data-nxgt-theme="sable"] {
6
+ --radius: 0.5rem;
7
+ --background: oklch(1 0 0);
8
+ --foreground: oklch(0.227 0.0085 75);
9
+ --card: oklch(1 0 0);
10
+ --card-foreground: oklch(0.227 0.0085 75);
11
+ --popover: oklch(1 0 0);
12
+ --popover-foreground: oklch(0.227 0.0085 75);
13
+ --primary: oklch(0.5 0.06 70);
14
+ --primary-foreground: oklch(0.984 0.003 75);
15
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
16
+ --primary-indicator: var(--primary);
17
+ --secondary: oklch(0.5 0.05 45);
18
+ --secondary-foreground: oklch(0.984 0.003 75);
19
+ --tertiary: var(--strix);
20
+ --tertiary-foreground: oklch(0.984 0.003 75);
21
+ --strix: oklch(0.5 0.07 150);
22
+ --muted: oklch(0.955 0.006 75);
23
+ --muted-foreground: oklch(0.478 0.016 75);
24
+ --track: oklch(0.955 0.006 75);
25
+ --track-fill: var(--primary);
26
+ --tooltip: oklch(0.446 0.0215 75);
27
+ --tooltip-foreground: oklch(1 0 0);
28
+ --accent: oklch(0.91 0.008 75);
29
+ --accent-foreground: oklch(0.227 0.0085 75);
30
+ --error: oklch(0.56 0.245 27.33);
31
+ --error-foreground: oklch(0.984 0.003 75);
32
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
33
+ --success: oklch(0.46 0.118 184.7);
34
+ --success-foreground: oklch(0.984 0.003 75);
35
+ --info: oklch(0.48 0.165 254.62);
36
+ --info-foreground: oklch(0.984 0.003 75);
37
+ --warning: oklch(0.52 0.13 62);
38
+ --warning-foreground: oklch(0.984 0.003 75);
39
+ --destructive: var(--error);
40
+ --border: oklch(0.912 0.008 75);
41
+ --input: oklch(0.912 0.008 75);
42
+ --ring: oklch(0.62 0.02 75);
43
+ --sidebar: oklch(0.985 0.003 75);
44
+ --sidebar-foreground: oklch(0.227 0.0085 75);
45
+ --sidebar-primary: oklch(0.227 0.0085 75);
46
+ --sidebar-primary-foreground: oklch(0.984 0.003 75);
47
+ --sidebar-accent: oklch(0.955 0.006 75);
48
+ --sidebar-accent-foreground: oklch(0.227 0.0085 75);
49
+ --sidebar-border: oklch(0.912 0.008 75);
50
+ --sidebar-ring: oklch(0.62 0.02 75);
51
+ --chart-1: oklch(0.646 0.222 41.116);
52
+ --chart-2: oklch(0.6 0.118 184.704);
53
+ --chart-3: oklch(0.398 0.07 227.392);
54
+ --chart-4: oklch(0.6 0.2 300);
55
+ --chart-5: oklch(0.769 0.188 70.08);
56
+ --chart-soft-1: oklch(0.9 0.045 255);
57
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
58
+ --chart-soft-2: oklch(0.91 0.05 180);
59
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
60
+ --chart-soft-3: oklch(0.93 0.06 80);
61
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
62
+ --chart-soft-4: oklch(0.9 0.06 310);
63
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
64
+ --chart-soft-5: oklch(0.9 0.05 25);
65
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
66
+ --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
67
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
68
+ font-family: var(--font-sans);
69
+ }
70
+
71
+ [data-nxgt-theme="sable"]:is(.dark, [data-theme="dark"]),
72
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="sable"],
73
+ [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
+ --background: oklch(0.15 0.026 273);
75
+ --foreground: oklch(0.943 0.006 75);
76
+ --card: oklch(0.19 0.0095 75);
77
+ --card-foreground: oklch(0.943 0.006 75);
78
+ --popover: oklch(0.19 0.0095 75);
79
+ --popover-foreground: oklch(0.943 0.006 75);
80
+ --primary: oklch(0.5 0.06 70);
81
+ --primary-foreground: oklch(0.995 0.002 75);
82
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
83
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
84
+ --secondary: oklch(0.675 0.05 45);
85
+ --secondary-foreground: oklch(0.995 0.002 75);
86
+ --tertiary: oklch(0.7 0.07 150);
87
+ --tertiary-foreground: oklch(0.15 0.026 273);
88
+ --strix: oklch(0.5 0.07 150);
89
+ --muted: oklch(0.228 0.011 75);
90
+ --muted-foreground: oklch(0.725 0.015 75);
91
+ --track: oklch(0.53 0.015 75);
92
+ --track-fill: oklch(0.85 0.09 70);
93
+ --tooltip: oklch(0.925 0.006 75);
94
+ --tooltip-foreground: oklch(0.446 0.0215 75);
95
+ --accent: oklch(0.25 0.011 75);
96
+ --accent-foreground: oklch(0.943 0.006 75);
97
+ --error: oklch(0.577 0.245 27.33);
98
+ --error-foreground: oklch(0.995 0.002 75);
99
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
100
+ --success: oklch(0.6 0.118 184.7);
101
+ --success-foreground: oklch(0.995 0.002 75);
102
+ --info: oklch(0.707 0.165 254.62);
103
+ --info-foreground: oklch(0.995 0.002 75);
104
+ --warning: oklch(0.7 0.15 70);
105
+ --warning-foreground: oklch(0.995 0.002 75);
106
+ --destructive: oklch(0.704 0.191 22.216);
107
+ --border: oklch(0.259 0.0125 75);
108
+ --input: oklch(0.298 0.0135 75);
109
+ --ring: oklch(0.551 0.015 75);
110
+ --sidebar: oklch(0.19 0.0095 75);
111
+ --sidebar-foreground: oklch(0.943 0.006 75);
112
+ --sidebar-primary: var(--primary);
113
+ --sidebar-primary-foreground: oklch(0.995 0.002 75);
114
+ --sidebar-accent: oklch(0.228 0.011 75);
115
+ --sidebar-accent-foreground: oklch(0.943 0.006 75);
116
+ --sidebar-border: oklch(0.259 0.0125 75);
117
+ --sidebar-ring: oklch(0.551 0.015 75);
118
+ --chart-1: oklch(0.488 0.243 264.376);
119
+ --chart-2: oklch(0.696 0.17 162.48);
120
+ --chart-3: oklch(0.769 0.188 70.08);
121
+ --chart-4: oklch(0.627 0.265 303.9);
122
+ --chart-5: oklch(0.645 0.246 16.439);
123
+ --chart-soft-1: oklch(0.49 0.08 255);
124
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
125
+ --chart-soft-2: oklch(0.49 0.07 180);
126
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
127
+ --chart-soft-3: oklch(0.5 0.1 75);
128
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
129
+ --chart-soft-4: oklch(0.49 0.09 310);
130
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
131
+ --chart-soft-5: oklch(0.49 0.09 25);
132
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
133
+ }
@@ -0,0 +1,133 @@
1
+ /* Theme "slate", generated.
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.
4
+ */
5
+ [data-nxgt-theme="slate"] {
6
+ --radius: 0.25rem;
7
+ --background: oklch(1 0 0);
8
+ --foreground: oklch(0.227 0.006 258);
9
+ --card: oklch(1 0 0);
10
+ --card-foreground: oklch(0.227 0.006 258);
11
+ --popover: oklch(1 0 0);
12
+ --popover-foreground: oklch(0.227 0.006 258);
13
+ --primary: oklch(0.4 0.025 258);
14
+ --primary-foreground: oklch(0.984 0.003 258);
15
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
16
+ --primary-indicator: var(--primary);
17
+ --secondary: oklch(0.48 0.02 230);
18
+ --secondary-foreground: oklch(0.984 0.003 258);
19
+ --tertiary: var(--strix);
20
+ --tertiary-foreground: oklch(0.984 0.003 258);
21
+ --strix: oklch(0.46 0.045 275);
22
+ --muted: oklch(0.955 0.0042 258);
23
+ --muted-foreground: oklch(0.478 0.0112 258);
24
+ --track: oklch(0.955 0.0042 258);
25
+ --track-fill: var(--primary);
26
+ --tooltip: oklch(0.446 0.015 258);
27
+ --tooltip-foreground: oklch(1 0 0);
28
+ --accent: oklch(0.91 0.0056 258);
29
+ --accent-foreground: oklch(0.227 0.006 258);
30
+ --error: oklch(0.56 0.245 27.33);
31
+ --error-foreground: oklch(0.984 0.003 258);
32
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
33
+ --success: oklch(0.46 0.118 184.7);
34
+ --success-foreground: oklch(0.984 0.003 258);
35
+ --info: oklch(0.48 0.165 254.62);
36
+ --info-foreground: oklch(0.984 0.003 258);
37
+ --warning: oklch(0.52 0.13 62);
38
+ --warning-foreground: oklch(0.984 0.003 258);
39
+ --destructive: var(--error);
40
+ --border: oklch(0.912 0.0056 258);
41
+ --input: oklch(0.912 0.0056 258);
42
+ --ring: oklch(0.62 0.014 258);
43
+ --sidebar: oklch(0.985 0.0021 258);
44
+ --sidebar-foreground: oklch(0.227 0.006 258);
45
+ --sidebar-primary: oklch(0.227 0.006 258);
46
+ --sidebar-primary-foreground: oklch(0.984 0.003 258);
47
+ --sidebar-accent: oklch(0.955 0.0042 258);
48
+ --sidebar-accent-foreground: oklch(0.227 0.006 258);
49
+ --sidebar-border: oklch(0.912 0.0056 258);
50
+ --sidebar-ring: oklch(0.62 0.014 258);
51
+ --chart-1: oklch(0.646 0.222 41.116);
52
+ --chart-2: oklch(0.6 0.118 184.704);
53
+ --chart-3: oklch(0.398 0.07 227.392);
54
+ --chart-4: oklch(0.6 0.2 300);
55
+ --chart-5: oklch(0.769 0.188 70.08);
56
+ --chart-soft-1: oklch(0.9 0.045 255);
57
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
58
+ --chart-soft-2: oklch(0.91 0.05 180);
59
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
60
+ --chart-soft-3: oklch(0.93 0.06 80);
61
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
62
+ --chart-soft-4: oklch(0.9 0.06 310);
63
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
64
+ --chart-soft-5: oklch(0.9 0.05 25);
65
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
66
+ --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
67
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
68
+ font-family: var(--font-sans);
69
+ }
70
+
71
+ [data-nxgt-theme="slate"]:is(.dark, [data-theme="dark"]),
72
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="slate"],
73
+ [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
+ --background: oklch(0.15 0.026 273);
75
+ --foreground: oklch(0.943 0.0042 258);
76
+ --card: oklch(0.19 0.0067 258);
77
+ --card-foreground: oklch(0.943 0.0042 258);
78
+ --popover: oklch(0.19 0.0067 258);
79
+ --popover-foreground: oklch(0.943 0.0042 258);
80
+ --primary: oklch(0.4 0.025 258);
81
+ --primary-foreground: oklch(0.995 0.002 258);
82
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
83
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
84
+ --secondary: oklch(0.675 0.02 230);
85
+ --secondary-foreground: oklch(0.995 0.002 258);
86
+ --tertiary: oklch(0.7 0.045 275);
87
+ --tertiary-foreground: oklch(0.15 0.026 273);
88
+ --strix: oklch(0.46 0.045 275);
89
+ --muted: oklch(0.228 0.0077 258);
90
+ --muted-foreground: oklch(0.725 0.0105 258);
91
+ --track: oklch(0.53 0.0105 258);
92
+ --track-fill: oklch(0.85 0.09 258);
93
+ --tooltip: oklch(0.925 0.0042 258);
94
+ --tooltip-foreground: oklch(0.446 0.015 258);
95
+ --accent: oklch(0.25 0.0077 258);
96
+ --accent-foreground: oklch(0.943 0.0042 258);
97
+ --error: oklch(0.577 0.245 27.33);
98
+ --error-foreground: oklch(0.995 0.002 258);
99
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
100
+ --success: oklch(0.6 0.118 184.7);
101
+ --success-foreground: oklch(0.995 0.002 258);
102
+ --info: oklch(0.707 0.165 254.62);
103
+ --info-foreground: oklch(0.995 0.002 258);
104
+ --warning: oklch(0.7 0.15 70);
105
+ --warning-foreground: oklch(0.995 0.002 258);
106
+ --destructive: oklch(0.704 0.191 22.216);
107
+ --border: oklch(0.259 0.0087 258);
108
+ --input: oklch(0.298 0.0095 258);
109
+ --ring: oklch(0.551 0.0105 258);
110
+ --sidebar: oklch(0.19 0.0067 258);
111
+ --sidebar-foreground: oklch(0.943 0.0042 258);
112
+ --sidebar-primary: var(--primary);
113
+ --sidebar-primary-foreground: oklch(0.995 0.002 258);
114
+ --sidebar-accent: oklch(0.228 0.0077 258);
115
+ --sidebar-accent-foreground: oklch(0.943 0.0042 258);
116
+ --sidebar-border: oklch(0.259 0.0087 258);
117
+ --sidebar-ring: oklch(0.551 0.0105 258);
118
+ --chart-1: oklch(0.488 0.243 264.376);
119
+ --chart-2: oklch(0.696 0.17 162.48);
120
+ --chart-3: oklch(0.769 0.188 70.08);
121
+ --chart-4: oklch(0.627 0.265 303.9);
122
+ --chart-5: oklch(0.645 0.246 16.439);
123
+ --chart-soft-1: oklch(0.49 0.08 255);
124
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
125
+ --chart-soft-2: oklch(0.49 0.07 180);
126
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
127
+ --chart-soft-3: oklch(0.5 0.1 75);
128
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
129
+ --chart-soft-4: oklch(0.49 0.09 310);
130
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
131
+ --chart-soft-5: oklch(0.49 0.09 25);
132
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
133
+ }
@@ -0,0 +1,137 @@
1
+ /* Theme "teal", generated.
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.
4
+ * chroma-lowered: primary: chroma 0.105 to 0.088 (lowered to fit sRGB or AA).
5
+ * lightness-moved: secondary: lightness 0.520 to 0.507 for AA.
6
+ * chroma-lowered: secondary: chroma 0.090 to 0.090 (lowered to fit sRGB or AA).
7
+ * hue-near-status: The primary's hue 185 is 0° from success (184.704): they may read alike. Keep an icon and a word with every status.
8
+ */
9
+ [data-nxgt-theme="teal"] {
10
+ --radius: 0.5rem;
11
+ --background: oklch(1 0 0);
12
+ --foreground: oklch(0.227 0.0136 190);
13
+ --card: oklch(1 0 0);
14
+ --card-foreground: oklch(0.227 0.0136 190);
15
+ --popover: oklch(1 0 0);
16
+ --popover-foreground: oklch(0.227 0.0136 190);
17
+ --primary: oklch(0.5 0.0881 185);
18
+ --primary-foreground: oklch(0.984 0.003 190);
19
+ --primary-text: color-mix(in oklab, var(--primary) 96%, black);
20
+ --primary-indicator: var(--primary);
21
+ --secondary: oklch(0.5075 0.0897 215);
22
+ --secondary-foreground: oklch(0.984 0.003 190);
23
+ --tertiary: var(--strix);
24
+ --tertiary-foreground: oklch(0.984 0.003 190);
25
+ --strix: oklch(0.52 0.12 60);
26
+ --muted: oklch(0.955 0.0096 190);
27
+ --muted-foreground: oklch(0.478 0.0256 190);
28
+ --track: oklch(0.955 0.0096 190);
29
+ --track-fill: var(--primary);
30
+ --tooltip: oklch(0.446 0.0344 190);
31
+ --tooltip-foreground: oklch(1 0 0);
32
+ --accent: oklch(0.91 0.0128 190);
33
+ --accent-foreground: oklch(0.227 0.0136 190);
34
+ --error: oklch(0.56 0.245 27.33);
35
+ --error-foreground: oklch(0.984 0.003 190);
36
+ --error-text: color-mix(in oklab, var(--error) 92%, black);
37
+ --success: oklch(0.46 0.118 184.7);
38
+ --success-foreground: oklch(0.984 0.003 190);
39
+ --info: oklch(0.48 0.165 254.62);
40
+ --info-foreground: oklch(0.984 0.003 190);
41
+ --warning: oklch(0.52 0.13 62);
42
+ --warning-foreground: oklch(0.984 0.003 190);
43
+ --destructive: var(--error);
44
+ --border: oklch(0.912 0.0128 190);
45
+ --input: oklch(0.912 0.0128 190);
46
+ --ring: oklch(0.62 0.032 190);
47
+ --sidebar: oklch(0.985 0.0048 190);
48
+ --sidebar-foreground: oklch(0.227 0.0136 190);
49
+ --sidebar-primary: oklch(0.227 0.0136 190);
50
+ --sidebar-primary-foreground: oklch(0.984 0.003 190);
51
+ --sidebar-accent: oklch(0.955 0.0096 190);
52
+ --sidebar-accent-foreground: oklch(0.227 0.0136 190);
53
+ --sidebar-border: oklch(0.912 0.0128 190);
54
+ --sidebar-ring: oklch(0.62 0.032 190);
55
+ --chart-1: oklch(0.646 0.222 41.116);
56
+ --chart-2: oklch(0.6 0.118 184.704);
57
+ --chart-3: oklch(0.398 0.07 227.392);
58
+ --chart-4: oklch(0.6 0.2 300);
59
+ --chart-5: oklch(0.769 0.188 70.08);
60
+ --chart-soft-1: oklch(0.9 0.045 255);
61
+ --chart-soft-1-ink: oklch(0.52 0.14 255);
62
+ --chart-soft-2: oklch(0.91 0.05 180);
63
+ --chart-soft-2-ink: oklch(0.53 0.09 180);
64
+ --chart-soft-3: oklch(0.93 0.06 80);
65
+ --chart-soft-3-ink: oklch(0.56 0.11 80);
66
+ --chart-soft-4: oklch(0.9 0.06 310);
67
+ --chart-soft-4-ink: oklch(0.52 0.16 310);
68
+ --chart-soft-5: oklch(0.9 0.05 25);
69
+ --chart-soft-5-ink: oklch(0.56 0.15 25);
70
+ --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
71
+ --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
72
+ font-family: var(--font-sans);
73
+ }
74
+
75
+ [data-nxgt-theme="teal"]:is(.dark, [data-theme="dark"]),
76
+ :is(.dark, [data-theme="dark"]) [data-nxgt-theme="teal"],
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"]) *) {
78
+ --background: oklch(0.15 0.026 273);
79
+ --foreground: oklch(0.943 0.0096 190);
80
+ --card: oklch(0.19 0.0152 190);
81
+ --card-foreground: oklch(0.943 0.0096 190);
82
+ --popover: oklch(0.19 0.0152 190);
83
+ --popover-foreground: oklch(0.943 0.0096 190);
84
+ --primary: oklch(0.5 0.0881 185);
85
+ --primary-foreground: oklch(0.995 0.002 190);
86
+ --primary-text: color-mix(in oklab, var(--primary) 40%, white);
87
+ --primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
88
+ --secondary: oklch(0.675 0.09 215);
89
+ --secondary-foreground: oklch(0.995 0.002 190);
90
+ --tertiary: oklch(0.7 0.12 60);
91
+ --tertiary-foreground: oklch(0.15 0.026 273);
92
+ --strix: oklch(0.52 0.12 60);
93
+ --muted: oklch(0.228 0.0176 190);
94
+ --muted-foreground: oklch(0.725 0.024 190);
95
+ --track: oklch(0.53 0.024 190);
96
+ --track-fill: oklch(0.85 0.09 185);
97
+ --tooltip: oklch(0.925 0.0096 190);
98
+ --tooltip-foreground: oklch(0.446 0.0344 190);
99
+ --accent: oklch(0.25 0.0176 190);
100
+ --accent-foreground: oklch(0.943 0.0096 190);
101
+ --error: oklch(0.577 0.245 27.33);
102
+ --error-foreground: oklch(0.995 0.002 190);
103
+ --error-text: color-mix(in oklab, var(--error) 76%, white);
104
+ --success: oklch(0.6 0.118 184.7);
105
+ --success-foreground: oklch(0.995 0.002 190);
106
+ --info: oklch(0.707 0.165 254.62);
107
+ --info-foreground: oklch(0.995 0.002 190);
108
+ --warning: oklch(0.7 0.15 70);
109
+ --warning-foreground: oklch(0.995 0.002 190);
110
+ --destructive: oklch(0.704 0.191 22.216);
111
+ --border: oklch(0.259 0.02 190);
112
+ --input: oklch(0.298 0.0216 190);
113
+ --ring: oklch(0.551 0.024 190);
114
+ --sidebar: oklch(0.19 0.0152 190);
115
+ --sidebar-foreground: oklch(0.943 0.0096 190);
116
+ --sidebar-primary: var(--primary);
117
+ --sidebar-primary-foreground: oklch(0.995 0.002 190);
118
+ --sidebar-accent: oklch(0.228 0.0176 190);
119
+ --sidebar-accent-foreground: oklch(0.943 0.0096 190);
120
+ --sidebar-border: oklch(0.259 0.02 190);
121
+ --sidebar-ring: oklch(0.551 0.024 190);
122
+ --chart-1: oklch(0.488 0.243 264.376);
123
+ --chart-2: oklch(0.696 0.17 162.48);
124
+ --chart-3: oklch(0.769 0.188 70.08);
125
+ --chart-4: oklch(0.627 0.265 303.9);
126
+ --chart-5: oklch(0.645 0.246 16.439);
127
+ --chart-soft-1: oklch(0.49 0.08 255);
128
+ --chart-soft-1-ink: oklch(0.78 0.1 255);
129
+ --chart-soft-2: oklch(0.49 0.07 180);
130
+ --chart-soft-2-ink: oklch(0.8 0.11 180);
131
+ --chart-soft-3: oklch(0.5 0.1 75);
132
+ --chart-soft-3-ink: oklch(0.84 0.12 78);
133
+ --chart-soft-4: oklch(0.49 0.09 310);
134
+ --chart-soft-4-ink: oklch(0.78 0.13 310);
135
+ --chart-soft-5: oklch(0.49 0.09 25);
136
+ --chart-soft-5-ink: oklch(0.78 0.11 25);
137
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nxgt/material",
3
- "version": "3.7.5",
3
+ "version": "3.8.0",
4
4
  "license": "MIT",
5
5
  "bugs": {
6
6
  "email": "stevegires@gmail.com"
@@ -11,7 +11,11 @@
11
11
  "directory": "packages/material"
12
12
  },
13
13
  "type": "module",
14
+ "bin": {
15
+ "nxgt-theme": "./bin/nxgt-theme.js"
16
+ },
14
17
  "files": [
18
+ "bin",
15
19
  "dist",
16
20
  "!dist/assets",
17
21
  "lib/styles.css",
@@ -20,6 +24,8 @@
20
24
  "lib/galleries/galleries.css",
21
25
  "lib/backgrounds/css/*.css",
22
26
  "lib/backgrounds/css-react/*.css",
27
+ "lib/themes/*.css",
28
+ "lib/theme-picker/*.css",
23
29
  "lib/components/**/*.css",
24
30
  "docs",
25
31
  "README.md",
@@ -78,6 +84,16 @@
78
84
  "types": "./dist/lib/draw-png/index.d.ts",
79
85
  "require": "./dist/draw-png.js"
80
86
  },
87
+ "./themes": {
88
+ "import": "./dist/themes.js",
89
+ "types": "./dist/lib/themes/index.d.ts",
90
+ "require": "./dist/themes.js"
91
+ },
92
+ "./theme-picker": {
93
+ "import": "./dist/theme-picker.js",
94
+ "types": "./dist/lib/theme-picker/index.d.ts",
95
+ "require": "./dist/theme-picker.js"
96
+ },
81
97
  "./backgrounds": {
82
98
  "import": "./dist/backgrounds.js",
83
99
  "types": "./dist/lib/backgrounds/index.d.ts",
@@ -157,6 +173,14 @@
157
173
  "style": "./lib/styles.css",
158
174
  "default": "./lib/styles.css"
159
175
  },
176
+ "./themes/*.css": {
177
+ "style": "./lib/themes/*.css",
178
+ "default": "./lib/themes/*.css"
179
+ },
180
+ "./theme-picker.css": {
181
+ "style": "./lib/theme-picker/theme-picker.css",
182
+ "default": "./lib/theme-picker/theme-picker.css"
183
+ },
160
184
  "./map.css": {
161
185
  "style": "./lib/map/map.css",
162
186
  "default": "./lib/map/map.css"
@@ -269,6 +293,10 @@
269
293
  "style": "./lib/backgrounds/css-react/sport.css",
270
294
  "default": "./lib/backgrounds/css-react/sport.css"
271
295
  },
296
+ "./backgrounds/moon.css": {
297
+ "style": "./lib/backgrounds/css-react/moon.css",
298
+ "default": "./lib/backgrounds/css-react/moon.css"
299
+ },
272
300
  "./backgrounds/illustrated.css": {
273
301
  "style": "./lib/backgrounds/css-react/illustrated.css",
274
302
  "default": "./lib/backgrounds/css-react/illustrated.css"
@@ -302,7 +330,7 @@
302
330
  "docs:previews": "vitest run --project previews"
303
331
  },
304
332
  "dependencies": {
305
- "@nxgt/material-core": "^0.27.0",
333
+ "@nxgt/material-core": "^0.28.0",
306
334
  "@base-ui/react": "^1.6.0",
307
335
  "@dnd-kit/core": "^6.3.1",
308
336
  "@dnd-kit/sortable": "^10.0.0",