@syncfusion/ej2-navigations 28.1.33 → 28.1.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 (96) hide show
  1. package/dist/ej2-navigations.min.js +1 -10
  2. package/dist/ej2-navigations.umd.min.js +1 -10
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +76 -51
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +77 -52
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +1 -10
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +6 -10
  12. package/src/accordion/accordion.d.ts +7 -0
  13. package/src/accordion/accordion.js +52 -45
  14. package/src/carousel/carousel.js +4 -1
  15. package/src/common/menu-base.d.ts +1 -0
  16. package/src/common/menu-base.js +18 -3
  17. package/src/treeview/treeview.js +2 -2
  18. package/styles/bds-lite.css +0 -1
  19. package/styles/bds.css +0 -1
  20. package/styles/bootstrap-dark-lite.css +0 -1
  21. package/styles/bootstrap-dark.css +0 -1
  22. package/styles/bootstrap-lite.css +0 -1
  23. package/styles/bootstrap.css +0 -1
  24. package/styles/bootstrap4-lite.css +0 -1
  25. package/styles/bootstrap4.css +0 -1
  26. package/styles/bootstrap5-dark-lite.css +0 -1
  27. package/styles/bootstrap5-dark.css +0 -1
  28. package/styles/bootstrap5-lite.css +0 -1
  29. package/styles/bootstrap5.3-lite.css +0 -1
  30. package/styles/bootstrap5.3.css +0 -1
  31. package/styles/bootstrap5.css +0 -1
  32. package/styles/breadcrumb/_bigger.scss +6 -0
  33. package/styles/breadcrumb/_layout.scss +3 -0
  34. package/styles/breadcrumb/_tailwind3-definition.scss +2 -2
  35. package/styles/breadcrumb/tailwind3.css +9 -2
  36. package/styles/context-menu/tailwind3.css +1 -1
  37. package/styles/fabric-dark-lite.css +0 -1
  38. package/styles/fabric-dark.css +0 -1
  39. package/styles/fabric-lite.css +0 -1
  40. package/styles/fabric.css +0 -1
  41. package/styles/fluent-dark-lite.css +0 -1
  42. package/styles/fluent-dark.css +0 -1
  43. package/styles/fluent-lite.css +0 -1
  44. package/styles/fluent.css +0 -1
  45. package/styles/fluent2-lite.css +0 -1
  46. package/styles/fluent2.css +0 -1
  47. package/styles/highcontrast-light-lite.css +0 -1
  48. package/styles/highcontrast-light.css +0 -1
  49. package/styles/highcontrast-lite.css +0 -1
  50. package/styles/highcontrast.css +0 -1
  51. package/styles/material-dark-lite.css +0 -1
  52. package/styles/material-dark.css +0 -1
  53. package/styles/material-lite.css +0 -1
  54. package/styles/material.css +0 -1
  55. package/styles/material3-dark-lite.css +0 -1
  56. package/styles/material3-dark.css +0 -1
  57. package/styles/material3-lite.css +0 -1
  58. package/styles/material3.css +0 -1
  59. package/styles/menu/_bigger.scss +3 -0
  60. package/styles/menu/_layout.scss +3 -0
  61. package/styles/menu/_theme.scss +1 -3
  62. package/styles/menu/tailwind3.css +7 -1
  63. package/styles/pager/_bigger.scss +26 -0
  64. package/styles/pager/_layout.scss +17 -0
  65. package/styles/pager/_tailwind3-definition.scss +2 -2
  66. package/styles/pager/tailwind3.css +42 -2
  67. package/styles/stepper/_layout.scss +0 -1
  68. package/styles/stepper/bds.css +0 -1
  69. package/styles/stepper/bootstrap-dark.css +0 -1
  70. package/styles/stepper/bootstrap.css +0 -1
  71. package/styles/stepper/bootstrap4.css +0 -1
  72. package/styles/stepper/bootstrap5-dark.css +0 -1
  73. package/styles/stepper/bootstrap5.3.css +0 -1
  74. package/styles/stepper/bootstrap5.css +0 -1
  75. package/styles/stepper/fabric-dark.css +0 -1
  76. package/styles/stepper/fabric.css +0 -1
  77. package/styles/stepper/fluent-dark.css +0 -1
  78. package/styles/stepper/fluent.css +0 -1
  79. package/styles/stepper/fluent2.css +0 -1
  80. package/styles/stepper/highcontrast-light.css +0 -1
  81. package/styles/stepper/highcontrast.css +0 -1
  82. package/styles/stepper/material-dark.css +0 -1
  83. package/styles/stepper/material.css +0 -1
  84. package/styles/stepper/material3-dark.css +0 -1
  85. package/styles/stepper/material3.css +0 -1
  86. package/styles/stepper/tailwind-dark.css +0 -1
  87. package/styles/stepper/tailwind.css +0 -1
  88. package/styles/stepper/tailwind3.css +0 -1
  89. package/styles/tab/tailwind3.css +3 -3
  90. package/styles/tailwind-dark-lite.css +0 -1
  91. package/styles/tailwind-dark.css +0 -1
  92. package/styles/tailwind-lite.css +0 -1
  93. package/styles/tailwind.css +0 -1
  94. package/styles/tailwind3-lite.css +29 -9
  95. package/styles/tailwind3.css +63 -11
  96. package/styles/treeview/tailwind3.css +1 -1
@@ -8599,7 +8599,6 @@ ejs-sidebar {
8599
8599
  }
8600
8600
  .e-stepper.e-vertical .e-stepper-progressbar {
8601
8601
  min-height: inherit;
8602
- height: inherit;
8603
8602
  width: 1.6px;
8604
8603
  top: 0;
8605
8604
  left: var(--progress-position);
@@ -11071,7 +11071,6 @@ ejs-sidebar {
11071
11071
  }
11072
11072
  .e-stepper.e-vertical .e-stepper-progressbar {
11073
11073
  min-height: inherit;
11074
- height: inherit;
11075
11074
  width: 1.6px;
11076
11075
  top: 0;
11077
11076
  left: var(--progress-position);
@@ -8735,7 +8735,6 @@ ejs-sidebar {
8735
8735
  }
8736
8736
  .e-stepper.e-vertical .e-stepper-progressbar {
8737
8737
  min-height: inherit;
8738
- height: inherit;
8739
8738
  width: 1.6px;
8740
8739
  top: 0;
8741
8740
  left: var(--progress-position);
@@ -11194,7 +11194,6 @@ ejs-sidebar {
11194
11194
  }
11195
11195
  .e-stepper.e-vertical .e-stepper-progressbar {
11196
11196
  min-height: inherit;
11197
- height: inherit;
11198
11197
  width: 1.6px;
11199
11198
  top: 0;
11200
11199
  left: var(--progress-position);
@@ -8755,7 +8755,6 @@ ejs-sidebar {
8755
8755
  }
8756
8756
  .e-stepper.e-vertical .e-stepper-progressbar {
8757
8757
  min-height: inherit;
8758
- height: inherit;
8759
8758
  width: 1.6px;
8760
8759
  top: 0;
8761
8760
  left: var(--progress-position);
@@ -11210,7 +11210,6 @@ ejs-sidebar {
11210
11210
  }
11211
11211
  .e-stepper.e-vertical .e-stepper-progressbar {
11212
11212
  min-height: inherit;
11213
- height: inherit;
11214
11213
  width: 1.6px;
11215
11214
  top: 0;
11216
11215
  left: var(--progress-position);
@@ -8688,7 +8688,6 @@ ejs-sidebar {
8688
8688
  }
8689
8689
  .e-stepper.e-vertical .e-stepper-progressbar {
8690
8690
  min-height: inherit;
8691
- height: inherit;
8692
8691
  width: 1.6px;
8693
8692
  top: 0;
8694
8693
  left: var(--progress-position);
@@ -11244,7 +11244,6 @@ ejs-sidebar {
11244
11244
  }
11245
11245
  .e-stepper.e-vertical .e-stepper-progressbar {
11246
11246
  min-height: inherit;
11247
- height: inherit;
11248
11247
  width: 1.6px;
11249
11248
  top: 0;
11250
11249
  left: var(--progress-position);
@@ -8690,7 +8690,6 @@ ejs-sidebar {
8690
8690
  }
8691
8691
  .e-stepper.e-vertical .e-stepper-progressbar {
8692
8692
  min-height: inherit;
8693
- height: inherit;
8694
8693
  width: 1.6px;
8695
8694
  top: 0;
8696
8695
  left: var(--progress-position);
@@ -11246,7 +11246,6 @@ ejs-sidebar {
11246
11246
  }
11247
11247
  .e-stepper.e-vertical .e-stepper-progressbar {
11248
11248
  min-height: inherit;
11249
- height: inherit;
11250
11249
  width: 1.6px;
11251
11250
  top: 0;
11252
11251
  left: var(--progress-position);
@@ -155,6 +155,9 @@
155
155
 
156
156
  & .e-scroll-nav {
157
157
  width: $menu-bigger-hscroll-nav-size;
158
+ @if $skin-name == 'tailwind3' {
159
+ min-height: 48px;
160
+ }
158
161
  }
159
162
  }
160
163
 
@@ -179,6 +179,9 @@
179
179
 
180
180
  & .e-scroll-nav {
181
181
  width: $menu-hscroll-nav-size;
182
+ @if $skin-name == 'tailwind3' {
183
+ min-height: 38px;
184
+ }
182
185
 
183
186
  &:focus,
184
187
  &:hover {
@@ -253,9 +253,7 @@
253
253
  }
254
254
 
255
255
  & .e-menu-hscroll.e-hscroll .e-scroll-nav {
256
- @if $skin-name != 'tailwind3' {
257
- background: $menu-ul-bgcolor;
258
- }
256
+ background: $menu-ul-bgcolor;
259
257
 
260
258
  & .e-nav-arrow.e-icons {
261
259
  @if $skin-name == 'fluent2' {
@@ -291,7 +291,7 @@
291
291
  .e-menu-wrapper .e-menu-header,
292
292
  .e-menu-container .e-menu-header {
293
293
  display: none;
294
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
294
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
295
295
  font-size: 16px;
296
296
  font-weight: 400;
297
297
  height: 38px;
@@ -320,6 +320,7 @@
320
320
  .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav,
321
321
  .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav {
322
322
  width: 28px;
323
+ min-height: 38px;
323
324
  }
324
325
  .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover,
325
326
  .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus,
@@ -792,6 +793,10 @@
792
793
  .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
793
794
  background: inherit;
794
795
  }
796
+ .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
797
+ .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {
798
+ background: transparent;
799
+ }
795
800
  .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons,
796
801
  .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons {
797
802
  color: var(--color-sf-secondary-text-color-focus);
@@ -988,6 +993,7 @@
988
993
  .e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav,
989
994
  .e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav {
990
995
  width: 40px;
996
+ min-height: 48px;
991
997
  }
992
998
  .e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
993
999
  .e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
@@ -334,4 +334,30 @@
334
334
  }
335
335
  }
336
336
  }
337
+
338
+ .e-bigger #{&}.sf-pager,
339
+ #{&}.sf-pager.e-bigger {
340
+ .e-pagercontainer {
341
+ .e-firstpage,
342
+ .e-prevpage,
343
+ .e-firstpagedisabled,
344
+ .e-prevpagedisabled,
345
+ .e-nextpage,
346
+ .e-lastpage,
347
+ .e-nextpagedisabled,
348
+ .e-lastpagedisabled {
349
+ @if $pager-skin =='tailwind3' {
350
+ padding: 10.3px 11.6px 12.5px;
351
+ }
352
+ }
353
+ }
354
+
355
+ .e-spacing,
356
+ .e-currentitem,
357
+ .e-numericitem:hover {
358
+ @if $pager-skin =='tailwind3' {
359
+ padding: 14.5px 15.48px 11.8px 15.1px;
360
+ }
361
+ }
362
+ }
337
363
  }
@@ -730,6 +730,23 @@
730
730
  .e-last {
731
731
  font-size: $pager-icon-size;
732
732
  }
733
+ .e-firstpage,
734
+ .e-prevpage,
735
+ .e-firstpagedisabled,
736
+ .e-prevpagedisabled,
737
+ .e-nextpage,
738
+ .e-lastpage,
739
+ .e-nextpagedisabled,
740
+ .e-lastpagedisabled {
741
+ @if $pager-skin == 'tailwind3' {
742
+ padding: 7.1px 8.6px 8.5px;
743
+ }
744
+ }
745
+ }
746
+ .e-spacing {
747
+ @if $pager-skin == 'tailwind3' {
748
+ padding: 7.6px 11.85px 7.8px 11.8px;
749
+ }
733
750
  }
734
751
 
735
752
  .e-numericcontainer a {
@@ -45,7 +45,7 @@ $pager-numeric-hover-bg-color: $content-bg-color-hover !default;
45
45
  $pager-numeric-txt-bg-color: $icon-color-disabled !default;
46
46
  $pager-padding: 7px 8px 7px 8px !default;
47
47
  $pager-numeric-font-weight: bold !default;
48
- $pager-messagebar-padding-top: 6px !default;
48
+ $pager-messagebar-padding-top: 5px !default;
49
49
  $pager-number-hover-bg-color: $content-bg-color-hover !default;
50
50
  $pager-font-family: $font-family !default;
51
51
  $pager-font-weight: bold !default;
@@ -72,7 +72,7 @@ $pager-bigger-current-item-padding: 10.7px 15.48px 11.5px 15.1px !default;
72
72
  $pager-letter-spacing: 0 !default;
73
73
  $pager-bigger-icons-align: middle !default;
74
74
  $pager-bigger-messagebar-padding-right: 0 !default;
75
- $pager-bigger-messagebar-padding-top: 9px !default;
75
+ $pager-bigger-messagebar-padding-top: 8px !default;
76
76
  $pager-last-content-icon: 'e235' !default;
77
77
  $pager-next-content-icon: 'e236' !default;
78
78
  $pager-prev-content-icon: 'e237' !default;
@@ -69,7 +69,7 @@
69
69
  float: right;
70
70
  padding-bottom: 0;
71
71
  padding-right: 0;
72
- padding-top: 6px;
72
+ padding-top: 5px;
73
73
  }
74
74
  .e-pager .e-pagesizes {
75
75
  display: inline;
@@ -484,6 +484,19 @@
484
484
  .e-pager.sf-pager .e-pagercontainer .e-last {
485
485
  font-size: 14px;
486
486
  }
487
+ .e-pager.sf-pager .e-pagercontainer .e-firstpage,
488
+ .e-pager.sf-pager .e-pagercontainer .e-prevpage,
489
+ .e-pager.sf-pager .e-pagercontainer .e-firstpagedisabled,
490
+ .e-pager.sf-pager .e-pagercontainer .e-prevpagedisabled,
491
+ .e-pager.sf-pager .e-pagercontainer .e-nextpage,
492
+ .e-pager.sf-pager .e-pagercontainer .e-lastpage,
493
+ .e-pager.sf-pager .e-pagercontainer .e-nextpagedisabled,
494
+ .e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
495
+ padding: 7.1px 8.6px 8.5px;
496
+ }
497
+ .e-pager.sf-pager .e-spacing {
498
+ padding: 7.6px 11.85px 7.8px 11.8px;
499
+ }
487
500
  .e-pager.sf-pager .e-numericcontainer a {
488
501
  font-size: 14px;
489
502
  }
@@ -613,7 +626,7 @@
613
626
  .e-pager.e-bigger div.e-parentmsgbar {
614
627
  padding-bottom: 8px;
615
628
  padding-right: 0;
616
- padding-top: 9px;
629
+ padding-top: 8px;
617
630
  }
618
631
  .e-bigger .e-pager:not(.e-adaptive) .e-pagerdropdown,
619
632
  .e-pager.e-bigger:not(.e-adaptive) .e-pagerdropdown {
@@ -832,4 +845,31 @@
832
845
  .e-bigger .e-pager.e-adaptive .e-pagerconstant,
833
846
  .e-pager.e-bigger.e-adaptive .e-pagerconstant {
834
847
  margin: 0 8px 0 10px;
848
+ }
849
+
850
+ .e-bigger .sf-pager .e-pagercontainer .e-firstpage,
851
+ .e-bigger .sf-pager .e-pagercontainer .e-prevpage,
852
+ .e-bigger .sf-pager .e-pagercontainer .e-firstpagedisabled,
853
+ .e-bigger .sf-pager .e-pagercontainer .e-prevpagedisabled,
854
+ .e-bigger .sf-pager .e-pagercontainer .e-nextpage,
855
+ .e-bigger .sf-pager .e-pagercontainer .e-lastpage,
856
+ .e-bigger .sf-pager .e-pagercontainer .e-nextpagedisabled,
857
+ .e-bigger .sf-pager .e-pagercontainer .e-lastpagedisabled,
858
+ .sf-pager.e-bigger .e-pagercontainer .e-firstpage,
859
+ .sf-pager.e-bigger .e-pagercontainer .e-prevpage,
860
+ .sf-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
861
+ .sf-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
862
+ .sf-pager.e-bigger .e-pagercontainer .e-nextpage,
863
+ .sf-pager.e-bigger .e-pagercontainer .e-lastpage,
864
+ .sf-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
865
+ .sf-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
866
+ padding: 10.3px 11.6px 12.5px;
867
+ }
868
+ .e-bigger .sf-pager .e-spacing,
869
+ .e-bigger .sf-pager .e-currentitem,
870
+ .e-bigger .sf-pager .e-numericitem:hover,
871
+ .sf-pager.e-bigger .e-spacing,
872
+ .sf-pager.e-bigger .e-currentitem,
873
+ .sf-pager.e-bigger .e-numericitem:hover {
874
+ padding: 14.5px 15.48px 11.8px 15.1px;
835
875
  }
@@ -400,7 +400,6 @@
400
400
  }
401
401
  &.e-vertical .e-stepper-progressbar {
402
402
  min-height: inherit;
403
- height: inherit;
404
403
  width: $stepper-progress-bar-height;
405
404
  top: $stepper-ol-padding;
406
405
  left: var(--progress-position);
@@ -395,7 +395,6 @@
395
395
  }
396
396
  .e-stepper.e-vertical .e-stepper-progressbar {
397
397
  min-height: inherit;
398
- height: inherit;
399
398
  width: 1.6px;
400
399
  top: 0;
401
400
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -395,7 +395,6 @@
395
395
  }
396
396
  .e-stepper.e-vertical .e-stepper-progressbar {
397
397
  min-height: inherit;
398
- height: inherit;
399
398
  width: 1.6px;
400
399
  top: 0;
401
400
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -397,7 +397,6 @@
397
397
  }
398
398
  .e-stepper.e-vertical .e-stepper-progressbar {
399
399
  min-height: inherit;
400
- height: inherit;
401
400
  width: 2px;
402
401
  top: 0;
403
402
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -393,7 +393,6 @@
393
393
  }
394
394
  .e-stepper.e-vertical .e-stepper-progressbar {
395
395
  min-height: inherit;
396
- height: inherit;
397
396
  width: 1.6px;
398
397
  top: 0;
399
398
  left: var(--progress-position);
@@ -395,7 +395,6 @@
395
395
  }
396
396
  .e-stepper.e-vertical .e-stepper-progressbar {
397
397
  min-height: inherit;
398
- height: inherit;
399
398
  width: 1.6px;
400
399
  top: 0;
401
400
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -391,7 +391,6 @@
391
391
  }
392
392
  .e-stepper.e-vertical .e-stepper-progressbar {
393
393
  min-height: inherit;
394
- height: inherit;
395
394
  width: 1.6px;
396
395
  top: 0;
397
396
  left: var(--progress-position);
@@ -395,7 +395,6 @@
395
395
  }
396
396
  .e-stepper.e-vertical .e-stepper-progressbar {
397
397
  min-height: inherit;
398
- height: inherit;
399
398
  width: 1.6px;
400
399
  top: 0;
401
400
  left: var(--progress-position);
@@ -213,7 +213,7 @@
213
213
  }
214
214
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
215
215
  display: inherit;
216
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
216
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
217
217
  font-size: 14px;
218
218
  font-weight: 500;
219
219
  text-transform: capitalize;
@@ -996,7 +996,7 @@
996
996
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
997
997
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
998
998
  float: left;
999
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
999
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1000
1000
  font-size: 14px;
1001
1001
  font-weight: 500;
1002
1002
  line-height: 36px;
@@ -1684,7 +1684,7 @@
1684
1684
  }
1685
1685
  .e-tab-clone-element .e-tab-text {
1686
1686
  display: inherit;
1687
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1687
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1688
1688
  font-size: 14px;
1689
1689
  font-weight: 500;
1690
1690
  text-transform: capitalize;
@@ -8724,7 +8724,6 @@ ejs-sidebar {
8724
8724
  }
8725
8725
  .e-stepper.e-vertical .e-stepper-progressbar {
8726
8726
  min-height: inherit;
8727
- height: inherit;
8728
8727
  width: 1.6px;
8729
8728
  top: 0;
8730
8729
  left: var(--progress-position);
@@ -11347,7 +11347,6 @@ ejs-sidebar {
11347
11347
  }
11348
11348
  .e-stepper.e-vertical .e-stepper-progressbar {
11349
11349
  min-height: inherit;
11350
- height: inherit;
11351
11350
  width: 1.6px;
11352
11351
  top: 0;
11353
11352
  left: var(--progress-position);
@@ -8724,7 +8724,6 @@ ejs-sidebar {
8724
8724
  }
8725
8725
  .e-stepper.e-vertical .e-stepper-progressbar {
8726
8726
  min-height: inherit;
8727
- height: inherit;
8728
8727
  width: 1.6px;
8729
8728
  top: 0;
8730
8729
  left: var(--progress-position);
@@ -11347,7 +11347,6 @@ ejs-sidebar {
11347
11347
  }
11348
11348
  .e-stepper.e-vertical .e-stepper-progressbar {
11349
11349
  min-height: inherit;
11350
- height: inherit;
11351
11350
  width: 1.6px;
11352
11351
  top: 0;
11353
11352
  left: var(--progress-position);