@nova-design-system/nova-react 3.13.0 → 3.14.0-beta.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 (60) hide show
  1. package/dist/cjs/{collapse.animation-acda1bf5-BuORVmQv.js → collapse.animation-6e0b08df-AHWzNGm_.js} +4 -1
  2. package/dist/cjs/{constants-d0f19e7b-s0SCO_vi.js → constants-69bafca2-DpB_ghPF.js} +9 -0
  3. package/dist/cjs/{fade.animation-eb454088-Bma0SpTf.js → fade.animation-9b939939-DV--bM4S.js} +2 -2
  4. package/dist/cjs/{index-Jgn7NELT.js → index-CJDePE8Z.js} +583 -327
  5. package/dist/cjs/index.js +9 -1
  6. package/dist/cjs/{nv-accordion-item.entry-C7vVmDCg.js → nv-accordion-item.entry-Begcz9SZ.js} +5 -4
  7. package/dist/cjs/{nv-accordion.entry-CFynyAOo.js → nv-accordion.entry-DQAkheHY.js} +2 -1
  8. package/dist/cjs/{nv-alert.entry-C_FMs0Yi.js → nv-alert.entry-CEzR0iu0.js} +12 -11
  9. package/dist/cjs/{nv-avatar.entry-BvjSzIHn.js → nv-avatar.entry-B-u7r30l.js} +8 -7
  10. package/dist/cjs/{nv-badge_2.entry-CLNvgVtj.js → nv-badge_2.entry-0vhTS5D7.js} +11 -10
  11. package/dist/cjs/{nv-breadcrumb.entry-Ch2Cvr_a.js → nv-breadcrumb.entry-BkWs1x-W.js} +2 -1
  12. package/dist/cjs/{nv-breadcrumbs.entry-DmH8AGIm.js → nv-breadcrumbs.entry-DglL-1Ed.js} +2 -1
  13. package/dist/cjs/{nv-button.entry-B0lusQ2w.js → nv-button.entry-BbT0aeQI.js} +8 -7
  14. package/dist/cjs/{nv-buttongroup.entry-DLVCcdh9.js → nv-buttongroup.entry-wlJma4qm.js} +2 -1
  15. package/dist/cjs/{nv-calendar.entry-BmX0f_Or.js → nv-calendar.entry-wIPDRk0B.js} +8 -7
  16. package/dist/cjs/{nv-col.entry-lysICYEC.js → nv-col.entry-Btsenp2c.js} +2 -1
  17. package/dist/cjs/{nv-datagrid.entry-vG3h5dj3.js → nv-datagrid.entry-Dae8YlRu.js} +7 -6
  18. package/dist/cjs/{nv-datagridcolumn.entry-9NynF9K-.js → nv-datagridcolumn.entry-D918Vo_U.js} +2 -1
  19. package/dist/cjs/{nv-dialog.entry-Ctsz1K-O.js → nv-dialog.entry--cGTlgDZ.js} +4 -3
  20. package/dist/cjs/{nv-dialogfooter_2.entry-B17HEgyc.js → nv-dialogfooter_2.entry-CXYjGHc5.js} +5 -4
  21. package/dist/cjs/{nv-fieldcheckbox.entry-DMiADwqV.js → nv-fieldcheckbox.entry-9b_kDQGz.js} +3 -2
  22. package/dist/cjs/{nv-fielddate.entry-D3X6Jl3u.js → nv-fielddate.entry-CRRTthds.js} +2 -1
  23. package/dist/cjs/{nv-fielddaterange.entry-C8_SFFXW.js → nv-fielddaterange.entry-BAVePsLs.js} +2 -1
  24. package/dist/cjs/{nv-fielddropdown.entry-BiBR8Qgs.js → nv-fielddropdown.entry-Dy8sZyze.js} +2 -1
  25. package/dist/cjs/{nv-fielddropdownitem.entry-DQ8QK4AS.js → nv-fielddropdownitem.entry-CuPocgsF.js} +2 -1
  26. package/dist/cjs/{nv-fieldmultiselect.entry-J5VTOPum.js → nv-fieldmultiselect.entry-HWSDowQH.js} +2 -1
  27. package/dist/cjs/{nv-fieldnumber.entry-Djpg1HMq.js → nv-fieldnumber.entry-fObgOYJX.js} +2 -1
  28. package/dist/cjs/{nv-fieldpassword.entry-DKT9Xn5H.js → nv-fieldpassword.entry-BRhKH_Mb.js} +2 -1
  29. package/dist/cjs/{nv-fieldradio.entry-CPYf3K2o.js → nv-fieldradio.entry-D74Mlgjc.js} +2 -1
  30. package/dist/cjs/{nv-fieldselect.entry-DnbL7aZB.js → nv-fieldselect.entry-BS81ItZs.js} +2 -1
  31. package/dist/cjs/{nv-fieldslider.entry-CNRJuo7v.js → nv-fieldslider.entry-xyqrZxYj.js} +2 -1
  32. package/dist/cjs/{nv-fieldtext.entry-B9lIHck7.js → nv-fieldtext.entry-BVUKbv4b.js} +2 -1
  33. package/dist/cjs/{nv-fieldtextarea.entry-B2EDj8cm.js → nv-fieldtextarea.entry-B7hb1so-.js} +2 -1
  34. package/dist/cjs/{nv-fieldtime.entry-CpoXpAPx.js → nv-fieldtime.entry-DvCbKaOO.js} +61 -60
  35. package/dist/cjs/nv-icon.entry-DP715dyH.js +80 -0
  36. package/dist/cjs/{nv-iconbutton_2.entry-DR_wR73O.js → nv-iconbutton_2.entry-FpzwxZe_.js} +2 -1
  37. package/dist/cjs/{nv-menu.entry-DB_G8hS_.js → nv-menu.entry-ryMNpTHW.js} +2 -1
  38. package/dist/cjs/{nv-menuitem.entry-PBCNIzPI.js → nv-menuitem.entry-SQBrWIYf.js} +2 -1
  39. package/dist/cjs/nv-notification.entry-DnCew-lG.js +262 -0
  40. package/dist/cjs/nv-notificationcontainer.entry-Dwlv9s1v.js +41 -0
  41. package/dist/cjs/{nv-popover.entry-ttESQMgj.js → nv-popover.entry-DOu6rhco.js} +7 -6
  42. package/dist/cjs/{nv-row.entry-DPEGaFeS.js → nv-row.entry-Tx_yvWTJ.js} +3 -2
  43. package/dist/cjs/{nv-stack.entry-CTPwlz23.js → nv-stack.entry-Cn0JrM2N.js} +3 -2
  44. package/dist/cjs/{nv-table.entry-Dv1mZKcu.js → nv-table.entry-D-uKGKnp.js} +4 -3
  45. package/dist/cjs/{nv-tablecolumn.entry-DrAaeHm-.js → nv-tablecolumn.entry-BsJzXKCk.js} +2 -1
  46. package/dist/cjs/{nv-toggle.entry-D2TRd371.js → nv-toggle.entry-DuDRh-Ww.js} +4 -3
  47. package/dist/cjs/{nv-togglebutton.entry-D95qOQ1K.js → nv-togglebutton.entry-DAlky3tO.js} +3 -2
  48. package/dist/cjs/{nv-togglebuttongroup.entry-BNvyZgbh.js → nv-togglebuttongroup.entry-DTadjqMQ.js} +3 -2
  49. package/dist/cjs/{nv-tooltip.entry-oOw6EmyL.js → nv-tooltip.entry-BWzlP6gC.js} +3 -2
  50. package/dist/generated/components.js +8 -0
  51. package/dist/generated/components.server.js +8 -1
  52. package/dist/index.js +1 -0
  53. package/dist/providers/NotificationProvider.js +83 -0
  54. package/dist/types/generated/components.d.ts +3 -0
  55. package/dist/types/generated/components.server.d.ts +3 -0
  56. package/dist/types/index.d.ts +1 -0
  57. package/dist/types/providers/NotificationProvider.d.ts +36 -0
  58. package/package.json +4 -1
  59. package/dist/cjs/nv-icon.entry-DbOeEd4f.js +0 -79
  60. package/dist/cjs/nv-notification.entry-CyumbQS_.js +0 -178
@@ -162,10 +162,13 @@ const useCollapse = (node, { duration = 200, overflow = 'hidden' } = {}) => {
162
162
  * Expand: animate from 0 box to the element's natural box (height + margins),
163
163
  * then restore `height: auto` and computed margins.
164
164
  */
165
- function expand() {
165
+ async function expand() {
166
166
  stop();
167
+ // Make sure any pending screen updates are done
168
+ await new Promise(resolve => requestAnimationFrame(resolve));
167
169
  return new Promise(resolve => {
168
170
  // Let the element size naturally to measure the target box
171
+ // await next animation frame
169
172
  setStyle({
170
173
  height: '',
171
174
  marginTop: '',
@@ -1,5 +1,14 @@
1
1
  'use strict';
2
2
 
3
+ exports.NotificationPosition = void 0;
4
+ (function (NotificationPosition) {
5
+ NotificationPosition["TopRight"] = "top-right";
6
+ NotificationPosition["TopLeft"] = "top-left";
7
+ NotificationPosition["TopCenter"] = "top-center";
8
+ NotificationPosition["BottomRight"] = "bottom-right";
9
+ NotificationPosition["BottomLeft"] = "bottom-left";
10
+ NotificationPosition["BottomCenter"] = "bottom-center";
11
+ })(exports.NotificationPosition || (exports.NotificationPosition = {}));
3
12
  exports.FeedbackColors = void 0;
4
13
  (function (FeedbackColors) {
5
14
  FeedbackColors["Information"] = "information";
@@ -684,14 +684,14 @@ const useFade = (node, { duration } = { duration: 200 }) => {
684
684
  * is hidden.
685
685
  */
686
686
  function setFadeOut() {
687
- node.style.opacity = '0';
687
+ nodeStyler.set({ opacity: 0 });
688
688
  }
689
689
  /**
690
690
  * Applies the fadeIn styles without animating, useful when initial state
691
691
  * is visible.
692
692
  */
693
693
  function setFadeIn() {
694
- node.style.opacity = '1';
694
+ nodeStyler.set({ opacity: 1 });
695
695
  }
696
696
  /**
697
697
  * Will animate the opacity to 0, once complete, the opacity style attribute