@syncfusion/ej2-navigations 20.4.53 → 21.1.35

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 (252) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +213 -143
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +89 -24
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +93 -28
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +13 -12
  14. package/src/accordion/accordion-model.d.ts +4 -4
  15. package/src/accordion/accordion.d.ts +8 -4
  16. package/src/appbar/appbar-model.d.ts +9 -9
  17. package/src/appbar/appbar.d.ts +24 -21
  18. package/src/breadcrumb/breadcrumb-model.d.ts +4 -2
  19. package/src/breadcrumb/breadcrumb.d.ts +32 -3
  20. package/src/breadcrumb/breadcrumb.js +32 -0
  21. package/src/carousel/carousel-model.d.ts +7 -7
  22. package/src/carousel/carousel.d.ts +24 -20
  23. package/src/carousel/carousel.js +25 -11
  24. package/src/common/menu-base.d.ts +13 -2
  25. package/src/menu/menu.d.ts +5 -1
  26. package/src/sidebar/sidebar.d.ts +26 -2
  27. package/src/sidebar/sidebar.js +1 -1
  28. package/src/tab/tab-model.d.ts +20 -20
  29. package/src/tab/tab.d.ts +38 -21
  30. package/src/tab/tab.js +22 -10
  31. package/src/toolbar/toolbar-model.d.ts +22 -16
  32. package/src/toolbar/toolbar.d.ts +48 -16
  33. package/src/toolbar/toolbar.js +10 -4
  34. package/src/treeview/treeview-model.d.ts +4 -4
  35. package/src/treeview/treeview.d.ts +32 -4
  36. package/src/treeview/treeview.js +2 -1
  37. package/styles/accordion/_bootstrap-dark-definition.scss +0 -1
  38. package/styles/accordion/_bootstrap-definition.scss +0 -1
  39. package/styles/accordion/_bootstrap4-definition.scss +0 -1
  40. package/styles/accordion/_bootstrap5-definition.scss +6 -7
  41. package/styles/accordion/_fabric-dark-definition.scss +0 -1
  42. package/styles/accordion/_fabric-definition.scss +0 -1
  43. package/styles/accordion/_fluent-definition.scss +5 -6
  44. package/styles/accordion/_fusionnew-definition.scss +0 -1
  45. package/styles/accordion/_highcontrast-definition.scss +0 -1
  46. package/styles/accordion/_highcontrast-light-definition.scss +0 -1
  47. package/styles/accordion/_layout.scss +0 -1
  48. package/styles/accordion/_material-dark-definition.scss +0 -1
  49. package/styles/accordion/_material-definition.scss +0 -1
  50. package/styles/accordion/_tailwind-definition.scss +5 -6
  51. package/styles/accordion/bootstrap-dark.css +0 -1
  52. package/styles/accordion/bootstrap.css +0 -1
  53. package/styles/accordion/bootstrap4.css +0 -1
  54. package/styles/accordion/bootstrap5-dark.css +3 -4
  55. package/styles/accordion/bootstrap5.css +3 -4
  56. package/styles/accordion/fabric-dark.css +0 -1
  57. package/styles/accordion/fabric.css +0 -1
  58. package/styles/accordion/fluent-dark.css +3 -4
  59. package/styles/accordion/fluent.css +3 -4
  60. package/styles/accordion/highcontrast-light.css +0 -1
  61. package/styles/accordion/highcontrast.css +0 -1
  62. package/styles/accordion/material-dark.css +0 -1
  63. package/styles/accordion/material.css +0 -1
  64. package/styles/accordion/tailwind-dark.css +3 -4
  65. package/styles/accordion/tailwind.css +3 -4
  66. package/styles/appbar/_bootstrap5-definition.scss +2 -2
  67. package/styles/appbar/_fluent-definition.scss +2 -2
  68. package/styles/appbar/_layout.scss +3 -0
  69. package/styles/appbar/_tailwind-definition.scss +2 -2
  70. package/styles/appbar/bootstrap-dark.css +3 -0
  71. package/styles/appbar/bootstrap.css +3 -0
  72. package/styles/appbar/bootstrap4.css +3 -0
  73. package/styles/appbar/bootstrap5-dark.css +3 -0
  74. package/styles/appbar/bootstrap5.css +3 -0
  75. package/styles/appbar/fabric-dark.css +3 -0
  76. package/styles/appbar/fabric.css +3 -0
  77. package/styles/appbar/fluent-dark.css +3 -0
  78. package/styles/appbar/fluent.css +3 -0
  79. package/styles/appbar/highcontrast-light.css +3 -0
  80. package/styles/appbar/highcontrast.css +3 -0
  81. package/styles/appbar/material-dark.css +3 -0
  82. package/styles/appbar/material.css +3 -0
  83. package/styles/appbar/tailwind-dark.css +3 -0
  84. package/styles/appbar/tailwind.css +3 -0
  85. package/styles/bootstrap-dark.css +669 -938
  86. package/styles/bootstrap.css +658 -927
  87. package/styles/bootstrap4.css +724 -993
  88. package/styles/bootstrap5-dark.css +685 -954
  89. package/styles/bootstrap5.css +686 -955
  90. package/styles/breadcrumb/_bootstrap5-definition.scss +2 -2
  91. package/styles/breadcrumb/_fluent-definition.scss +2 -2
  92. package/styles/breadcrumb/_layout.scss +2 -2
  93. package/styles/breadcrumb/_tailwind-definition.scss +2 -2
  94. package/styles/breadcrumb/_theme.scss +18 -2
  95. package/styles/carousel/_layout.scss +7 -0
  96. package/styles/carousel/bootstrap-dark.css +4 -0
  97. package/styles/carousel/bootstrap.css +4 -0
  98. package/styles/carousel/bootstrap4.css +4 -0
  99. package/styles/carousel/bootstrap5-dark.css +4 -0
  100. package/styles/carousel/bootstrap5.css +4 -0
  101. package/styles/carousel/fabric-dark.css +4 -0
  102. package/styles/carousel/fabric.css +4 -0
  103. package/styles/carousel/fluent-dark.css +4 -0
  104. package/styles/carousel/fluent.css +4 -0
  105. package/styles/carousel/highcontrast-light.css +4 -0
  106. package/styles/carousel/highcontrast.css +4 -0
  107. package/styles/carousel/material-dark.css +4 -0
  108. package/styles/carousel/material.css +4 -0
  109. package/styles/carousel/tailwind-dark.css +4 -0
  110. package/styles/carousel/tailwind.css +4 -0
  111. package/styles/context-menu/_bootstrap5-definition.scss +3 -3
  112. package/styles/context-menu/_fluent-definition.scss +2 -2
  113. package/styles/context-menu/_tailwind-definition.scss +3 -3
  114. package/styles/fabric-dark.css +669 -938
  115. package/styles/fabric.css +669 -938
  116. package/styles/fluent-dark.css +677 -946
  117. package/styles/fluent.css +677 -946
  118. package/styles/h-scroll/_bootstrap-dark-definition.scss +0 -1
  119. package/styles/h-scroll/_bootstrap-definition.scss +0 -1
  120. package/styles/h-scroll/_bootstrap4-definition.scss +0 -1
  121. package/styles/h-scroll/_bootstrap5-definition.scss +0 -1
  122. package/styles/h-scroll/_fabric-dark-definition.scss +0 -1
  123. package/styles/h-scroll/_fabric-definition.scss +0 -1
  124. package/styles/h-scroll/_fluent-definition.scss +0 -1
  125. package/styles/h-scroll/_fusionnew-definition.scss +0 -1
  126. package/styles/h-scroll/_highcontrast-definition.scss +0 -1
  127. package/styles/h-scroll/_highcontrast-light-definition.scss +0 -1
  128. package/styles/h-scroll/_layout.scss +1 -0
  129. package/styles/h-scroll/_material-dark-definition.scss +0 -1
  130. package/styles/h-scroll/_material-definition.scss +0 -1
  131. package/styles/h-scroll/_tailwind-definition.scss +0 -1
  132. package/styles/h-scroll/_theme.scss +0 -1
  133. package/styles/h-scroll/bootstrap-dark.css +1 -1
  134. package/styles/h-scroll/bootstrap.css +1 -1
  135. package/styles/h-scroll/bootstrap4.css +1 -1
  136. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  137. package/styles/h-scroll/bootstrap5.css +1 -1
  138. package/styles/h-scroll/fabric-dark.css +1 -1
  139. package/styles/h-scroll/fabric.css +1 -1
  140. package/styles/h-scroll/fluent-dark.css +1 -1
  141. package/styles/h-scroll/fluent.css +1 -1
  142. package/styles/h-scroll/highcontrast-light.css +1 -1
  143. package/styles/h-scroll/highcontrast.css +1 -1
  144. package/styles/h-scroll/material-dark.css +1 -1
  145. package/styles/h-scroll/material.css +1 -1
  146. package/styles/h-scroll/tailwind-dark.css +1 -1
  147. package/styles/h-scroll/tailwind.css +1 -1
  148. package/styles/highcontrast-light.css +668 -937
  149. package/styles/highcontrast.css +675 -944
  150. package/styles/material-dark.css +669 -938
  151. package/styles/material.css +661 -930
  152. package/styles/menu/_bootstrap5-definition.scss +2 -2
  153. package/styles/menu/_layout.scss +1 -1
  154. package/styles/menu/_tailwind-definition.scss +2 -2
  155. package/styles/menu/_theme.scss +31 -15
  156. package/styles/menu/bootstrap-dark.css +7 -7
  157. package/styles/menu/bootstrap.css +7 -7
  158. package/styles/menu/bootstrap4.css +10 -10
  159. package/styles/menu/bootstrap5-dark.css +7 -7
  160. package/styles/menu/bootstrap5.css +7 -7
  161. package/styles/menu/fabric-dark.css +7 -7
  162. package/styles/menu/fabric.css +7 -7
  163. package/styles/menu/fluent-dark.css +7 -7
  164. package/styles/menu/fluent.css +7 -7
  165. package/styles/menu/highcontrast-light.css +7 -7
  166. package/styles/menu/highcontrast.css +7 -7
  167. package/styles/menu/icons/_material3.scss +12 -12
  168. package/styles/menu/material-dark.css +7 -7
  169. package/styles/menu/material.css +7 -7
  170. package/styles/menu/tailwind-dark.css +7 -7
  171. package/styles/menu/tailwind.css +7 -7
  172. package/styles/sidebar/_theme.scss +1 -1
  173. package/styles/tab/_bootstrap-dark-definition.scss +0 -2
  174. package/styles/tab/_bootstrap-definition.scss +0 -2
  175. package/styles/tab/_bootstrap4-definition.scss +1 -3
  176. package/styles/tab/_bootstrap5-definition.scss +12 -14
  177. package/styles/tab/_fabric-dark-definition.scss +0 -2
  178. package/styles/tab/_fabric-definition.scss +0 -2
  179. package/styles/tab/_fluent-definition.scss +4 -6
  180. package/styles/tab/_fusionnew-definition.scss +2 -4
  181. package/styles/tab/_highcontrast-definition.scss +0 -2
  182. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  183. package/styles/tab/_layout.scss +8 -6
  184. package/styles/tab/_material-dark-definition.scss +0 -2
  185. package/styles/tab/_material-definition.scss +0 -2
  186. package/styles/tab/_tailwind-definition.scss +3 -5
  187. package/styles/tab/_theme.scss +0 -1
  188. package/styles/tab/bootstrap-dark.css +5 -2
  189. package/styles/tab/bootstrap.css +5 -2
  190. package/styles/tab/bootstrap4.css +12 -9
  191. package/styles/tab/bootstrap5-dark.css +11 -8
  192. package/styles/tab/bootstrap5.css +11 -8
  193. package/styles/tab/fabric-dark.css +7 -4
  194. package/styles/tab/fabric.css +7 -4
  195. package/styles/tab/fluent-dark.css +8 -5
  196. package/styles/tab/fluent.css +8 -5
  197. package/styles/tab/highcontrast-light.css +10 -7
  198. package/styles/tab/highcontrast.css +10 -7
  199. package/styles/tab/material-dark.css +4 -1
  200. package/styles/tab/material.css +4 -1
  201. package/styles/tab/tailwind-dark.css +8 -5
  202. package/styles/tab/tailwind.css +8 -5
  203. package/styles/tailwind-dark.css +668 -937
  204. package/styles/tailwind.css +668 -937
  205. package/styles/toolbar/_bootstrap-dark-definition.scss +13 -41
  206. package/styles/toolbar/_bootstrap-definition.scss +13 -41
  207. package/styles/toolbar/_bootstrap4-definition.scss +15 -43
  208. package/styles/toolbar/_bootstrap5-definition.scss +21 -49
  209. package/styles/toolbar/_fabric-dark-definition.scss +14 -43
  210. package/styles/toolbar/_fabric-definition.scss +15 -43
  211. package/styles/toolbar/_fluent-definition.scss +22 -50
  212. package/styles/toolbar/_fusionnew-definition.scss +17 -45
  213. package/styles/toolbar/_highcontrast-definition.scss +15 -43
  214. package/styles/toolbar/_highcontrast-light-definition.scss +14 -43
  215. package/styles/toolbar/_layout.scss +684 -977
  216. package/styles/toolbar/_material-dark-definition.scss +19 -49
  217. package/styles/toolbar/_material-definition.scss +21 -49
  218. package/styles/toolbar/_tailwind-definition.scss +21 -49
  219. package/styles/toolbar/_theme.scss +205 -294
  220. package/styles/toolbar/bootstrap-dark.css +647 -925
  221. package/styles/toolbar/bootstrap.css +638 -916
  222. package/styles/toolbar/bootstrap4.css +657 -935
  223. package/styles/toolbar/bootstrap5-dark.css +658 -936
  224. package/styles/toolbar/bootstrap5.css +658 -936
  225. package/styles/toolbar/fabric-dark.css +645 -923
  226. package/styles/toolbar/fabric.css +651 -929
  227. package/styles/toolbar/fluent-dark.css +650 -928
  228. package/styles/toolbar/fluent.css +650 -928
  229. package/styles/toolbar/highcontrast-light.css +642 -920
  230. package/styles/toolbar/highcontrast.css +647 -925
  231. package/styles/toolbar/material-dark.css +649 -927
  232. package/styles/toolbar/material.css +646 -924
  233. package/styles/toolbar/tailwind-dark.css +647 -925
  234. package/styles/toolbar/tailwind.css +645 -923
  235. package/styles/treeview/_bootstrap5-definition.scss +5 -5
  236. package/styles/treeview/_fluent-definition.scss +5 -5
  237. package/styles/treeview/_layout.scss +8 -4
  238. package/styles/treeview/_tailwind-definition.scss +5 -5
  239. package/styles/treeview/_theme.scss +3 -0
  240. package/styles/accordion/_material3-definition.scss +0 -181
  241. package/styles/appbar/_material3-definition.scss +0 -8
  242. package/styles/breadcrumb/_material3-definition.scss +0 -59
  243. package/styles/carousel/_material3-definition.scss +0 -22
  244. package/styles/context-menu/_material3-definition.scss +0 -52
  245. package/styles/h-scroll/_material3-definition.scss +0 -84
  246. package/styles/menu/_material3-definition.scss +0 -67
  247. package/styles/pager/_material3-definition.scss +0 -146
  248. package/styles/sidebar/_material3-definition.scss +0 -6
  249. package/styles/tab/_material3-definition.scss +0 -658
  250. package/styles/toolbar/_material3-definition.scss +0 -248
  251. package/styles/treeview/_material3-definition.scss +0 -120
  252. package/styles/v-scroll/_material3-definition.scss +0 -49
package/styles/h-scroll/_bootstrap-dark-definition.scss CHANGED
@@ -42,7 +42,6 @@ $hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
42
42
 
43
43
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
44
44
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
45
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
46
45
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
47
46
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
48
47
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_bootstrap-definition.scss CHANGED
@@ -43,7 +43,6 @@ $hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
43
43
 
44
44
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
45
45
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
46
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
47
46
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
48
47
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
49
48
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_bootstrap4-definition.scss CHANGED
@@ -43,7 +43,6 @@ $hscroll-active-box-shadow: none !default;
43
43
 
44
44
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
45
45
  $hscroll-nav-hover-icons-color: inherit !default;
46
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
47
46
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
48
47
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
49
48
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_bootstrap5-definition.scss CHANGED
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_fabric-dark-definition.scss CHANGED
@@ -43,7 +43,6 @@ $hscroll-default-icon-color: $theme-primary-font !default;
43
43
 
44
44
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
45
45
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
46
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
47
46
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
48
47
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
49
48
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_fabric-definition.scss CHANGED
@@ -42,7 +42,6 @@ $hscroll-device-arrow-width: 52px !default;
42
42
 
43
43
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
44
44
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
45
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
46
45
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
47
46
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
48
47
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_fluent-definition.scss CHANGED
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_fusionnew-definition.scss CHANGED
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_highcontrast-definition.scss CHANGED
@@ -45,7 +45,6 @@ $hscroll-device-arrow-width: 52px !default;
45
45
 
46
46
  $hscroll-nav-hover-press-bg: $hscroll-press-bg !default;
47
47
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
48
- $hscroll-nav-hover-border: 2px solid $hscroll-nav-hover-border-color !default;
49
48
  $hscroll-nav-focus-border: 2px solid #fff;
50
49
 
51
50
  @mixin hscroll-btn-animation {
package/styles/h-scroll/_highcontrast-light-definition.scss CHANGED
@@ -46,7 +46,6 @@ $hscroll-default-icon-color: $selection-bg !default;
46
46
 
47
47
  $hscroll-nav-hover-press-bg: $hscroll-press-bg !default;
48
48
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
49
- $hscroll-nav-hover-border: 2px solid $hscroll-nav-hover-border-color !default;
50
49
  $hscroll-nav-focus-border: 2px solid #fff !default;
51
50
 
52
51
  @mixin hscroll-btn-animation {
package/styles/h-scroll/_layout.scss CHANGED
@@ -120,6 +120,7 @@
120
120
 
121
121
  > * {
122
122
  height: inherit;
123
+ line-height: normal;
123
124
  }
124
125
 
125
126
  .e-hscroll-content {
package/styles/h-scroll/_material-dark-definition.scss CHANGED
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_material-definition.scss CHANGED
@@ -47,7 +47,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
47
47
 
48
48
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
49
49
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
50
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
51
50
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
52
51
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
53
52
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_tailwind-definition.scss CHANGED
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
package/styles/h-scroll/_theme.scss CHANGED
@@ -78,7 +78,6 @@
78
78
 
79
79
  &:hover {
80
80
  background: $hscroll-hover-bg;
81
- border: $hscroll-nav-hover-border;
82
81
  color: $hscroll-hover-font;
83
82
 
84
83
  .e-icons {
package/styles/h-scroll/bootstrap-dark.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #393939;
222
- border: 0;
223
223
  color: #fff;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap.css CHANGED
@@ -119,6 +119,7 @@
119
119
  }
120
120
  .e-hscroll > * {
121
121
  height: inherit;
122
+ line-height: normal;
122
123
  }
123
124
  .e-hscroll .e-hscroll-content {
124
125
  display: inline-block;
@@ -220,7 +221,6 @@
220
221
  }
221
222
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
222
223
  background: #e6e6e6;
223
- border: 0;
224
224
  color: #333;
225
225
  }
226
226
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap4.css CHANGED
@@ -119,6 +119,7 @@
119
119
  }
120
120
  .e-hscroll > * {
121
121
  height: inherit;
122
+ line-height: normal;
122
123
  }
123
124
  .e-hscroll .e-hscroll-content {
124
125
  display: inline-block;
@@ -220,7 +221,6 @@
220
221
  }
221
222
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
222
223
  background: #5a6268;
223
- border: 1px #545b62;
224
224
  color: #fff;
225
225
  }
226
226
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap5-dark.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #495057;
232
- border: 0;
233
233
  color: #adb5bd;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap5.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #dee2e6;
232
- border: 0;
233
233
  color: #6c757d;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fabric-dark.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #414040;
222
- border: 0;
223
223
  color: #dadada;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fabric.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #f4f4f4;
222
- border: 0;
223
223
  color: #333;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fluent-dark.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #292827;
232
- border: 0;
233
233
  color: #a19f9d;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fluent.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #edebe9;
232
- border: 0;
233
233
  color: #605e5c;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/highcontrast-light.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #ecf;
222
- border: 2px solid #000;
223
223
  color: #000;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/highcontrast.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #685708;
222
- border: 2px solid #fff;
223
223
  color: #fff;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/material-dark.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: rgba(255, 255, 255, 0.1);
232
- border: 0;
233
233
  color: #000;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/material.css CHANGED
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: rgba(0, 0, 0, 0.12);
233
- border: 0;
234
234
  color: #000;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/tailwind-dark.css CHANGED
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: #4b5563;
233
- border: 0;
234
234
  color: #9ca3af;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/tailwind.css CHANGED
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: #e5e7eb;
233
- border: 0;
234
234
  color: #6b7280;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {