@syncfusion/ej2-react-navigations 20.1.58 → 20.2.36

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 (110) 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 +744 -16
  6. package/styles/bootstrap-dark.scss +1 -0
  7. package/styles/bootstrap.css +748 -23
  8. package/styles/bootstrap.scss +1 -0
  9. package/styles/bootstrap4.css +748 -20
  10. package/styles/bootstrap4.scss +1 -0
  11. package/styles/bootstrap5-dark.css +793 -21
  12. package/styles/bootstrap5-dark.scss +1 -0
  13. package/styles/bootstrap5.css +793 -21
  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 +24 -16
  18. package/styles/carousel/bootstrap.css +24 -16
  19. package/styles/carousel/bootstrap4.css +24 -16
  20. package/styles/carousel/bootstrap5-dark.css +24 -16
  21. package/styles/carousel/bootstrap5.css +24 -16
  22. package/styles/carousel/fabric-dark.css +24 -16
  23. package/styles/carousel/fabric.css +24 -16
  24. package/styles/carousel/fluent-dark.css +24 -16
  25. package/styles/carousel/fluent.css +24 -16
  26. package/styles/carousel/highcontrast-light.css +24 -16
  27. package/styles/carousel/highcontrast.css +24 -16
  28. package/styles/carousel/material-dark.css +24 -16
  29. package/styles/carousel/material.css +24 -16
  30. package/styles/carousel/tailwind-dark.css +24 -16
  31. package/styles/carousel/tailwind.css +24 -16
  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 +744 -16
  48. package/styles/fabric-dark.scss +1 -0
  49. package/styles/fabric.css +745 -16
  50. package/styles/fabric.scss +1 -0
  51. package/styles/fluent-dark.css +763 -21
  52. package/styles/fluent-dark.scss +1 -0
  53. package/styles/fluent.css +763 -21
  54. package/styles/fluent.scss +1 -0
  55. package/styles/highcontrast-light.css +744 -16
  56. package/styles/highcontrast-light.scss +1 -0
  57. package/styles/highcontrast.css +745 -16
  58. package/styles/highcontrast.scss +1 -0
  59. package/styles/material-dark.css +763 -17
  60. package/styles/material-dark.scss +1 -0
  61. package/styles/material.css +764 -16
  62. package/styles/material.scss +1 -0
  63. package/styles/menu/bootstrap.css +1 -2
  64. package/styles/menu/bootstrap4.css +2 -2
  65. package/styles/menu/fluent-dark.css +1 -1
  66. package/styles/menu/fluent.css +1 -1
  67. package/styles/pager/bootstrap-dark.css +686 -0
  68. package/styles/pager/bootstrap-dark.scss +1 -0
  69. package/styles/pager/bootstrap.css +686 -0
  70. package/styles/pager/bootstrap.scss +1 -0
  71. package/styles/pager/bootstrap4.css +686 -0
  72. package/styles/pager/bootstrap4.scss +1 -0
  73. package/styles/pager/bootstrap5-dark.css +721 -0
  74. package/styles/pager/bootstrap5-dark.scss +1 -0
  75. package/styles/pager/bootstrap5.css +721 -0
  76. package/styles/pager/bootstrap5.scss +1 -0
  77. package/styles/pager/fabric-dark.css +686 -0
  78. package/styles/pager/fabric-dark.scss +1 -0
  79. package/styles/pager/fabric.css +686 -0
  80. package/styles/pager/fabric.scss +1 -0
  81. package/styles/pager/fluent-dark.css +688 -0
  82. package/styles/pager/fluent-dark.scss +1 -0
  83. package/styles/pager/fluent.css +688 -0
  84. package/styles/pager/fluent.scss +1 -0
  85. package/styles/pager/highcontrast-light.css +686 -0
  86. package/styles/pager/highcontrast-light.scss +1 -0
  87. package/styles/pager/highcontrast.css +686 -0
  88. package/styles/pager/highcontrast.scss +1 -0
  89. package/styles/pager/material-dark.css +687 -0
  90. package/styles/pager/material-dark.scss +1 -0
  91. package/styles/pager/material.css +687 -0
  92. package/styles/pager/material.scss +1 -0
  93. package/styles/pager/tailwind-dark.css +813 -0
  94. package/styles/pager/tailwind-dark.scss +1 -0
  95. package/styles/pager/tailwind.css +813 -0
  96. package/styles/pager/tailwind.scss +1 -0
  97. package/styles/tab/bootstrap.css +1 -2
  98. package/styles/tab/bootstrap5-dark.css +1 -2
  99. package/styles/tab/bootstrap5.css +1 -2
  100. package/styles/tab/material-dark.css +1 -1
  101. package/styles/tailwind-dark.css +883 -17
  102. package/styles/tailwind-dark.scss +1 -0
  103. package/styles/tailwind.css +883 -17
  104. package/styles/tailwind.scss +1 -0
  105. package/styles/toolbar/bootstrap.css +1 -3
  106. package/styles/toolbar/bootstrap4.css +1 -2
  107. package/styles/toolbar/bootstrap5-dark.css +1 -2
  108. package/styles/toolbar/bootstrap5.css +1 -2
  109. package/styles/treeview/bootstrap5-dark.css +1 -1
  110. package/styles/treeview/bootstrap5.css +1 -1
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
  }