@nxgt/material 3.94.0 → 3.95.1

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 (391) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/README.md +6 -2
  3. package/dist/{alert-dialog-BaqK-rmd.js → alert-dialog-D4r0Kn9h.js} +1 -1
  4. package/dist/{async-slice-BfNpIJAH.js → async-slice-Bx438UlG.js} +1 -1
  5. package/dist/{button-CozGHXAv.js → button-Z_xcg10A.js} +1 -1
  6. package/dist/{calculator-BIx6cwgU.js → calculator-BfIBMiFX.js} +10 -10
  7. package/dist/calculator-field.js +6 -6
  8. package/dist/{calculator-segment-BsaxUtzL.js → calculator-segment-DQE1EFdw.js} +1 -1
  9. package/dist/calculator.js +1 -1
  10. package/dist/charts.js +3 -3
  11. package/dist/{chip-DMEUGYdC.js → chip-Bb9SM3Ly.js} +2 -2
  12. package/dist/{code-editor-BWfky-aN.js → code-editor-Cw-dOrn2.js} +4 -4
  13. package/dist/code-editor.js +4 -4
  14. package/dist/{code-language-items-BUaNYJuw.js → code-language-items-BVfxGKiv.js} +2 -2
  15. package/dist/components/components.css +7 -1
  16. package/dist/components/theme-tokens.css +7 -0
  17. package/dist/components/ui/dates/duration-field/duration-field-expressive.css +2 -63
  18. package/dist/components/ui/dates/picker-trigger/typed-box-expressive.css +30 -21
  19. package/dist/components/ui/fields/number-field/number-field-score.css +151 -0
  20. package/dist/components/ui/fields/quantity-field/quantity-field.css +117 -0
  21. package/dist/components/ui/primitives/field-box/field-box-parts.css +1 -2
  22. package/dist/components/ui/primitives/field-box/field-box-tokens.css +54 -36
  23. package/dist/components/ui/primitives/field-box/field-box.css +44 -86
  24. package/dist/components/ui/primitives/field-box/field-stepper.css +129 -0
  25. package/dist/{components-CZpdAQMh.js → components-DXCfO95n.js} +13787 -13699
  26. package/dist/components.js +26 -27
  27. package/dist/{conversion-variant-aIBhul_U.js → conversion-variant-Ciii9Rbh.js} +4 -4
  28. package/dist/currency-field-DipsI0Bv.js +303 -0
  29. package/dist/{dialog-H40HjqXN.js → dialog-CFuONiW5.js} +3 -3
  30. package/dist/dnd.js +1 -1
  31. package/dist/{dropdown-menu-CawkIlW8.js → dropdown-menu-BvtBDoSD.js} +1 -1
  32. package/dist/editor.js +8 -8
  33. package/dist/{empty-state-sRVjgCis.js → empty-state-n2zb23YG.js} +1 -1
  34. package/dist/{financial-variant-Bqo9-swy.js → financial-variant-CTXTLbE_.js} +7 -7
  35. package/dist/{hooks-BTj_WJm9.js → hooks-zyRsvilJ.js} +2 -2
  36. package/dist/hooks.js +2 -2
  37. package/dist/{hover-card-BZU1DWGY.js → hover-card-BJ15hu7B.js} +1 -1
  38. package/dist/i18n.js +3 -3
  39. package/dist/{icon-badge-CXgvqMsM.js → icon-badge-B2ns44Cz.js} +1 -1
  40. package/dist/{icon-button-B9WjQ3RO.js → icon-button-BG438okX.js} +1 -1
  41. package/dist/lib/components/ui/fields/contacts/placeholders.d.ts +1 -1
  42. package/dist/lib/components/ui/fields/number-field/number-control.d.ts +10 -3
  43. package/dist/lib/components/ui/fields/number-field/number-field-base.d.ts +2 -0
  44. package/dist/lib/components/ui/fields/number-field/number-field.d.ts +7 -1
  45. package/dist/lib/components/ui/fields/number-field/number-field.types.d.ts +13 -0
  46. package/dist/lib/components/ui/fields/number-field/number-score-control.d.ts +19 -0
  47. package/dist/lib/components/ui/fields/number-field/number-stepper.d.ts +16 -2
  48. package/dist/lib/components/ui/fields/quantity-field/quantity-field.d.ts +4 -3
  49. package/dist/lib/components/ui/fields/quantity-field/quantity-row.d.ts +5 -9
  50. package/dist/lib/components/ui/fields/quantity-field/quantity-unit-menu.d.ts +19 -0
  51. package/dist/lib/components/ui/fields/quantity-field/quantity-unit.d.ts +11 -4
  52. package/dist/lib/components/ui/fields/quantity-field/use-unit-chip-name.d.ts +14 -0
  53. package/dist/lib/components/ui/fields/switch/partials/switch-row.d.ts +2 -2
  54. package/dist/lib/components/ui/fields/switch/switch.d.ts +2 -2
  55. package/dist/lib/components/ui/fields/text-field/text-field-units.d.ts +24 -0
  56. package/dist/lib/components/ui/fields/text-field/text-field.d.ts +9 -0
  57. package/dist/lib/components/ui/fields/verification-code/partials/code-surface.d.ts +13 -6
  58. package/dist/lib/components/ui/fields/verification-code/partials/recovery-input.d.ts +1 -1
  59. package/dist/lib/components/ui/layout/app-shell/app-sidebar-group.d.ts +12 -0
  60. package/dist/lib/components/ui/layout/app-shell/types.d.ts +7 -0
  61. package/dist/lib/components/ui/primitives/input-group/input-group.d.ts +1 -1
  62. package/dist/lib/i18n/resources/en/en.d.ts +5 -0
  63. package/dist/lib/i18n/resources/en/material.json.d.ts +7 -2
  64. package/dist/lib/i18n/resources/fr/fr.d.ts +5 -0
  65. package/dist/lib/i18n/resources/fr/material.json.d.ts +7 -2
  66. package/dist/lib/i18n/resources/resources.d.ts +10 -0
  67. package/dist/lib/i18n/translator.d.ts +1 -1
  68. package/dist/lib.js +1 -1
  69. package/dist/main.js +32 -33
  70. package/dist/map.js +8 -8
  71. package/dist/material.css +1 -1
  72. package/dist/pdf-reader.js +1 -1
  73. package/dist/percent-field-Cjc_3pP0.js +137 -0
  74. package/dist/{picker-surface-D2aYI4v7.js → picker-surface-Cr2n42qv.js} +4 -4
  75. package/dist/{popover-QQYPWzw6.js → popover-XBAX2Shp.js} +1 -1
  76. package/dist/{pos-types-BIeZGGAs.js → pos-types-BFVWeJki.js} +1 -1
  77. package/dist/{pos-variant-Cdn1AVoA.js → pos-variant-DWB8Bc12.js} +4 -4
  78. package/dist/print.js +1 -1
  79. package/dist/{programmer-variant-CMBybkqw.js → programmer-variant-B-wPnDeX.js} +2 -2
  80. package/dist/{public-CPxFxbi4.js → public-D1bH-KPQ.js} +9 -9
  81. package/dist/{rich-code-block-DKJ8eKzL.js → rich-code-block-DP2RT7pV.js} +5 -5
  82. package/dist/{scientific-variant-CXL1ayb7.js → scientific-variant-BP08Mo0g.js} +2 -2
  83. package/dist/{sortable-provider-BYqwwyr1.js → sortable-provider-CHGZrS0f.js} +2 -2
  84. package/dist/{spinner-D7ol2n_-.js → spinner-rk8J5y9O.js} +1 -1
  85. package/dist/styles.css +2 -0
  86. package/dist/{tabs-DyiFTy5g.js → tabs-nuYLggwC.js} +1 -1
  87. package/dist/text-field-DOndWDT5.js +169 -0
  88. package/dist/theme-picker.js +2 -2
  89. package/dist/{theme-toggle-QZ0bIrg9.js → theme-toggle-5waw9Wk8.js} +1 -1
  90. package/dist/{toolbar-items-BpOEBsSt.js → toolbar-items-Bo-nMzKJ.js} +4 -4
  91. package/dist/{translate-material-DlMetRSJ.js → translate-material-H5GMStyF.js} +1 -1
  92. package/dist/{translator-VtzVrnLm.js → translator-gdpQeToI.js} +14 -4
  93. package/dist/{use-chat-composer-DQ2rTD_q.js → use-chat-composer-DEd6GM2N.js} +23 -24
  94. package/dist/{use-heading-spy-17B5xa7B.js → use-heading-spy-n_wPa5jC.js} +4 -4
  95. package/dist/{use-material-translation-Cx5u36V5.js → use-material-translation-BW5HZMwt.js} +1 -1
  96. package/dist/{use-return-focus-S7g7q_Yn.js → use-return-focus-BC4sGh1b.js} +1 -1
  97. package/docs/README.md +1 -0
  98. package/docs/components/date-and-time.md +25 -23
  99. package/docs/components/form-fields.md +80 -26
  100. package/docs/components/navigation-and-layout.md +1 -1
  101. package/docs/guides/app-shell.md +15 -0
  102. package/docs/guides/field-look-2-x.md +10 -4
  103. package/docs/guides/field-look-refined.md +130 -0
  104. package/docs/guides/layouts.md +2 -1
  105. package/docs/guides/theming.md +39 -31
  106. package/docs/previews/backgrounds-icons-quiet-band.webp +0 -0
  107. package/docs/previews/backgrounds-icons.webp +0 -0
  108. package/docs/previews/backgrounds-matrix.webp +0 -0
  109. package/docs/previews/buttons-actions-actioncard.webp +0 -0
  110. package/docs/previews/buttons-actions-backlink.webp +0 -0
  111. package/docs/previews/buttons-actions-button.webp +0 -0
  112. package/docs/previews/buttons-actions-buttongroup.webp +0 -0
  113. package/docs/previews/buttons-actions-fab.webp +0 -0
  114. package/docs/previews/buttons-actions-fabmenu.webp +0 -0
  115. package/docs/previews/buttons-actions-iconbutton.webp +0 -0
  116. package/docs/previews/buttons-actions-languageswitcher.webp +0 -0
  117. package/docs/previews/buttons-actions-linkbutton.webp +0 -0
  118. package/docs/previews/buttons-actions-loadmorebutton.webp +0 -0
  119. package/docs/previews/buttons-actions-loadmorefooter.webp +0 -0
  120. package/docs/previews/buttons-actions-responsivebutton.webp +0 -0
  121. package/docs/previews/buttons-actions-scrolltolatestbutton.webp +0 -0
  122. package/docs/previews/buttons-actions-scrolltotop.webp +0 -0
  123. package/docs/previews/buttons-actions-splitbutton.webp +0 -0
  124. package/docs/previews/buttons-actions-themetoggle.webp +0 -0
  125. package/docs/previews/buttons-actions-toolbar-density-and-keyboard.webp +0 -0
  126. package/docs/previews/buttons-actions-toolbar.webp +0 -0
  127. package/docs/previews/data-display-accordioncard.webp +0 -0
  128. package/docs/previews/data-display-apiendpoint.webp +0 -0
  129. package/docs/previews/data-display-apioperation.webp +0 -0
  130. package/docs/previews/data-display-avatar.webp +0 -0
  131. package/docs/previews/data-display-badge.webp +0 -0
  132. package/docs/previews/data-display-card-presets.webp +0 -0
  133. package/docs/previews/data-display-changehistory.webp +0 -0
  134. package/docs/previews/data-display-chip.webp +0 -0
  135. package/docs/previews/data-display-codegroup.webp +0 -0
  136. package/docs/previews/data-display-description.webp +0 -0
  137. package/docs/previews/data-display-enrolmentcard.webp +0 -0
  138. package/docs/previews/data-display-enrolmentsecret.webp +0 -0
  139. package/docs/previews/data-display-metric-cards.webp +0 -0
  140. package/docs/previews/data-display-periodcards.webp +0 -0
  141. package/docs/previews/data-display-recoverycodes.webp +0 -0
  142. package/docs/previews/data-display-recoverycodesstatus.webp +0 -0
  143. package/docs/previews/data-display-secretcard.webp +0 -0
  144. package/docs/previews/data-display-terminal.webp +0 -0
  145. package/docs/previews/data-display-timeline.webp +0 -0
  146. package/docs/previews/data-display-tonevalue.webp +0 -0
  147. package/docs/previews/data-display-votetally.webp +0 -0
  148. package/docs/previews/data-table-filter-lists-datagrid.webp +0 -0
  149. package/docs/previews/data-table-filter-lists-datatable.webp +0 -0
  150. package/docs/previews/data-table-filter-lists-daygroupedlist.webp +0 -0
  151. package/docs/previews/data-table-filter-lists-drag-and-drop.webp +0 -0
  152. package/docs/previews/data-table-filter-lists-facetgroup.webp +0 -0
  153. package/docs/previews/data-table-filter-lists-filter.webp +0 -0
  154. package/docs/previews/data-table-filter-lists-listempty.webp +0 -0
  155. package/docs/previews/data-table-filter-lists-listpane.webp +0 -0
  156. package/docs/previews/data-table-filter-lists-markinglist.webp +0 -0
  157. package/docs/previews/data-table-filter-lists-pagination.webp +0 -0
  158. package/docs/previews/data-table-filter-lists-servertable.webp +0 -0
  159. package/docs/previews/data-table-filter-lists-tree.webp +0 -0
  160. package/docs/previews/date-time-agefield.webp +0 -0
  161. package/docs/previews/date-time-calendar-expressive.webp +0 -0
  162. package/docs/previews/date-time-calendar.webp +0 -0
  163. package/docs/previews/date-time-datefield.webp +0 -0
  164. package/docs/previews/date-time-daterangefield.webp +0 -0
  165. package/docs/previews/date-time-durationfield.webp +0 -0
  166. package/docs/previews/date-time-fields-expressive.webp +0 -0
  167. package/docs/previews/date-time-halfdayrangefield.webp +0 -0
  168. package/docs/previews/date-time-nowindicator.webp +0 -0
  169. package/docs/previews/date-time-timefield.webp +0 -0
  170. package/docs/previews/date-time-timepicker-tiles.webp +0 -0
  171. package/docs/previews/date-time-timepicker.webp +0 -0
  172. package/docs/previews/feedback-status-alert.webp +0 -0
  173. package/docs/previews/feedback-status-alertdialog.webp +0 -0
  174. package/docs/previews/feedback-status-celebration.webp +0 -0
  175. package/docs/previews/feedback-status-circularprogress.webp +0 -0
  176. package/docs/previews/feedback-status-confirmationdialog.webp +0 -0
  177. package/docs/previews/feedback-status-confirmdialog.webp +0 -0
  178. package/docs/previews/feedback-status-countdowntimer.webp +0 -0
  179. package/docs/previews/feedback-status-customalertdialog.webp +0 -0
  180. package/docs/previews/feedback-status-customdialog.webp +0 -0
  181. package/docs/previews/feedback-status-emptystate.webp +0 -0
  182. package/docs/previews/feedback-status-errorstate.webp +0 -0
  183. package/docs/previews/feedback-status-hydrateloading.webp +0 -0
  184. package/docs/previews/feedback-status-illustration-education.webp +0 -0
  185. package/docs/previews/feedback-status-illustration-game.webp +0 -0
  186. package/docs/previews/feedback-status-illustration-health.webp +0 -0
  187. package/docs/previews/feedback-status-illustration.webp +0 -0
  188. package/docs/previews/feedback-status-notificationrow.webp +0 -0
  189. package/docs/previews/feedback-status-notifications.webp +0 -0
  190. package/docs/previews/feedback-status-pageloadfailed.webp +0 -0
  191. package/docs/previews/feedback-status-progress.webp +0 -0
  192. package/docs/previews/feedback-status-skeleton.webp +0 -0
  193. package/docs/previews/feedback-status-spinner.webp +0 -0
  194. package/docs/previews/feedback-status-stalenotice.webp +0 -0
  195. package/docs/previews/feedback-status-stepupdialog-retry.webp +0 -0
  196. package/docs/previews/feedback-status-stepupdialog.webp +0 -0
  197. package/docs/previews/feedback-status-toast.webp +0 -0
  198. package/docs/previews/feedback-status-typingindicator.webp +0 -0
  199. package/docs/previews/feedback-status-unsaveddialog.webp +0 -0
  200. package/docs/previews/form-fields-attributes.webp +0 -0
  201. package/docs/previews/form-fields-choicelistfield.webp +0 -0
  202. package/docs/previews/form-fields-colorfield.webp +0 -0
  203. package/docs/previews/form-fields-contacts.webp +0 -0
  204. package/docs/previews/form-fields-countryfield.webp +0 -0
  205. package/docs/previews/form-fields-currencyfield.webp +0 -0
  206. package/docs/previews/form-fields-emailfield.webp +0 -0
  207. package/docs/previews/form-fields-field.webp +0 -0
  208. package/docs/previews/form-fields-formsection.webp +0 -0
  209. package/docs/previews/form-fields-inlineedit.webp +0 -0
  210. package/docs/previews/form-fields-inputgroupfield.webp +0 -0
  211. package/docs/previews/form-fields-localizedtextfields.webp +0 -0
  212. package/docs/previews/form-fields-markdowntextareafield.webp +0 -0
  213. package/docs/previews/form-fields-numberfield.webp +0 -0
  214. package/docs/previews/form-fields-openinghours.webp +0 -0
  215. package/docs/previews/form-fields-otpfield.webp +0 -0
  216. package/docs/previews/form-fields-passwordfield.webp +0 -0
  217. package/docs/previews/form-fields-percentfield.webp +0 -0
  218. package/docs/previews/form-fields-phonefield.webp +0 -0
  219. package/docs/previews/form-fields-postaladdress.webp +0 -0
  220. package/docs/previews/form-fields-repeatablegroup.webp +0 -0
  221. package/docs/previews/form-fields-searchfield.webp +0 -0
  222. package/docs/previews/form-fields-slider.webp +0 -0
  223. package/docs/previews/form-fields-switch.webp +0 -0
  224. package/docs/previews/form-fields-textareafield.webp +0 -0
  225. package/docs/previews/form-fields-textfield.webp +0 -0
  226. package/docs/previews/form-fields-timezonefield.webp +0 -0
  227. package/docs/previews/form-fields-urlfield.webp +0 -0
  228. package/docs/previews/form-fields-verificationcode.webp +0 -0
  229. package/docs/previews/foundations-themes-gallery.webp +0 -0
  230. package/docs/previews/foundations-themes-icon-motifs.webp +0 -0
  231. package/docs/previews/foundations-themes-nesting.webp +0 -0
  232. package/docs/previews/foundations-themes-provider.webp +0 -0
  233. package/docs/previews/foundations-themes-themepicker.webp +0 -0
  234. package/docs/previews/guides-i18n-i18nprovider.webp +0 -0
  235. package/docs/previews/guides-i18n-translated-components.webp +0 -0
  236. package/docs/previews/media-files-audioplayer.webp +0 -0
  237. package/docs/previews/media-files-camera.webp +0 -0
  238. package/docs/previews/media-files-carousel.webp +0 -0
  239. package/docs/previews/media-files-filelist.webp +0 -0
  240. package/docs/previews/media-files-filelistfield.webp +0 -0
  241. package/docs/previews/media-files-filepreview.webp +0 -0
  242. package/docs/previews/media-files-gallery-image-lists.webp +0 -0
  243. package/docs/previews/media-files-gallery-video.webp +0 -0
  244. package/docs/previews/media-files-gallery-viewer.webp +0 -0
  245. package/docs/previews/media-files-gallery.webp +0 -0
  246. package/docs/previews/media-files-imagecropper.webp +0 -0
  247. package/docs/previews/media-files-imageeditor.webp +0 -0
  248. package/docs/previews/media-files-imagefield.webp +0 -0
  249. package/docs/previews/media-files-lightboxgallery.webp +0 -0
  250. package/docs/previews/media-files-map.webp +0 -0
  251. package/docs/previews/media-files-mediaplayer.webp +0 -0
  252. package/docs/previews/media-files-mediaplayerhost.webp +0 -0
  253. package/docs/previews/media-files-mediaplayerlightbox.webp +0 -0
  254. package/docs/previews/media-files-mediaplayermini.webp +0 -0
  255. package/docs/previews/media-files-minigallery.webp +0 -0
  256. package/docs/previews/media-files-pdfreader.webp +0 -0
  257. package/docs/previews/media-files-uploadfield.webp +0 -0
  258. package/docs/previews/navigation-layout-appshell-blue-moon.webp +0 -0
  259. package/docs/previews/navigation-layout-appshell-footer-icon.webp +0 -0
  260. package/docs/previews/navigation-layout-appshell-menu-badge.webp +0 -0
  261. package/docs/previews/navigation-layout-appshell-page-ground.webp +0 -0
  262. package/docs/previews/navigation-layout-appshell-themes.webp +0 -0
  263. package/docs/previews/navigation-layout-appshell.webp +0 -0
  264. package/docs/previews/navigation-layout-authcard-split.webp +0 -0
  265. package/docs/previews/navigation-layout-authcard.webp +0 -0
  266. package/docs/previews/navigation-layout-background.webp +0 -0
  267. package/docs/previews/navigation-layout-breadcrumb.webp +0 -0
  268. package/docs/previews/navigation-layout-doc-api.webp +0 -0
  269. package/docs/previews/navigation-layout-doc-blocks.webp +0 -0
  270. package/docs/previews/navigation-layout-doc.webp +0 -0
  271. package/docs/previews/navigation-layout-editorlayout.webp +0 -0
  272. package/docs/previews/navigation-layout-hero.webp +0 -0
  273. package/docs/previews/navigation-layout-landinglayout.webp +0 -0
  274. package/docs/previews/navigation-layout-listdetailslayout.webp +0 -0
  275. package/docs/previews/navigation-layout-pager.webp +0 -0
  276. package/docs/previews/navigation-layout-recordpage.webp +0 -0
  277. package/docs/previews/navigation-layout-settingslayout.webp +0 -0
  278. package/docs/previews/navigation-layout-sidebar.webp +0 -0
  279. package/docs/previews/navigation-layout-steps.webp +0 -0
  280. package/docs/previews/navigation-layout-stickyactionbar.webp +0 -0
  281. package/docs/previews/navigation-layout-threadlayout-pages.webp +0 -0
  282. package/docs/previews/navigation-layout-toc.webp +0 -0
  283. package/docs/previews/overlays-menus-contextmenu.webp +0 -0
  284. package/docs/previews/overlays-menus-dialog.webp +0 -0
  285. package/docs/previews/overlays-menus-drawer.webp +0 -0
  286. package/docs/previews/overlays-menus-dropdownmenu.webp +0 -0
  287. package/docs/previews/overlays-menus-hovercard.webp +0 -0
  288. package/docs/previews/overlays-menus-popover.webp +0 -0
  289. package/docs/previews/overlays-menus-sheet.webp +0 -0
  290. package/docs/previews/overlays-menus-tooltip.webp +0 -0
  291. package/docs/previews/primitives-accordion.webp +0 -0
  292. package/docs/previews/primitives-card.webp +0 -0
  293. package/docs/previews/primitives-collapsible.webp +0 -0
  294. package/docs/previews/primitives-extendedlabel.webp +0 -0
  295. package/docs/previews/primitives-helpertext.webp +0 -0
  296. package/docs/previews/primitives-input.webp +0 -0
  297. package/docs/previews/primitives-inputgroup.webp +0 -0
  298. package/docs/previews/primitives-label.webp +0 -0
  299. package/docs/previews/primitives-scrollarea.webp +0 -0
  300. package/docs/previews/primitives-segmentednav.webp +0 -0
  301. package/docs/previews/primitives-tabs.webp +0 -0
  302. package/docs/previews/primitives-tabsnav.webp +0 -0
  303. package/docs/previews/primitives-textarea.webp +0 -0
  304. package/docs/previews/primitives-toggle.webp +0 -0
  305. package/docs/previews/primitives-togglegroup.webp +0 -0
  306. package/docs/previews/primitives-typography.webp +0 -0
  307. package/docs/previews/rich-widgets-calculator-conversion.webp +0 -0
  308. package/docs/previews/rich-widgets-chat-action-proposal.webp +0 -0
  309. package/docs/previews/rich-widgets-chat-advanced.webp +0 -0
  310. package/docs/previews/rich-widgets-chat-composer.webp +0 -0
  311. package/docs/previews/rich-widgets-chat-inbox.webp +0 -0
  312. package/docs/previews/rich-widgets-chat-overview.webp +0 -0
  313. package/docs/previews/rich-widgets-chat-thread.webp +0 -0
  314. package/docs/previews/rich-widgets-chat-widget.webp +0 -0
  315. package/docs/previews/rich-widgets-codeeditor.webp +0 -0
  316. package/docs/previews/rich-widgets-compacteditor.webp +0 -0
  317. package/docs/previews/rich-widgets-documenteditor.webp +0 -0
  318. package/docs/previews/rich-widgets-drawing.webp +0 -0
  319. package/docs/previews/rich-widgets-emojipicker.webp +0 -0
  320. package/docs/previews/rich-widgets-eventcalendar.webp +0 -0
  321. package/docs/previews/rich-widgets-kanban-phone-layout.webp +0 -0
  322. package/docs/previews/rich-widgets-kanban.webp +0 -0
  323. package/docs/previews/rich-widgets-mentionlist.webp +0 -0
  324. package/docs/previews/rich-widgets-native-charts-areachart.webp +0 -0
  325. package/docs/previews/rich-widgets-native-charts-barchart.webp +0 -0
  326. package/docs/previews/rich-widgets-native-charts-combochart.webp +0 -0
  327. package/docs/previews/rich-widgets-native-charts-donutchart.webp +0 -0
  328. package/docs/previews/rich-widgets-native-charts-funnelchart.webp +0 -0
  329. package/docs/previews/rich-widgets-native-charts-heatmapchart.webp +0 -0
  330. package/docs/previews/rich-widgets-native-charts-linechart-reference.webp +0 -0
  331. package/docs/previews/rich-widgets-native-charts-linechart.webp +0 -0
  332. package/docs/previews/rich-widgets-native-charts-palette.webp +0 -0
  333. package/docs/previews/rich-widgets-native-charts-piechart.webp +0 -0
  334. package/docs/previews/rich-widgets-native-charts-radarchart.webp +0 -0
  335. package/docs/previews/rich-widgets-native-charts-radialbarchart.webp +0 -0
  336. package/docs/previews/rich-widgets-native-charts-scatterchart.webp +0 -0
  337. package/docs/previews/rich-widgets-questioncard-rich-content.webp +0 -0
  338. package/docs/previews/rich-widgets-questionmediaview.webp +0 -0
  339. package/docs/previews/rich-widgets-questionnavigator.webp +0 -0
  340. package/docs/previews/rich-widgets-quiz.webp +0 -0
  341. package/docs/previews/rich-widgets-richchatcomposer.webp +0 -0
  342. package/docs/previews/rich-widgets-richtexteditor.webp +0 -0
  343. package/docs/previews/rich-widgets-richtextviewer.webp +0 -0
  344. package/docs/previews/selection-choice-autocomplete.webp +0 -0
  345. package/docs/previews/selection-choice-checkbox.webp +0 -0
  346. package/docs/previews/selection-choice-checkboxgroup.webp +0 -0
  347. package/docs/previews/selection-choice-checkcardfield.webp +0 -0
  348. package/docs/previews/selection-choice-chipgroupfield.webp +0 -0
  349. package/docs/previews/selection-choice-choicecardgroup.webp +0 -0
  350. package/docs/previews/selection-choice-combobox.webp +0 -0
  351. package/docs/previews/selection-choice-comboboxfield.webp +0 -0
  352. package/docs/previews/selection-choice-optiontile.webp +0 -0
  353. package/docs/previews/selection-choice-radiogroup.webp +0 -0
  354. package/docs/previews/selection-choice-select.webp +0 -0
  355. package/docs/previews/selection-choice-selectfield.webp +0 -0
  356. package/docs/previews/selection-choice-sortablelist.webp +0 -0
  357. package/docs/previews/selection-choice-switcher.webp +0 -0
  358. package/docs/previews/selection-choice-transferlist.webp +0 -0
  359. package/docs/previews/selection-choice-treeselectfield.webp +0 -0
  360. package/docs/roadmap.md +13 -10
  361. package/docs/troubleshooting.md +44 -0
  362. package/lib/components/components.css +7 -1
  363. package/lib/components/theme-tokens.css +7 -0
  364. package/lib/components/ui/dates/duration-field/duration-field-expressive.css +2 -63
  365. package/lib/components/ui/dates/picker-trigger/typed-box-expressive.css +30 -21
  366. package/lib/components/ui/fields/number-field/number-field-score.css +151 -0
  367. package/lib/components/ui/fields/quantity-field/quantity-field.css +117 -0
  368. package/lib/components/ui/primitives/field-box/field-box-parts.css +1 -2
  369. package/lib/components/ui/primitives/field-box/field-box-tokens.css +54 -36
  370. package/lib/components/ui/primitives/field-box/field-box.css +44 -86
  371. package/lib/components/ui/primitives/field-box/field-stepper.css +129 -0
  372. package/lib/styles.css +2 -0
  373. package/lib/themes/ambre.css +5 -1
  374. package/lib/themes/ardoise.css +5 -1
  375. package/lib/themes/bleumono.css +5 -1
  376. package/lib/themes/bluemoon.css +5 -1
  377. package/lib/themes/corail.css +5 -1
  378. package/lib/themes/foret.css +5 -1
  379. package/lib/themes/lavande.css +5 -1
  380. package/lib/themes/menthe.css +5 -1
  381. package/lib/themes/ocean.css +5 -1
  382. package/lib/themes/pink.css +5 -1
  383. package/lib/themes/prune.css +5 -1
  384. package/lib/themes/sable.css +5 -1
  385. package/lib/themes/slate.css +5 -1
  386. package/lib/themes/teal.css +5 -1
  387. package/package.json +2 -2
  388. package/dist/currency-field-IcEMAcAw.js +0 -289
  389. package/dist/input-group-Df9vp2EZ.js +0 -70
  390. package/dist/percent-field-DrI4_J7x.js +0 -14
  391. package/dist/text-field-BAdY-kpO.js +0 -59
package/lib/components/ui/primitives/field-box/field-stepper.css ADDED
@@ -0,0 +1,129 @@
1
+ /* The −/+ pair at the end of a field's box: two tinted round buttons side by
2
+ * side, no divider. DurationField (`.nxgt-duration-step`, its box defines
3
+ * `--_dd-*`) and NumberField (`.nxgt-field-step` inside `.nxgt-field-steps`,
4
+ * which defines them) share these rules. Focus rings are drawn inside the
5
+ * button (an inset outline), never clipped. A coarse pointer gets a 44px
6
+ * target. */
7
+ @layer components {
8
+ .nxgt-field-steps {
9
+ --_dd-btn: color-mix(in oklab, var(--primary) 14%, var(--background));
10
+ --_dd-btn-hover: color-mix(in oklab, var(--primary) 22%, var(--background));
11
+ --_dd-step: 2rem;
12
+ display: flex;
13
+ flex: none;
14
+ align-items: center;
15
+ align-self: stretch;
16
+ gap: 0.5rem;
17
+ padding-inline-end: 0.25rem;
18
+ cursor: default;
19
+ }
20
+ :is(.dark, [data-theme="dark"]) .nxgt-field-steps {
21
+ --_dd-btn: color-mix(in oklab, var(--primary) 34%, var(--background));
22
+ --_dd-btn-hover: color-mix(in oklab, var(--primary) 44%, var(--background));
23
+ }
24
+
25
+ /* The −/+ pair: round, 4px apart on a fine pointer (12px on a coarse one),
26
+ * a ring inside each button. */
27
+ :is(.nxgt-duration-step, .nxgt-field-step) {
28
+ display: grid;
29
+ flex: none;
30
+ place-items: center;
31
+ inline-size: var(--_dd-step);
32
+ block-size: var(--_dd-step);
33
+ border-radius: var(--nxgt-shape-corner-full);
34
+ background: var(--_dd-btn);
35
+ color: var(--primary-text);
36
+ cursor: pointer;
37
+ transition: background-color var(--nxgt-motion-effects-default-duration)
38
+ var(--nxgt-motion-effects-default);
39
+ }
40
+ :is(.nxgt-duration-step, .nxgt-field-step)
41
+ + :is(.nxgt-duration-step, .nxgt-field-step) {
42
+ margin-inline-start: -0.25rem;
43
+ }
44
+ :is(.nxgt-duration-step, .nxgt-field-step):hover:not(
45
+ :disabled,
46
+ [aria-disabled="true"]
47
+ ) {
48
+ background: var(--_dd-btn-hover);
49
+ }
50
+ :is(.nxgt-duration-step, .nxgt-field-step):focus-visible {
51
+ outline: 2px solid var(--_fx-line, var(--nxgt-field-focus));
52
+ outline-offset: -2px;
53
+ }
54
+ :is(.nxgt-duration-step, .nxgt-field-step):is(
55
+ :disabled,
56
+ [aria-disabled="true"]
57
+ ) {
58
+ cursor: not-allowed;
59
+ }
60
+ :is(.nxgt-duration-step, .nxgt-field-step)[aria-disabled="true"]:not(
61
+ :disabled
62
+ ),
63
+ .nxgt-field-step:disabled {
64
+ opacity: 0.38;
65
+ }
66
+ .nxgt-duration-box[data-disabled] .nxgt-duration-step,
67
+ .nxgt-field-steps[data-disabled] .nxgt-field-step {
68
+ background: transparent;
69
+ }
70
+ :is(.nxgt-duration-step, .nxgt-field-step) svg {
71
+ inline-size: 1rem;
72
+ block-size: 1rem;
73
+ }
74
+
75
+ /* NumberField: the box is 44px tall on a coarse pointer, so the circle
76
+ * stays 32px and a transparent 6px ring makes the 44px target. */
77
+ @media (pointer: coarse) {
78
+ .nxgt-field-step {
79
+ inline-size: 2.75rem;
80
+ block-size: 2.75rem;
81
+ border: 0.375rem solid transparent;
82
+ background-clip: padding-box;
83
+ }
84
+ .nxgt-field-step + .nxgt-field-step {
85
+ margin-inline-start: -0.5rem;
86
+ }
87
+ .nxgt-field-step:focus-visible {
88
+ outline-offset: -0.375rem;
89
+ }
90
+ }
91
+
92
+ @media (forced-colors: active) and (pointer: coarse) {
93
+ /* Keep the 44px target: the transparent ring stays, the 1px outline of
94
+ * the circle is an inset ring. */
95
+ .nxgt-field-step {
96
+ border: 0.375rem solid transparent;
97
+ background-clip: padding-box;
98
+ box-shadow: inset 0 0 0 1px ButtonBorder;
99
+ }
100
+ .nxgt-field-step[aria-disabled="true"],
101
+ .nxgt-field-step:disabled {
102
+ box-shadow: inset 0 0 0 1px GrayText;
103
+ }
104
+ }
105
+
106
+ @media (prefers-reduced-motion: reduce) {
107
+ :is(.nxgt-duration-step, .nxgt-field-step) {
108
+ transition: none;
109
+ }
110
+ }
111
+ @media (forced-colors: active) {
112
+ :is(.nxgt-duration-step, .nxgt-field-step) {
113
+ forced-color-adjust: none;
114
+ border: 1px solid ButtonBorder;
115
+ background: ButtonFace;
116
+ color: ButtonText;
117
+ }
118
+ :is(.nxgt-duration-step, .nxgt-field-step)[aria-disabled="true"],
119
+ .nxgt-field-step:disabled,
120
+ .nxgt-duration-step:disabled {
121
+ border-color: GrayText;
122
+ color: GrayText;
123
+ opacity: 1;
124
+ }
125
+ :is(.nxgt-duration-step, .nxgt-field-step):focus-visible {
126
+ outline-color: Highlight;
127
+ }
128
+ }
129
+ }
package/lib/styles.css CHANGED
@@ -92,10 +92,12 @@
92
92
  --color-error-text: var(--error-text);
93
93
  --color-success: var(--success);
94
94
  --color-success-foreground: var(--success-foreground);
95
+ --color-success-text: var(--success-text);
95
96
  --color-info: var(--info);
96
97
  --color-info-foreground: var(--info-foreground);
97
98
  --color-warning: var(--warning);
98
99
  --color-warning-foreground: var(--warning-foreground);
100
+ --color-warning-text: var(--warning-text);
99
101
  --color-destructive: var(--destructive);
100
102
  --color-border: var(--border);
101
103
  --color-input: var(--input);
package/lib/themes/ambre.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "ambre", generated.
2
2
  * Seeds: primary oklch(0.52 0.13 48), secondary oklch(0.5 0.09 95), tertiary oklch(0.5 0.14 350), neutral hue 65, tint 0.85.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * hue-near-status: The primary's hue 48 is 14° from warning (62): they may read alike. Keep an icon and a word with every status.
5
5
  */
6
6
  [data-nxgt-theme="ambre"] {
@@ -37,10 +37,12 @@
37
37
  --error-text: color-mix(in oklab, var(--error) 92%, black);
38
38
  --success: oklch(0.46 0.118 184.7);
39
39
  --success-foreground: oklch(0.984 0.003 65);
40
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
40
41
  --info: oklch(0.48 0.165 254.62);
41
42
  --info-foreground: oklch(0.984 0.003 65);
42
43
  --warning: oklch(0.52 0.13 62);
43
44
  --warning-foreground: oklch(0.984 0.003 65);
45
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
44
46
  --destructive: var(--error);
45
47
  --border: oklch(0.912 0.0136 65);
46
48
  --input: oklch(0.912 0.0136 65);
@@ -108,10 +110,12 @@
108
110
  --error-text: color-mix(in oklab, var(--error) 76%, white);
109
111
  --success: oklch(0.6 0.118 184.7);
110
112
  --success-foreground: oklch(0.995 0.002 65);
113
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
111
114
  --info: oklch(0.707 0.165 254.62);
112
115
  --info-foreground: oklch(0.995 0.002 65);
113
116
  --warning: oklch(0.7 0.15 70);
114
117
  --warning-foreground: oklch(0.995 0.002 65);
118
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
115
119
  --destructive: oklch(0.704 0.191 22.216);
116
120
  --border: oklch(0.289 0.0213 65);
117
121
  --input: oklch(0.328 0.0229 65);
package/lib/themes/ardoise.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "ardoise", generated.
2
2
  * Seeds: primary oklch(0.45 0.065 252), secondary oklch(0.48 0.05 215), tertiary oklch(0.48 0.1 290), neutral hue 250, tint 0.7.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="ardoise"] {
6
6
  --radius: 0.375rem;
@@ -36,10 +36,12 @@
36
36
  --error-text: color-mix(in oklab, var(--error) 92%, black);
37
37
  --success: oklch(0.46 0.118 184.7);
38
38
  --success-foreground: oklch(0.984 0.003 250);
39
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
39
40
  --info: oklch(0.48 0.165 254.62);
40
41
  --info-foreground: oklch(0.984 0.003 250);
41
42
  --warning: oklch(0.52 0.13 62);
42
43
  --warning-foreground: oklch(0.984 0.003 250);
44
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
43
45
  --destructive: var(--error);
44
46
  --border: oklch(0.912 0.0112 250);
45
47
  --input: oklch(0.912 0.0112 250);
@@ -107,10 +109,12 @@
107
109
  --error-text: color-mix(in oklab, var(--error) 76%, white);
108
110
  --success: oklch(0.6 0.118 184.7);
109
111
  --success-foreground: oklch(0.995 0.002 250);
112
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
110
113
  --info: oklch(0.707 0.165 254.62);
111
114
  --info-foreground: oklch(0.995 0.002 250);
112
115
  --warning: oklch(0.7 0.15 70);
113
116
  --warning-foreground: oklch(0.995 0.002 250);
117
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
114
118
  --destructive: oklch(0.704 0.191 22.216);
115
119
  --border: oklch(0.289 0.0175 250);
116
120
  --input: oklch(0.328 0.0189 250);
package/lib/themes/bleumono.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "bleumono", generated.
2
2
  * Seeds: primary oklch(0.46 0.13 255), secondary oklch(0.55 0.06 255), tertiary oklch(0.38 0.17 255), neutral hue 255, tint 1.1.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * lightness-moved: secondary: lightness 0.550 to 0.520 for AA.
5
5
  * chroma-lowered: tertiary: chroma 0.170 to 0.125 (lowered to fit sRGB or AA).
6
6
  * hue-near-status: The primary's hue 255 is 0° from info (254.624): they may read alike. Keep an icon and a word with every status.
@@ -39,10 +39,12 @@
39
39
  --error-text: color-mix(in oklab, var(--error) 92%, black);
40
40
  --success: oklch(0.46 0.118 184.7);
41
41
  --success-foreground: oklch(0.984 0.003 255);
42
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
42
43
  --info: oklch(0.48 0.165 254.62);
43
44
  --info-foreground: oklch(0.984 0.003 255);
44
45
  --warning: oklch(0.52 0.13 62);
45
46
  --warning-foreground: oklch(0.984 0.003 255);
47
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
46
48
  --destructive: var(--error);
47
49
  --border: oklch(0.912 0.0176 255);
48
50
  --input: oklch(0.912 0.0176 255);
@@ -110,10 +112,12 @@
110
112
  --error-text: color-mix(in oklab, var(--error) 76%, white);
111
113
  --success: oklch(0.6 0.118 184.7);
112
114
  --success-foreground: oklch(0.995 0.002 255);
115
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
113
116
  --info: oklch(0.707 0.165 254.62);
114
117
  --info-foreground: oklch(0.995 0.002 255);
115
118
  --warning: oklch(0.7 0.15 70);
116
119
  --warning-foreground: oklch(0.995 0.002 255);
120
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
117
121
  --destructive: oklch(0.704 0.191 22.216);
118
122
  --border: oklch(0.289 0.0275 255);
119
123
  --input: oklch(0.328 0.0297 255);
package/lib/themes/bluemoon.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "bluemoon", generated.
2
2
  * Seeds: primary oklch(0.45 0.12 265), secondary oklch(0.55 0.02 250), tertiary oklch(0.62 0.08 290), neutral hue 265, tint 1.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * lightness-moved: secondary: lightness 0.550 to 0.520 for AA.
5
5
  * lightness-moved: tertiary: lightness 0.620 to 0.563 for AA.
6
6
  * hue-near-status: The primary's hue 265 is 10° from info (254.624): they may read alike. Keep an icon and a word with every status.
@@ -39,10 +39,12 @@
39
39
  --error-text: color-mix(in oklab, var(--error) 92%, black);
40
40
  --success: oklch(0.46 0.118 184.7);
41
41
  --success-foreground: oklch(0.984 0.003 265);
42
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
42
43
  --info: oklch(0.48 0.165 254.62);
43
44
  --info-foreground: oklch(0.984 0.003 265);
44
45
  --warning: oklch(0.52 0.13 62);
45
46
  --warning-foreground: oklch(0.984 0.003 265);
47
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
46
48
  --destructive: var(--error);
47
49
  --border: oklch(0.912 0.016 265);
48
50
  --input: oklch(0.912 0.016 265);
@@ -110,10 +112,12 @@
110
112
  --error-text: color-mix(in oklab, var(--error) 76%, white);
111
113
  --success: oklch(0.6 0.118 184.7);
112
114
  --success-foreground: oklch(0.995 0.002 265);
115
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
113
116
  --info: oklch(0.707 0.165 254.62);
114
117
  --info-foreground: oklch(0.995 0.002 265);
115
118
  --warning: oklch(0.7 0.15 70);
116
119
  --warning-foreground: oklch(0.995 0.002 265);
120
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
117
121
  --destructive: oklch(0.704 0.191 22.216);
118
122
  --border: oklch(0.289 0.025 265);
119
123
  --input: oklch(0.328 0.027 265);
package/lib/themes/corail.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "corail", generated.
2
2
  * Seeds: primary oklch(0.58 0.17 35), secondary oklch(0.52 0.1 70), tertiary oklch(0.5 0.1 200), neutral hue 30, tint 0.8.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * lightness-moved: primary: lightness 0.580 to 0.575 for AA.
5
5
  * chroma-lowered: tertiary: chroma 0.100 to 0.085 (lowered to fit sRGB or AA).
6
6
  * hue-near-status: The primary's hue 35 is 8° from error (27.325): they may read alike. Keep an icon and a word with every status.
@@ -39,10 +39,12 @@
39
39
  --error-text: color-mix(in oklab, var(--error) 92%, black);
40
40
  --success: oklch(0.46 0.118 184.7);
41
41
  --success-foreground: oklch(0.984 0.003 30);
42
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
42
43
  --info: oklch(0.48 0.165 254.62);
43
44
  --info-foreground: oklch(0.984 0.003 30);
44
45
  --warning: oklch(0.52 0.13 62);
45
46
  --warning-foreground: oklch(0.984 0.003 30);
47
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
46
48
  --destructive: var(--error);
47
49
  --border: oklch(0.912 0.0128 30);
48
50
  --input: oklch(0.912 0.0128 30);
@@ -110,10 +112,12 @@
110
112
  --error-text: color-mix(in oklab, var(--error) 76%, white);
111
113
  --success: oklch(0.6 0.118 184.7);
112
114
  --success-foreground: oklch(0.995 0.002 30);
115
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
113
116
  --info: oklch(0.707 0.165 254.62);
114
117
  --info-foreground: oklch(0.995 0.002 30);
115
118
  --warning: oklch(0.7 0.15 70);
116
119
  --warning-foreground: oklch(0.995 0.002 30);
120
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
117
121
  --destructive: oklch(0.704 0.191 22.216);
118
122
  --border: oklch(0.289 0.02 30);
119
123
  --input: oklch(0.328 0.0216 30);
package/lib/themes/foret.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "foret", generated.
2
2
  * Seeds: primary oklch(0.48 0.1 152), secondary oklch(0.5 0.08 118), tertiary oklch(0.5 0.1 55), neutral hue 140, tint 0.8.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="foret"] {
6
6
  --radius: 0.5rem;
@@ -36,10 +36,12 @@
36
36
  --error-text: color-mix(in oklab, var(--error) 92%, black);
37
37
  --success: oklch(0.46 0.118 184.7);
38
38
  --success-foreground: oklch(0.984 0.003 140);
39
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
39
40
  --info: oklch(0.48 0.165 254.62);
40
41
  --info-foreground: oklch(0.984 0.003 140);
41
42
  --warning: oklch(0.52 0.13 62);
42
43
  --warning-foreground: oklch(0.984 0.003 140);
44
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
43
45
  --destructive: var(--error);
44
46
  --border: oklch(0.912 0.0128 140);
45
47
  --input: oklch(0.912 0.0128 140);
@@ -107,10 +109,12 @@
107
109
  --error-text: color-mix(in oklab, var(--error) 76%, white);
108
110
  --success: oklch(0.6 0.118 184.7);
109
111
  --success-foreground: oklch(0.995 0.002 140);
112
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
110
113
  --info: oklch(0.707 0.165 254.62);
111
114
  --info-foreground: oklch(0.995 0.002 140);
112
115
  --warning: oklch(0.7 0.15 70);
113
116
  --warning-foreground: oklch(0.995 0.002 140);
117
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
114
118
  --destructive: oklch(0.704 0.191 22.216);
115
119
  --border: oklch(0.289 0.02 140);
116
120
  --input: oklch(0.328 0.0216 140);
package/lib/themes/lavande.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "lavande", generated.
2
2
  * Seeds: primary oklch(46% 0.1135 276.35), secondary oklch(48% 0.1135 245.65), tertiary oklch(45.91% 0.1864 310.75), neutral hue 292, tint 1.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="lavande"] {
6
6
  --radius: 0.625rem;
@@ -36,10 +36,12 @@
36
36
  --error-text: color-mix(in oklab, var(--error) 92%, black);
37
37
  --success: oklch(0.46 0.118 184.704);
38
38
  --success-foreground: oklch(0.984 0.003 247.858);
39
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
39
40
  --info: oklch(0.48 0.165 254.624);
40
41
  --info-foreground: oklch(0.984 0.003 247.858);
41
42
  --warning: oklch(0.52 0.13 62);
42
43
  --warning-foreground: oklch(0.984 0.003 247.858);
44
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
43
45
  --destructive: var(--error);
44
46
  --border: oklch(0.912 0.016 293.7);
45
47
  --input: oklch(0.912 0.016 293.7);
@@ -107,10 +109,12 @@
107
109
  --error-text: color-mix(in oklab, var(--error) 76%, white);
108
110
  --success: oklch(0.6 0.118 184.704);
109
111
  --success-foreground: oklch(0.995 0.002 291.3);
112
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
110
113
  --info: oklch(0.707 0.165 254.624);
111
114
  --info-foreground: oklch(0.995 0.002 291.3);
112
115
  --warning: oklch(0.7 0.15 70);
113
116
  --warning-foreground: oklch(0.995 0.002 291.3);
117
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
114
118
  --destructive: oklch(0.704 0.191 22.216);
115
119
  --border: oklch(0.289 0.025 291.4);
116
120
  --input: oklch(0.328 0.027 291.4);
package/lib/themes/menthe.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "menthe", generated.
2
2
  * Seeds: primary oklch(0.5 0.105 168), secondary oklch(0.5 0.09 205), tertiary oklch(0.52 0.11 120), neutral hue 170, tint 0.8.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * chroma-lowered: primary: chroma 0.105 to 0.101 (lowered to fit sRGB or AA).
5
5
  * chroma-lowered: secondary: chroma 0.090 to 0.085 (lowered to fit sRGB or AA).
6
6
  * hue-near-status: The primary's hue 168 is 17° from success (184.704): they may read alike. Keep an icon and a word with every status.
@@ -39,10 +39,12 @@
39
39
  --error-text: color-mix(in oklab, var(--error) 92%, black);
40
40
  --success: oklch(0.46 0.118 184.7);
41
41
  --success-foreground: oklch(0.984 0.003 170);
42
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
42
43
  --info: oklch(0.48 0.165 254.62);
43
44
  --info-foreground: oklch(0.984 0.003 170);
44
45
  --warning: oklch(0.52 0.13 62);
45
46
  --warning-foreground: oklch(0.984 0.003 170);
47
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
46
48
  --destructive: var(--error);
47
49
  --border: oklch(0.912 0.0128 170);
48
50
  --input: oklch(0.912 0.0128 170);
@@ -110,10 +112,12 @@
110
112
  --error-text: color-mix(in oklab, var(--error) 76%, white);
111
113
  --success: oklch(0.6 0.118 184.7);
112
114
  --success-foreground: oklch(0.995 0.002 170);
115
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
113
116
  --info: oklch(0.707 0.165 254.62);
114
117
  --info-foreground: oklch(0.995 0.002 170);
115
118
  --warning: oklch(0.7 0.15 70);
116
119
  --warning-foreground: oklch(0.995 0.002 170);
120
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
117
121
  --destructive: oklch(0.704 0.191 22.216);
118
122
  --border: oklch(0.289 0.02 170);
119
123
  --input: oklch(0.328 0.0216 170);
package/lib/themes/ocean.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "ocean", generated.
2
2
  * Seeds: primary oklch(0.5 0.12 228), secondary oklch(0.52 0.09 192), tertiary oklch(0.5 0.13 268), neutral hue 230, tint 0.9.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * chroma-lowered: primary: chroma 0.120 to 0.098 (lowered to fit sRGB or AA).
5
5
  * lightness-moved: secondary: lightness 0.520 to 0.505 for AA.
6
6
  * chroma-lowered: secondary: chroma 0.090 to 0.087 (lowered to fit sRGB or AA).
@@ -39,10 +39,12 @@
39
39
  --error-text: color-mix(in oklab, var(--error) 92%, black);
40
40
  --success: oklch(0.46 0.118 184.7);
41
41
  --success-foreground: oklch(0.984 0.003 230);
42
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
42
43
  --info: oklch(0.48 0.165 254.62);
43
44
  --info-foreground: oklch(0.984 0.003 230);
44
45
  --warning: oklch(0.52 0.13 62);
45
46
  --warning-foreground: oklch(0.984 0.003 230);
47
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
46
48
  --destructive: var(--error);
47
49
  --border: oklch(0.912 0.0144 230);
48
50
  --input: oklch(0.912 0.0144 230);
@@ -110,10 +112,12 @@
110
112
  --error-text: color-mix(in oklab, var(--error) 76%, white);
111
113
  --success: oklch(0.6 0.118 184.7);
112
114
  --success-foreground: oklch(0.995 0.002 230);
115
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
113
116
  --info: oklch(0.707 0.165 254.62);
114
117
  --info-foreground: oklch(0.995 0.002 230);
115
118
  --warning: oklch(0.7 0.15 70);
116
119
  --warning-foreground: oklch(0.995 0.002 230);
120
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
117
121
  --destructive: oklch(0.704 0.191 22.216);
118
122
  --border: oklch(0.289 0.0225 230);
119
123
  --input: oklch(0.328 0.0243 230);
package/lib/themes/pink.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Theme "pink", generated.
2
2
  * Seeds: primary oklch(0.55 0.2 345), secondary oklch(0.5 0.14 320), tertiary oklch(0.5 0.1 200), neutral hue 345, tint 0.7.
3
- * Contrast: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  * chroma-lowered: tertiary: chroma 0.100 to 0.085 (lowered to fit sRGB or AA).
5
5
  */
6
6
  [data-nxgt-theme="pink"] {
@@ -37,10 +37,12 @@
37
37
  --error-text: color-mix(in oklab, var(--error) 92%, black);
38
38
  --success: oklch(0.46 0.118 184.7);
39
39
  --success-foreground: oklch(0.984 0.003 345);
40
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
40
41
  --info: oklch(0.48 0.165 254.62);
41
42
  --info-foreground: oklch(0.984 0.003 345);
42
43
  --warning: oklch(0.52 0.13 62);
43
44
  --warning-foreground: oklch(0.984 0.003 345);
45
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
44
46
  --destructive: var(--error);
45
47
  --border: oklch(0.912 0.0112 345);
46
48
  --input: oklch(0.912 0.0112 345);
@@ -108,10 +110,12 @@
108
110
  --error-text: color-mix(in oklab, var(--error) 76%, white);
109
111
  --success: oklch(0.6 0.118 184.7);
110
112
  --success-foreground: oklch(0.995 0.002 345);
113
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
111
114
  --info: oklch(0.707 0.165 254.62);
112
115
  --info-foreground: oklch(0.995 0.002 345);
113
116
  --warning: oklch(0.7 0.15 70);
114
117
  --warning-foreground: oklch(0.995 0.002 345);
118
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
115
119
  --destructive: oklch(0.704 0.191 22.216);
116
120
  --border: oklch(0.289 0.0175 345);
117
121
  --input: oklch(0.328 0.0189 345);
package/lib/themes/prune.css CHANGED
@@ -1,6 +1,6 @@
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: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="prune"] {
6
6
  --radius: 0.5rem;
@@ -36,10 +36,12 @@
36
36
  --error-text: color-mix(in oklab, var(--error) 92%, black);
37
37
  --success: oklch(0.46 0.118 184.7);
38
38
  --success-foreground: oklch(0.984 0.003 330);
39
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
39
40
  --info: oklch(0.48 0.165 254.62);
40
41
  --info-foreground: oklch(0.984 0.003 330);
41
42
  --warning: oklch(0.52 0.13 62);
42
43
  --warning-foreground: oklch(0.984 0.003 330);
44
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
43
45
  --destructive: var(--error);
44
46
  --border: oklch(0.912 0.016 330);
45
47
  --input: oklch(0.912 0.016 330);
@@ -107,10 +109,12 @@
107
109
  --error-text: color-mix(in oklab, var(--error) 76%, white);
108
110
  --success: oklch(0.6 0.118 184.7);
109
111
  --success-foreground: oklch(0.995 0.002 330);
112
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
110
113
  --info: oklch(0.707 0.165 254.62);
111
114
  --info-foreground: oklch(0.995 0.002 330);
112
115
  --warning: oklch(0.7 0.15 70);
113
116
  --warning-foreground: oklch(0.995 0.002 330);
117
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
114
118
  --destructive: oklch(0.704 0.191 22.216);
115
119
  --border: oklch(0.289 0.025 330);
116
120
  --input: oklch(0.328 0.027 330);
package/lib/themes/sable.css CHANGED
@@ -1,6 +1,6 @@
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: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="sable"] {
6
6
  --radius: 0.5rem;
@@ -36,10 +36,12 @@
36
36
  --error-text: color-mix(in oklab, var(--error) 92%, black);
37
37
  --success: oklch(0.46 0.118 184.7);
38
38
  --success-foreground: oklch(0.984 0.003 75);
39
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
39
40
  --info: oklch(0.48 0.165 254.62);
40
41
  --info-foreground: oklch(0.984 0.003 75);
41
42
  --warning: oklch(0.52 0.13 62);
42
43
  --warning-foreground: oklch(0.984 0.003 75);
44
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
43
45
  --destructive: var(--error);
44
46
  --border: oklch(0.912 0.008 75);
45
47
  --input: oklch(0.912 0.008 75);
@@ -107,10 +109,12 @@
107
109
  --error-text: color-mix(in oklab, var(--error) 76%, white);
108
110
  --success: oklch(0.6 0.118 184.7);
109
111
  --success-foreground: oklch(0.995 0.002 75);
112
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
110
113
  --info: oklch(0.707 0.165 254.62);
111
114
  --info-foreground: oklch(0.995 0.002 75);
112
115
  --warning: oklch(0.7 0.15 70);
113
116
  --warning-foreground: oklch(0.995 0.002 75);
117
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
114
118
  --destructive: oklch(0.704 0.191 22.216);
115
119
  --border: oklch(0.289 0.0125 75);
116
120
  --input: oklch(0.328 0.0135 75);
package/lib/themes/slate.css CHANGED
@@ -1,6 +1,6 @@
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: 81 pairs, 0 failing.
3
+ * Contrast: 89 pairs, 0 failing.
4
4
  */
5
5
  [data-nxgt-theme="slate"] {
6
6
  --radius: 0.25rem;
@@ -36,10 +36,12 @@
36
36
  --error-text: color-mix(in oklab, var(--error) 92%, black);
37
37
  --success: oklch(0.46 0.118 184.7);
38
38
  --success-foreground: oklch(0.984 0.003 258);
39
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
39
40
  --info: oklch(0.48 0.165 254.62);
40
41
  --info-foreground: oklch(0.984 0.003 258);
41
42
  --warning: oklch(0.52 0.13 62);
42
43
  --warning-foreground: oklch(0.984 0.003 258);
44
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
43
45
  --destructive: var(--error);
44
46
  --border: oklch(0.912 0.0056 258);
45
47
  --input: oklch(0.912 0.0056 258);
@@ -107,10 +109,12 @@
107
109
  --error-text: color-mix(in oklab, var(--error) 76%, white);
108
110
  --success: oklch(0.6 0.118 184.7);
109
111
  --success-foreground: oklch(0.995 0.002 258);
112
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
110
113
  --info: oklch(0.707 0.165 254.62);
111
114
  --info-foreground: oklch(0.995 0.002 258);
112
115
  --warning: oklch(0.7 0.15 70);
113
116
  --warning-foreground: oklch(0.995 0.002 258);
117
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
114
118
  --destructive: oklch(0.704 0.191 22.216);
115
119
  --border: oklch(0.289 0.0087 258);
116
120
  --input: oklch(0.328 0.0095 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: 81 pairs, 0 failing.
3
+ * Contrast: 89 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.490 for AA.
6
6
  * chroma-lowered: secondary: chroma 0.090 to 0.087 (lowered to fit sRGB or AA).
@@ -41,10 +41,12 @@
41
41
  --error-text: color-mix(in oklab, var(--error) 92%, black);
42
42
  --success: oklch(0.46 0.118 145);
43
43
  --success-foreground: oklch(0.984 0.003 190);
44
+ --success-text: color-mix(in oklab, var(--success) 92%, black);
44
45
  --info: oklch(0.48 0.165 254.62);
45
46
  --info-foreground: oklch(0.984 0.003 190);
46
47
  --warning: oklch(0.52 0.13 62);
47
48
  --warning-foreground: oklch(0.984 0.003 190);
49
+ --warning-text: color-mix(in oklab, var(--warning) 92%, black);
48
50
  --destructive: var(--error);
49
51
  --border: oklch(0.912 0.0128 190);
50
52
  --input: oklch(0.912 0.0128 190);
@@ -112,10 +114,12 @@
112
114
  --error-text: color-mix(in oklab, var(--error) 71%, white);
113
115
  --success: oklch(0.6 0.118 145);
114
116
  --success-foreground: oklch(0.995 0.002 190);
117
+ --success-text: color-mix(in oklab, var(--success) 76%, white);
115
118
  --info: oklch(0.707 0.165 254.62);
116
119
  --info-foreground: oklch(0.995 0.002 190);
117
120
  --warning: oklch(0.7 0.15 70);
118
121
  --warning-foreground: oklch(0.995 0.002 190);
122
+ --warning-text: color-mix(in oklab, var(--warning) 76%, white);
119
123
  --destructive: oklch(0.704 0.191 22.216);
120
124
  --border: oklch(0.331 0.02 190);
121
125
  --input: oklch(0.37 0.0216 190);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nxgt/material",
3
- "version": "3.94.0",
3
+ "version": "3.95.1",
4
4
  "license": "MIT",
5
5
  "bugs": {
6
6
  "email": "stevegires@gmail.com"
@@ -390,7 +390,7 @@
390
390
  "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"
391
391
  },
392
392
  "dependencies": {
393
- "@nxgt/material-core": "^0.54.0",
393
+ "@nxgt/material-core": "^0.55.0",
394
394
  "@base-ui/react": "^1.6.0",
395
395
  "@dnd-kit/core": "^6.3.1",
396
396
  "@dnd-kit/sortable": "^10.0.0",