@syncfusion/ej2-react-navigations 20.1.60 → 20.2.38

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 (102) hide show
  1. package/CHANGELOG.md +79 -0
  2. package/diConfig.json +0 -7
  3. package/dist/ej2-react-navigations.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +743 -14
  6. package/styles/bootstrap-dark.scss +1 -0
  7. package/styles/bootstrap.css +744 -14
  8. package/styles/bootstrap.scss +1 -0
  9. package/styles/bootstrap4.css +745 -14
  10. package/styles/bootstrap4.scss +1 -0
  11. package/styles/bootstrap5-dark.css +789 -14
  12. package/styles/bootstrap5-dark.scss +1 -0
  13. package/styles/bootstrap5.css +789 -14
  14. package/styles/bootstrap5.scss +1 -0
  15. package/styles/breadcrumb/fluent-dark.css +5 -4
  16. package/styles/breadcrumb/fluent.css +5 -4
  17. package/styles/carousel/bootstrap-dark.css +23 -14
  18. package/styles/carousel/bootstrap.css +23 -14
  19. package/styles/carousel/bootstrap4.css +23 -14
  20. package/styles/carousel/bootstrap5-dark.css +23 -14
  21. package/styles/carousel/bootstrap5.css +23 -14
  22. package/styles/carousel/fabric-dark.css +23 -14
  23. package/styles/carousel/fabric.css +23 -14
  24. package/styles/carousel/fluent-dark.css +28 -19
  25. package/styles/carousel/fluent.css +23 -14
  26. package/styles/carousel/highcontrast-light.css +23 -14
  27. package/styles/carousel/highcontrast.css +23 -14
  28. package/styles/carousel/material-dark.css +23 -14
  29. package/styles/carousel/material.css +23 -14
  30. package/styles/carousel/tailwind-dark.css +23 -14
  31. package/styles/carousel/tailwind.css +23 -14
  32. package/styles/context-menu/bootstrap-dark.css +33 -0
  33. package/styles/context-menu/bootstrap.css +34 -0
  34. package/styles/context-menu/bootstrap4.css +34 -0
  35. package/styles/context-menu/bootstrap5-dark.css +44 -0
  36. package/styles/context-menu/bootstrap5.css +44 -0
  37. package/styles/context-menu/fabric-dark.css +33 -0
  38. package/styles/context-menu/fabric.css +34 -0
  39. package/styles/context-menu/fluent-dark.css +44 -0
  40. package/styles/context-menu/fluent.css +44 -0
  41. package/styles/context-menu/highcontrast-light.css +33 -0
  42. package/styles/context-menu/highcontrast.css +34 -0
  43. package/styles/context-menu/material-dark.css +51 -0
  44. package/styles/context-menu/material.css +53 -0
  45. package/styles/context-menu/tailwind-dark.css +44 -0
  46. package/styles/context-menu/tailwind.css +44 -0
  47. package/styles/fabric-dark.css +743 -14
  48. package/styles/fabric-dark.scss +1 -0
  49. package/styles/fabric.css +744 -14
  50. package/styles/fabric.scss +1 -0
  51. package/styles/fluent-dark.css +799 -56
  52. package/styles/fluent-dark.scss +1 -0
  53. package/styles/fluent.css +762 -19
  54. package/styles/fluent.scss +1 -0
  55. package/styles/highcontrast-light.css +743 -14
  56. package/styles/highcontrast-light.scss +1 -0
  57. package/styles/highcontrast.css +744 -14
  58. package/styles/highcontrast.scss +1 -0
  59. package/styles/material-dark.css +762 -15
  60. package/styles/material-dark.scss +1 -0
  61. package/styles/material.css +763 -14
  62. package/styles/material.scss +1 -0
  63. package/styles/menu/bootstrap4.css +1 -0
  64. package/styles/menu/fluent-dark.css +1 -1
  65. package/styles/menu/fluent.css +1 -1
  66. package/styles/pager/bootstrap-dark.css +686 -0
  67. package/styles/pager/bootstrap-dark.scss +1 -0
  68. package/styles/pager/bootstrap.css +686 -0
  69. package/styles/pager/bootstrap.scss +1 -0
  70. package/styles/pager/bootstrap4.css +686 -0
  71. package/styles/pager/bootstrap4.scss +1 -0
  72. package/styles/pager/bootstrap5-dark.css +721 -0
  73. package/styles/pager/bootstrap5-dark.scss +1 -0
  74. package/styles/pager/bootstrap5.css +721 -0
  75. package/styles/pager/bootstrap5.scss +1 -0
  76. package/styles/pager/fabric-dark.css +686 -0
  77. package/styles/pager/fabric-dark.scss +1 -0
  78. package/styles/pager/fabric.css +686 -0
  79. package/styles/pager/fabric.scss +1 -0
  80. package/styles/pager/fluent-dark.css +688 -0
  81. package/styles/pager/fluent-dark.scss +1 -0
  82. package/styles/pager/fluent.css +688 -0
  83. package/styles/pager/fluent.scss +1 -0
  84. package/styles/pager/highcontrast-light.css +686 -0
  85. package/styles/pager/highcontrast-light.scss +1 -0
  86. package/styles/pager/highcontrast.css +686 -0
  87. package/styles/pager/highcontrast.scss +1 -0
  88. package/styles/pager/material-dark.css +687 -0
  89. package/styles/pager/material-dark.scss +1 -0
  90. package/styles/pager/material.css +687 -0
  91. package/styles/pager/material.scss +1 -0
  92. package/styles/pager/tailwind-dark.css +813 -0
  93. package/styles/pager/tailwind-dark.scss +1 -0
  94. package/styles/pager/tailwind.css +813 -0
  95. package/styles/pager/tailwind.scss +1 -0
  96. package/styles/tab/fluent-dark.css +30 -30
  97. package/styles/tab/material-dark.css +1 -1
  98. package/styles/tailwind-dark.css +882 -15
  99. package/styles/tailwind-dark.scss +1 -0
  100. package/styles/tailwind.css +882 -15
  101. package/styles/tailwind.scss +1 -0
  102. package/styles/treeview/fluent-dark.css +2 -2
package/styles/context-menu/tailwind-dark.css CHANGED
@@ -1,4 +1,15 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /*! component's theme wise override definitions and variables */
3
+ @keyframes hscroll-popup-shadow {
4
+ 0% {
5
+ border-color: rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ }
11
+ }
12
+ /*! component's theme wise override definitions and variables */
2
13
  /*! contextmenu layout */
3
14
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
15
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -169,6 +180,29 @@
169
180
  border: 0;
170
181
  margin: 0;
171
182
  }
183
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
184
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
185
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
186
+ }
187
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
188
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
189
+ height: 100%;
190
+ width: inherit;
191
+ }
192
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
193
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
194
+ height: 16px;
195
+ }
196
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
197
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
198
+ padding: 16px 0;
199
+ }
200
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
201
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
202
+ box-shadow: none;
203
+ margin-top: -12px;
204
+ width: inherit;
205
+ }
172
206
 
173
207
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
174
208
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -334,4 +368,14 @@
334
368
  .e-contextmenu-wrapper ul .e-separator,
335
369
  .e-contextmenu-container ul .e-separator {
336
370
  border-bottom-color: #4b5563;
371
+ }
372
+
373
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
374
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
375
+ background-color: inherit;
376
+ border: 1px solid #4b5563;
377
+ }
378
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
379
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
380
+ border-color: #4b5563;
337
381
  }
package/styles/context-menu/tailwind.css CHANGED
@@ -1,4 +1,15 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /*! component's theme wise override definitions and variables */
3
+ @keyframes hscroll-popup-shadow {
4
+ 0% {
5
+ border-color: rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ }
11
+ }
12
+ /*! component's theme wise override definitions and variables */
2
13
  /*! contextmenu layout */
3
14
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
15
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -169,6 +180,29 @@
169
180
  border: 0;
170
181
  margin: 0;
171
182
  }
183
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
184
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
185
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
186
+ }
187
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
188
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
189
+ height: 100%;
190
+ width: inherit;
191
+ }
192
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
193
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
194
+ height: 16px;
195
+ }
196
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
197
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
198
+ padding: 16px 0;
199
+ }
200
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
201
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
202
+ box-shadow: none;
203
+ margin-top: -12px;
204
+ width: inherit;
205
+ }
172
206
 
173
207
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
174
208
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
@@ -334,4 +368,14 @@
334
368
  .e-contextmenu-wrapper ul .e-separator,
335
369
  .e-contextmenu-container ul .e-separator {
336
370
  border-bottom-color: #e5e7eb;
371
+ }
372
+
373
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
374
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
375
+ background-color: inherit;
376
+ border: 1px solid #e5e7eb;
377
+ }
378
+ .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
379
+ .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
380
+ border-color: #e5e7eb;
337
381
  }