@syncfusion/ej2-navigations 27.2.5 → 28.1.33

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 (303) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-navigations.min.js +3 -3
  3. package/dist/ej2-navigations.umd.min.js +3 -3
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +482 -295
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +501 -308
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +3 -3
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +12 -12
  13. package/src/carousel/carousel-model.d.ts +12 -0
  14. package/src/carousel/carousel.d.ts +11 -0
  15. package/src/carousel/carousel.js +24 -3
  16. package/src/common/menu-base-model.d.ts +7 -0
  17. package/src/common/menu-base.d.ts +7 -0
  18. package/src/common/menu-base.js +80 -19
  19. package/src/context-menu/context-menu-model.d.ts +15 -0
  20. package/src/context-menu/context-menu.d.ts +13 -0
  21. package/src/context-menu/context-menu.js +10 -0
  22. package/src/menu/menu.js +4 -0
  23. package/src/stepper/stepper.d.ts +9 -0
  24. package/src/stepper/stepper.js +262 -237
  25. package/src/stepper-base/stepper-base.js +15 -11
  26. package/src/tab/tab-model.d.ts +15 -2
  27. package/src/tab/tab.d.ts +26 -2
  28. package/src/tab/tab.js +81 -14
  29. package/src/toolbar/toolbar-model.d.ts +0 -6
  30. package/src/toolbar/toolbar.d.ts +0 -6
  31. package/src/treeview/treeview.d.ts +1 -9
  32. package/src/treeview/treeview.js +17 -16
  33. package/styles/accordion/_tailwind3-definition.scss +168 -0
  34. package/styles/accordion/_theme.scss +2 -2
  35. package/styles/accordion/bds.css +544 -0
  36. package/styles/accordion/bds.scss +5 -0
  37. package/styles/accordion/icons/_tailwind3.scss +15 -0
  38. package/styles/accordion/tailwind3.css +552 -0
  39. package/styles/accordion/tailwind3.scss +5 -0
  40. package/styles/appbar/_layout.scss +1 -1
  41. package/styles/appbar/_tailwind3-definition.scss +6 -0
  42. package/styles/appbar/bds.css +302 -0
  43. package/styles/appbar/bds.scss +4 -0
  44. package/styles/appbar/tailwind3.css +285 -0
  45. package/styles/appbar/tailwind3.scss +4 -0
  46. package/styles/bds-lite.css +9234 -0
  47. package/styles/bds-lite.scss +47 -0
  48. package/styles/bds.css +11955 -0
  49. package/styles/bds.scss +59 -0
  50. package/styles/bootstrap-dark-lite.css +22 -13
  51. package/styles/bootstrap-dark.css +36 -14
  52. package/styles/bootstrap-lite.css +22 -13
  53. package/styles/bootstrap.css +36 -14
  54. package/styles/bootstrap4-lite.css +22 -13
  55. package/styles/bootstrap4.css +36 -14
  56. package/styles/bootstrap5-dark-lite.css +30 -21
  57. package/styles/bootstrap5-dark.css +44 -22
  58. package/styles/bootstrap5-lite.css +30 -21
  59. package/styles/bootstrap5.3-lite.css +22 -13
  60. package/styles/bootstrap5.3.css +36 -14
  61. package/styles/bootstrap5.css +44 -22
  62. package/styles/breadcrumb/_layout.scss +16 -1
  63. package/styles/breadcrumb/_tailwind3-definition.scss +61 -0
  64. package/styles/breadcrumb/_theme.scss +60 -0
  65. package/styles/breadcrumb/bds.css +418 -0
  66. package/styles/breadcrumb/bds.scss +5 -0
  67. package/styles/breadcrumb/icons/_tailwind3.scss +23 -0
  68. package/styles/breadcrumb/tailwind3.css +434 -0
  69. package/styles/breadcrumb/tailwind3.scss +5 -0
  70. package/styles/carousel/_tailwind3-definition.scss +24 -0
  71. package/styles/carousel/_theme.scss +9 -3
  72. package/styles/carousel/bds.css +426 -0
  73. package/styles/carousel/bds.scss +5 -0
  74. package/styles/carousel/fluent2.css +5 -0
  75. package/styles/carousel/icons/_tailwind3.scss +30 -0
  76. package/styles/carousel/tailwind3.css +396 -0
  77. package/styles/carousel/tailwind3.scss +5 -0
  78. package/styles/context-menu/_bigger.scss +15 -0
  79. package/styles/context-menu/_layout.scss +24 -0
  80. package/styles/context-menu/_tailwind3-definition.scss +55 -0
  81. package/styles/context-menu/bds.css +421 -0
  82. package/styles/context-menu/bds.scss +8 -0
  83. package/styles/context-menu/fluent2.css +1 -1
  84. package/styles/context-menu/icons/_tailwind3.scss +31 -0
  85. package/styles/context-menu/tailwind3.css +449 -0
  86. package/styles/context-menu/tailwind3.scss +8 -0
  87. package/styles/fabric-dark-lite.css +22 -13
  88. package/styles/fabric-dark.css +36 -14
  89. package/styles/fabric-lite.css +22 -13
  90. package/styles/fabric.css +36 -14
  91. package/styles/fluent-dark-lite.css +23 -14
  92. package/styles/fluent-dark.css +37 -15
  93. package/styles/fluent-lite.css +23 -14
  94. package/styles/fluent.css +37 -15
  95. package/styles/fluent2-lite.css +38 -21
  96. package/styles/fluent2.css +52 -22
  97. package/styles/h-scroll/_tailwind3-definition.scss +83 -0
  98. package/styles/h-scroll/bds.css +311 -0
  99. package/styles/h-scroll/bds.scss +5 -0
  100. package/styles/h-scroll/icons/_tailwind3.scss +49 -0
  101. package/styles/h-scroll/tailwind3.css +311 -0
  102. package/styles/h-scroll/tailwind3.scss +5 -0
  103. package/styles/highcontrast-light-lite.css +22 -13
  104. package/styles/highcontrast-light.css +36 -14
  105. package/styles/highcontrast-lite.css +25 -16
  106. package/styles/highcontrast.css +39 -17
  107. package/styles/material-dark-lite.css +22 -13
  108. package/styles/material-dark.css +36 -14
  109. package/styles/material-lite.css +22 -13
  110. package/styles/material.css +36 -14
  111. package/styles/material3-dark-lite.css +22 -13
  112. package/styles/material3-dark.css +39 -14
  113. package/styles/material3-lite.css +22 -13
  114. package/styles/material3.css +39 -14
  115. package/styles/menu/_bigger.scss +23 -0
  116. package/styles/menu/_layout.scss +32 -0
  117. package/styles/menu/_tailwind3-definition.scss +66 -0
  118. package/styles/menu/_theme.scss +36 -2
  119. package/styles/menu/bds.css +1155 -0
  120. package/styles/menu/bds.scss +9 -0
  121. package/styles/menu/fluent2.css +1 -1
  122. package/styles/menu/icons/_tailwind3.scss +104 -0
  123. package/styles/menu/tailwind3.css +1232 -0
  124. package/styles/menu/tailwind3.scss +9 -0
  125. package/styles/pager/_bigger.scss +39 -6
  126. package/styles/pager/_layout.scss +5 -2
  127. package/styles/pager/_tailwind-definition.scss +1 -1
  128. package/styles/pager/_tailwind3-definition.scss +166 -0
  129. package/styles/pager/bds.css +915 -0
  130. package/styles/pager/bds.scss +5 -0
  131. package/styles/pager/bootstrap-dark.css +7 -0
  132. package/styles/pager/bootstrap.css +7 -0
  133. package/styles/pager/bootstrap4.css +7 -0
  134. package/styles/pager/bootstrap5-dark.css +7 -0
  135. package/styles/pager/bootstrap5.3.css +7 -0
  136. package/styles/pager/bootstrap5.css +7 -0
  137. package/styles/pager/fabric-dark.css +7 -0
  138. package/styles/pager/fabric.css +7 -0
  139. package/styles/pager/fluent-dark.css +7 -0
  140. package/styles/pager/fluent.css +7 -0
  141. package/styles/pager/fluent2.css +7 -0
  142. package/styles/pager/highcontrast-light.css +7 -0
  143. package/styles/pager/highcontrast.css +7 -0
  144. package/styles/pager/icons/_tailwind3.scss +50 -0
  145. package/styles/pager/material-dark.css +7 -0
  146. package/styles/pager/material.css +7 -0
  147. package/styles/pager/material3-dark.css +8 -0
  148. package/styles/pager/material3.css +8 -0
  149. package/styles/pager/tailwind-dark.css +16 -9
  150. package/styles/pager/tailwind.css +16 -9
  151. package/styles/pager/tailwind3.css +835 -0
  152. package/styles/pager/tailwind3.scss +5 -0
  153. package/styles/sidebar/_tailwind3-definition.scss +6 -0
  154. package/styles/sidebar/_theme.scss +1 -1
  155. package/styles/sidebar/bds.css +263 -0
  156. package/styles/sidebar/bds.scss +3 -0
  157. package/styles/sidebar/tailwind3.css +227 -0
  158. package/styles/sidebar/tailwind3.scss +3 -0
  159. package/styles/stepper/_layout.scss +3 -0
  160. package/styles/stepper/_tailwind3-definition.scss +72 -0
  161. package/styles/stepper/_theme.scss +2 -1
  162. package/styles/stepper/bds.css +725 -0
  163. package/styles/stepper/bds.scss +6 -0
  164. package/styles/stepper/bootstrap-dark.css +5 -1
  165. package/styles/stepper/bootstrap.css +5 -1
  166. package/styles/stepper/bootstrap4.css +5 -1
  167. package/styles/stepper/bootstrap5-dark.css +5 -1
  168. package/styles/stepper/bootstrap5.3.css +5 -1
  169. package/styles/stepper/bootstrap5.css +5 -1
  170. package/styles/stepper/fabric-dark.css +5 -1
  171. package/styles/stepper/fabric.css +5 -1
  172. package/styles/stepper/fluent-dark.css +5 -1
  173. package/styles/stepper/fluent.css +5 -1
  174. package/styles/stepper/fluent2.css +5 -1
  175. package/styles/stepper/highcontrast-light.css +5 -1
  176. package/styles/stepper/highcontrast.css +5 -1
  177. package/styles/stepper/icons/_tailwind3.scss +5 -0
  178. package/styles/stepper/material-dark.css +5 -1
  179. package/styles/stepper/material.css +5 -1
  180. package/styles/stepper/material3-dark.css +5 -1
  181. package/styles/stepper/material3.css +5 -1
  182. package/styles/stepper/tailwind-dark.css +5 -1
  183. package/styles/stepper/tailwind.css +5 -1
  184. package/styles/stepper/tailwind3.css +725 -0
  185. package/styles/stepper/tailwind3.scss +6 -0
  186. package/styles/tab/_bigger.scss +16 -0
  187. package/styles/tab/_bootstrap-dark-definition.scss +0 -2
  188. package/styles/tab/_bootstrap-definition.scss +0 -2
  189. package/styles/tab/_bootstrap4-definition.scss +0 -2
  190. package/styles/tab/_bootstrap5-definition.scss +0 -2
  191. package/styles/tab/_bootstrap5.3-definition.scss +0 -2
  192. package/styles/tab/_fabric-dark-definition.scss +0 -2
  193. package/styles/tab/_fabric-definition.scss +0 -2
  194. package/styles/tab/_fluent-definition.scss +0 -2
  195. package/styles/tab/_fluent2-definition.scss +0 -2
  196. package/styles/tab/_fusionnew-definition.scss +0 -2
  197. package/styles/tab/_highcontrast-definition.scss +0 -2
  198. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  199. package/styles/tab/_material-dark-definition.scss +0 -2
  200. package/styles/tab/_material-definition.scss +0 -2
  201. package/styles/tab/_material3-definition.scss +0 -2
  202. package/styles/tab/_tailwind-definition.scss +0 -2
  203. package/styles/tab/_tailwind3-definition.scss +634 -0
  204. package/styles/tab/_theme.scss +0 -12
  205. package/styles/tab/bds.css +4190 -0
  206. package/styles/tab/bds.scss +6 -0
  207. package/styles/tab/bootstrap-dark.css +7 -11
  208. package/styles/tab/bootstrap.css +7 -11
  209. package/styles/tab/bootstrap4.css +7 -11
  210. package/styles/tab/bootstrap5-dark.css +7 -11
  211. package/styles/tab/bootstrap5.3.css +7 -11
  212. package/styles/tab/bootstrap5.css +7 -11
  213. package/styles/tab/fabric-dark.css +7 -11
  214. package/styles/tab/fabric.css +7 -11
  215. package/styles/tab/fluent-dark.css +7 -11
  216. package/styles/tab/fluent.css +7 -11
  217. package/styles/tab/fluent2.css +10 -14
  218. package/styles/tab/highcontrast-light.css +7 -11
  219. package/styles/tab/highcontrast.css +7 -11
  220. package/styles/tab/icons/_tailwind3.scss +90 -0
  221. package/styles/tab/material-dark.css +7 -11
  222. package/styles/tab/material.css +7 -11
  223. package/styles/tab/material3-dark.css +9 -11
  224. package/styles/tab/material3.css +9 -11
  225. package/styles/tab/tailwind-dark.css +7 -11
  226. package/styles/tab/tailwind.css +7 -11
  227. package/styles/tab/tailwind3.css +4125 -0
  228. package/styles/tab/tailwind3.scss +6 -0
  229. package/styles/tailwind-dark-lite.css +27 -18
  230. package/styles/tailwind-dark.css +46 -24
  231. package/styles/tailwind-lite.css +27 -18
  232. package/styles/tailwind.css +46 -24
  233. package/styles/tailwind3-lite.css +9035 -0
  234. package/styles/tailwind3-lite.scss +47 -0
  235. package/styles/tailwind3.css +11691 -0
  236. package/styles/tailwind3.scss +59 -0
  237. package/styles/toolbar/_bigger.scss +14 -0
  238. package/styles/toolbar/_bootstrap5-definition.scss +6 -6
  239. package/styles/toolbar/_layout.scss +7 -1
  240. package/styles/toolbar/_tailwind3-definition.scss +199 -0
  241. package/styles/toolbar/_theme.scss +6 -6
  242. package/styles/toolbar/bds.css +1219 -0
  243. package/styles/toolbar/bds.scss +9 -0
  244. package/styles/toolbar/bootstrap-dark.css +1 -1
  245. package/styles/toolbar/bootstrap.css +1 -1
  246. package/styles/toolbar/bootstrap4.css +1 -1
  247. package/styles/toolbar/bootstrap5-dark.css +9 -9
  248. package/styles/toolbar/bootstrap5.3.css +1 -1
  249. package/styles/toolbar/bootstrap5.css +9 -9
  250. package/styles/toolbar/fabric-dark.css +1 -1
  251. package/styles/toolbar/fabric.css +1 -1
  252. package/styles/toolbar/fluent-dark.css +1 -1
  253. package/styles/toolbar/fluent.css +1 -1
  254. package/styles/toolbar/fluent2.css +1 -1
  255. package/styles/toolbar/highcontrast-light.css +1 -1
  256. package/styles/toolbar/highcontrast.css +1 -1
  257. package/styles/toolbar/icons/_tailwind3.scss +14 -0
  258. package/styles/toolbar/material-dark.css +1 -1
  259. package/styles/toolbar/material.css +1 -1
  260. package/styles/toolbar/material3-dark.css +1 -1
  261. package/styles/toolbar/material3.css +1 -1
  262. package/styles/toolbar/tailwind-dark.css +1 -1
  263. package/styles/toolbar/tailwind.css +1 -1
  264. package/styles/toolbar/tailwind3.css +1211 -0
  265. package/styles/toolbar/tailwind3.scss +9 -0
  266. package/styles/treeview/_bigger.scss +16 -3
  267. package/styles/treeview/_fluent-definition.scss +1 -1
  268. package/styles/treeview/_fluent2-definition.scss +2 -2
  269. package/styles/treeview/_highcontrast-definition.scss +3 -3
  270. package/styles/treeview/_layout.scss +42 -5
  271. package/styles/treeview/_tailwind-definition.scss +1 -1
  272. package/styles/treeview/_tailwind3-definition.scss +126 -0
  273. package/styles/treeview/_theme.scss +1 -1
  274. package/styles/treeview/bds.css +1031 -0
  275. package/styles/treeview/bds.scss +7 -0
  276. package/styles/treeview/bootstrap-dark.css +16 -1
  277. package/styles/treeview/bootstrap.css +16 -1
  278. package/styles/treeview/bootstrap4.css +16 -1
  279. package/styles/treeview/bootstrap5-dark.css +16 -1
  280. package/styles/treeview/bootstrap5.3.css +16 -1
  281. package/styles/treeview/bootstrap5.css +16 -1
  282. package/styles/treeview/fabric-dark.css +16 -1
  283. package/styles/treeview/fabric.css +16 -1
  284. package/styles/treeview/fluent-dark.css +17 -2
  285. package/styles/treeview/fluent.css +17 -2
  286. package/styles/treeview/fluent2.css +22 -4
  287. package/styles/treeview/highcontrast-light.css +16 -1
  288. package/styles/treeview/highcontrast.css +19 -4
  289. package/styles/treeview/icons/_tailwind3.scss +44 -0
  290. package/styles/treeview/material-dark.css +16 -1
  291. package/styles/treeview/material.css +16 -1
  292. package/styles/treeview/material3-dark.css +16 -1
  293. package/styles/treeview/material3.css +16 -1
  294. package/styles/treeview/tailwind-dark.css +17 -2
  295. package/styles/treeview/tailwind.css +17 -2
  296. package/styles/treeview/tailwind3.css +806 -0
  297. package/styles/treeview/tailwind3.scss +7 -0
  298. package/styles/v-scroll/_tailwind3-definition.scss +49 -0
  299. package/styles/v-scroll/bds.css +218 -0
  300. package/styles/v-scroll/bds.scss +5 -0
  301. package/styles/v-scroll/icons/_tailwind3.scss +27 -0
  302. package/styles/v-scroll/tailwind3.css +218 -0
  303. package/styles/v-scroll/tailwind3.scss +5 -0
package/styles/stepper/tailwind3.scss ADDED
@@ -0,0 +1,6 @@
1
+ @import 'ej2-base/styles/definition/tailwind3.scss';
2
+ @import 'ej2-popups/styles/tooltip/tailwind3-definition.scss';
3
+ @import 'tailwind3-definition.scss';
4
+ @import 'icons/tailwind3.scss';
5
+ @import 'all.scss';
6
+ @import 'bigger.scss';
package/styles/tab/_bigger.scss CHANGED
@@ -341,6 +341,16 @@
341
341
  }
342
342
  }
343
343
 
344
+ &.e-vertical {
345
+ .e-hor-nav {
346
+ .e-popup-up-icon,
347
+ .e-popup-down-icon {
348
+ height: 100%;
349
+ width: 100%;
350
+ }
351
+ }
352
+ }
353
+
344
354
  .e-hor-nav {
345
355
  height: $tab-big-height;
346
356
  min-height: $tab-big-height;
@@ -559,10 +569,16 @@
559
569
 
560
570
  &::before {
561
571
  line-height: $tab-big-more-btn-line-height;
572
+ @if $skin-name == 'Material3' {
573
+ font-size: $tab-big-font-size;
574
+ }
562
575
  }
563
576
 
564
577
  &::after {
565
578
  font-size: $tab-big-font-size;
579
+ @if $skin-name == 'Material3' {
580
+ font-size: $tab-big-nav-icon-size;
581
+ }
566
582
  line-height: $tab-big-more-btn-line-height;
567
583
  margin: $tab-pop-more-icon-margin;
568
584
  }
package/styles/tab/_bootstrap-dark-definition.scss CHANGED
@@ -225,7 +225,6 @@ $tab-fill-nrml-even-active-text-height: 40px !default;
225
225
  $tab-text-color: lighten($brand-primary, 15%) !default;
226
226
  $tab-wrap-comb-icon-color: $tab-text-color !default;
227
227
  $tab-disable-text-color: $grey-light !default;
228
- $tab-mob-text-color: lighten($brand-primary, 15%) !default;
229
228
  $tab-active-text-color: $grey-dark-font !default;
230
229
  $tab-disable-active-text-color: $grey-light !default;
231
230
  $tab-focus-text-color: $grey-dark-font !default;
@@ -304,7 +303,6 @@ $tab-nrml-pop-close-top: 0 !default;
304
303
  $tab-big-safari-close-icon-top: 0 !default;
305
304
  $tab-nrml-safari-close-icon-top: -1px !default;
306
305
  $tab-close-icon-color: $grey-dark-font !default;
307
- $tab-mob-close-icon-color: $grey-dark-font !default;
308
306
  $tab-active-close-icon-color: $grey-dark-font !default;
309
307
  $tab-close-icon-hover-color: $grey-light-font !default;
310
308
  $tab-close-icon-active-color: $grey-light-font !default;
package/styles/tab/_bootstrap-definition.scss CHANGED
@@ -205,7 +205,6 @@ $tab-fill-nrml-even-active-text-height: 40px !default;
205
205
  $tab-text-color: $brand-primary !default;
206
206
  $tab-wrap-comb-icon-color: $tab-text-color !default;
207
207
  $tab-disable-text-color: $grey-light !default;
208
- $tab-mob-text-color: $brand-primary !default;
209
208
  $tab-active-text-color: $grey !default;
210
209
  $tab-disable-active-text-color: $grey-light !default;
211
210
  $tab-focus-text-color: $brand-primary-darken-25 !default;
@@ -284,7 +283,6 @@ $tab-nrml-pop-close-top: 0 !default;
284
283
  $tab-big-safari-close-icon-top: 0 !default;
285
284
  $tab-nrml-safari-close-icon-top: -1px !default;
286
285
  $tab-close-icon-color: $grey-light !default;
287
- $tab-mob-close-icon-color: $grey-light !default;
288
286
  $tab-active-close-icon-color: $grey-light !default;
289
287
  $tab-close-icon-hover-color: $grey-light-font !default;
290
288
  $tab-close-icon-active-color: $grey-light-font !default;
package/styles/tab/_bootstrap4-definition.scss CHANGED
@@ -210,7 +210,6 @@ $tab-fill-nrml-even-active-text-height: 40px !default;
210
210
  $tab-text-color: $primary !default;
211
211
  $tab-wrap-comb-icon-color: $tab-text-color !default;
212
212
  $tab-disable-text-color: $gray-600 !default;
213
- $tab-mob-text-color: #37b !default;
214
213
  $tab-active-text-color: $gray-700 !default;
215
214
  $tab-disable-active-text-color: $gray-600 !default;
216
215
  $tab-focus-text-color: darken($primary, 15%) !default;
@@ -289,7 +288,6 @@ $tab-nrml-pop-close-top: 0 !default;
289
288
  $tab-big-safari-close-icon-top: 0 !default;
290
289
  $tab-nrml-safari-close-icon-top: -1px !default;
291
290
  $tab-close-icon-color: rgba($black, .5) !default;
292
- $tab-mob-close-icon-color: #777 !default;
293
291
  $tab-active-close-icon-color: rgba($black, .5) !default;
294
292
  $tab-close-icon-hover-color: rgba($black, .75) !default;
295
293
  $tab-close-icon-active-color: rgba($black, .75) !default;
package/styles/tab/_bootstrap5-definition.scss CHANGED
@@ -283,7 +283,6 @@ $tab-mob-item-hover-bg-color: initial !default;
283
283
  $tab-pop-text-color: $content-text-color !default;
284
284
  $tab-text-color: $primary !default;
285
285
  $tab-disable-text-color: $content-text-color-disabled !default;
286
- $tab-mob-text-color: $content-text-color-alt2 !default;
287
286
  $tab-active-text-color: $content-text-color-alt2 !default;
288
287
  $tab-disable-active-text-color: rgba($border-light, .38) !default;
289
288
  $tab-focus-text-color: $primary-bg-color-pressed !default;
@@ -302,7 +301,6 @@ $tab-comb-icon-color: $icon-color !default;
302
301
  $tab-wrap-comb-icon-color: $tab-comb-icon-color !default;
303
302
  $tab-comb-text-color: $content-text-color-alt2 !default;
304
303
  $tab-close-icon-color: $icon-color !default;
305
- $tab-mob-close-icon-color: rgba($icon-color, .87) !default;
306
304
  $tab-active-close-icon-color: $icon-color !default;
307
305
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
308
306
  $tab-close-icon-active-color: $primary !default;
package/styles/tab/_bootstrap5.3-definition.scss CHANGED
@@ -283,7 +283,6 @@ $tab-mob-item-hover-bg-color: initial !default;
283
283
  $tab-pop-text-color: $content-text-color !default;
284
284
  $tab-text-color: $primary !default;
285
285
  $tab-disable-text-color: $primary-bg-color-disabled !default;
286
- $tab-mob-text-color: $content-text-color-alt2 !default;
287
286
  $tab-active-text-color: $content-text-color !default;
288
287
  $tab-disable-active-text-color: rgba($border-light, .38) !default;
289
288
  $tab-focus-text-color: $primary-bg-color-focus !default;
@@ -302,7 +301,6 @@ $tab-comb-icon-color: $icon-color !default;
302
301
  $tab-wrap-comb-icon-color: $tab-comb-icon-color !default;
303
302
  $tab-comb-text-color: $tab-active-text-color !default;
304
303
  $tab-close-icon-color: $icon-color !default;
305
- $tab-mob-close-icon-color: rgba($icon-color, .87) !default;
306
304
  $tab-active-close-icon-color: $icon-color !default;
307
305
  $tab-close-icon-hover-color: $close-icon-color-hover !default;
308
306
  $tab-close-icon-active-color: $close-icon-color-pressed !default;
package/styles/tab/_fabric-dark-definition.scss CHANGED
@@ -226,7 +226,6 @@ $tab-fill-nrml-even-active-text-height: 36px !default;
226
226
  $tab-text-color: $neutral-light-font !default;
227
227
  $tab-wrap-comb-icon-color: $tab-text-color !default;
228
228
  $tab-disable-text-color: $neutral-tertiary-alt !default;
229
- $tab-mob-text-color: $neutral-light-font !default;
230
229
  $tab-active-text-color: $neutral-light-fontalt !default;
231
230
  $tab-disable-active-text-color: $neutral-lighter-alt !default;
232
231
  $tab-focus-text-color: $neutral-light-fontalt !default;
@@ -305,7 +304,6 @@ $tab-nrml-pop-close-top: 1px !default;
305
304
  $tab-big-safari-close-icon-top: -1px !default;
306
305
  $tab-nrml-safari-close-icon-top: -1px !default;
307
306
  $tab-close-icon-color: $neutral-light-font !default;
308
- $tab-mob-close-icon-color: $base-font !default;
309
307
  $tab-active-close-icon-color: $neutral-light-font !default;
310
308
  $tab-close-icon-hover-color: $neutral-light-fontalt !default;
311
309
  $tab-close-icon-active-color: $neutral-light-fontalt !default;
package/styles/tab/_fabric-definition.scss CHANGED
@@ -208,7 +208,6 @@ $tab-fill-nrml-even-active-text-height: 36px !default;
208
208
  $tab-text-color: $neutral-light-font !default;
209
209
  $tab-wrap-comb-icon-color: $tab-text-color !default;
210
210
  $tab-disable-text-color: $neutral-tertiary !default;
211
- $tab-mob-text-color: $neutral-light-font !default;
212
211
  $tab-active-text-color: $neutral-light-font !default;
213
212
  $tab-disable-active-text-color: $neutral-tertiary !default;
214
213
  $tab-focus-text-color: $neutral-light-font !default;
@@ -287,7 +286,6 @@ $tab-nrml-pop-close-top: 1px !default;
287
286
  $tab-big-safari-close-icon-top: -1px !default;
288
287
  $tab-nrml-safari-close-icon-top: -1px !default;
289
288
  $tab-close-icon-color: $neutral-light-font !default;
290
- $tab-mob-close-icon-color: $base-font !default;
291
289
  $tab-active-close-icon-color: $neutral-light-font !default;
292
290
  $tab-close-icon-hover-color: $theme-darker !default;
293
291
  $tab-close-icon-active-color: $theme-primary !default;
package/styles/tab/_fluent-definition.scss CHANGED
@@ -203,7 +203,6 @@ $tab-fill-big-even-active-text-height: 48px !default;
203
203
  $tab-fill-nrml-even-active-text-height: 40px !default;
204
204
  $tab-text-color: $content-text-color !default;
205
205
  $tab-disable-text-color: $content-text-color-disabled !default;
206
- $tab-mob-text-color: $content-text-color-alt2 !default;
207
206
  $tab-active-text-color: $content-text-color !default;
208
207
  $tab-disable-active-text-color: rgba($border-light, .38) !default;
209
208
  $tab-focus-text-color: $content-text-color !default;
@@ -283,7 +282,6 @@ $tab-nrml-pop-close-top: 0 !default;
283
282
  $tab-big-safari-close-icon-top: 0 !default;
284
283
  $tab-nrml-safari-close-icon-top: -1px !default;
285
284
  $tab-close-icon-color: $icon-color !default;
286
- $tab-mob-close-icon-color: rgba($icon-color, .87) !default;
287
285
  $tab-active-close-icon-color: $icon-color !default;
288
286
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
289
287
  $tab-close-icon-active-color: $tab-hover-text-color !default;
package/styles/tab/_fluent2-definition.scss CHANGED
@@ -207,7 +207,6 @@ $tab-fill-nrml-even-active-text-height: 34px !default;
207
207
  $tab-text-color: $content-text-color-alt2 !default;
208
208
  $tab-wrap-comb-icon-color: $tab-text-color !default;
209
209
  $tab-disable-text-color: $content-text-color-disabled !default;
210
- $tab-mob-text-color: $content-text-color-alt3 !default;
211
210
  $tab-active-text-color: $content-text-color !default;
212
211
  $tab-disable-active-text-color: rgba($border-light, .38) !default;
213
212
  $tab-focus-text-color: $content-text-color !default;
@@ -286,7 +285,6 @@ $tab-nrml-pop-close-top: 0 !default;
286
285
  $tab-big-safari-close-icon-top: 0 !default;
287
286
  $tab-nrml-safari-close-icon-top: -1px !default;
288
287
  $tab-close-icon-color: $icon-color !default;
289
- $tab-mob-close-icon-color: rgba($icon-color, .87) !default;
290
288
  $tab-active-close-icon-color: $icon-color !default;
291
289
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
292
290
  $tab-close-icon-active-color: $primary !default;
package/styles/tab/_fusionnew-definition.scss CHANGED
@@ -283,7 +283,6 @@ $tab-mob-item-hover-bg-color: initial !default;
283
283
  $tab-pop-text-color: $content-text-color !default;
284
284
  $tab-text-color: $primary !default;
285
285
  $tab-disable-text-color: $content-text-color-disabled !default;
286
- $tab-mob-text-color: $content-text-color-alt2 !default;
287
286
  $tab-active-text-color: $content-text-color-alt2 !default;
288
287
  $tab-disable-active-text-color: rgba($border-light, .38) !default;
289
288
  $tab-focus-text-color: $primary-bg-color-pressed !default;
@@ -302,7 +301,6 @@ $tab-comb-icon-color: $icon-color !default;
302
301
  $tab-wrap-comb-icon-color: $tab-comb-icon-color !default;
303
302
  $tab-comb-text-color: $content-text-color-alt2 !default;
304
303
  $tab-close-icon-color: $icon-color !default;
305
- $tab-mob-close-icon-color: rgba($icon-color, .87) !default;
306
304
  $tab-active-close-icon-color: $icon-color !default;
307
305
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
308
306
  $tab-close-icon-active-color: $primary !default;
package/styles/tab/_highcontrast-definition.scss CHANGED
@@ -206,7 +206,6 @@ $tab-fill-nrml-even-active-text-height: 36px !default;
206
206
  $tab-text-color: $content-font !default;
207
207
  $tab-wrap-comb-icon-color: $tab-text-color !default;
208
208
  $tab-disable-text-color: $disable !default;
209
- $tab-mob-text-color: $content-font !default;
210
209
  $tab-active-text-color: $content-font !default;
211
210
  $tab-disable-active-text-color: $disable !default;
212
211
  $tab-focus-text-color: $content-font !default;
@@ -285,7 +284,6 @@ $tab-nrml-pop-close-top: 1px !default;
285
284
  $tab-big-safari-close-icon-top: -1px !default;
286
285
  $tab-nrml-safari-close-icon-top: -1px !default;
287
286
  $tab-close-icon-color: $content-font !default;
288
- $tab-mob-close-icon-color: $content-font !default;
289
287
  $tab-active-close-icon-color: $content-font !default;
290
288
  $tab-close-icon-hover-color: $selection-bg !default;
291
289
  $tab-close-icon-active-color: $selection-bg !default;
package/styles/tab/_highcontrast-light-definition.scss CHANGED
@@ -226,7 +226,6 @@ $tab-fill-nrml-even-active-text-height: 36px !default;
226
226
  $tab-text-color: $content-font !default;
227
227
  $tab-wrap-comb-icon-color: $tab-text-color !default;
228
228
  $tab-disable-text-color: $disable !default;
229
- $tab-mob-text-color: $content-font !default;
230
229
  $tab-active-text-color: $content-font !default;
231
230
  $tab-disable-active-text-color: $disable !default;
232
231
  $tab-focus-text-color: $content-font !default;
@@ -305,7 +304,6 @@ $tab-nrml-pop-close-top: 1px !default;
305
304
  $tab-big-safari-close-icon-top: -1px !default;
306
305
  $tab-nrml-safari-close-icon-top: -1px !default;
307
306
  $tab-close-icon-color: $content-font !default;
308
- $tab-mob-close-icon-color: $content-font !default;
309
307
  $tab-active-close-icon-color: $content-font !default;
310
308
  $tab-close-icon-hover-color: $selection-bg !default;
311
309
  $tab-close-icon-active-color: $selection-bg !default;
package/styles/tab/_material-dark-definition.scss CHANGED
@@ -224,7 +224,6 @@ $tab-fill-nrml-even-active-text-height: 34px !default;
224
224
  $tab-text-color: rgba($grey-dark-font, .7) !default;
225
225
  $tab-wrap-comb-icon-color: $tab-text-color !default;
226
226
  $tab-disable-text-color: rgba($grey-dark-font, .3) !default;
227
- $tab-mob-text-color: rgba($grey-dark-font, .7) !default;
228
227
  $tab-active-text-color: rgba($accent, 1) !default;
229
228
  $tab-disable-active-text-color: rgba($accent, .3) !default;
230
229
  $tab-focus-text-color: rgba($accent, 1) !default;
@@ -303,7 +302,6 @@ $tab-nrml-pop-close-top: 0 !default;
303
302
  $tab-big-safari-close-icon-top: 0 !default;
304
303
  $tab-nrml-safari-close-icon-top: -1px !default;
305
304
  $tab-close-icon-color: rgba($grey-dark-font, .7) !default;
306
- $tab-mob-close-icon-color: $grey-dark-font !default;
307
305
  $tab-active-close-icon-color: rgba($grey-dark-font, .7) !default;
308
306
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
309
307
  $tab-close-icon-active-color: $tab-hover-text-color !default;
package/styles/tab/_material-definition.scss CHANGED
@@ -203,7 +203,6 @@ $tab-fill-nrml-even-active-text-height: 34px !default;
203
203
  $tab-text-color: rgba($grey-light-font, .54) !default;
204
204
  $tab-wrap-comb-icon-color: $tab-text-color !default;
205
205
  $tab-disable-text-color: rgba($grey-light-font, .38) !default;
206
- $tab-mob-text-color: rgba($grey-light-font, .54) !default;
207
206
  $tab-active-text-color: rgba($accent, 1) !default;
208
207
  $tab-disable-active-text-color: rgba($accent, .38) !default;
209
208
  $tab-focus-text-color: rgba($accent, 1) !default;
@@ -282,7 +281,6 @@ $tab-nrml-pop-close-top: 0 !default;
282
281
  $tab-big-safari-close-icon-top: 0 !default;
283
282
  $tab-nrml-safari-close-icon-top: -1px !default;
284
283
  $tab-close-icon-color: rgba($grey-light-font, .54) !default;
285
- $tab-mob-close-icon-color: rgba($grey-light-font, .87) !default;
286
284
  $tab-active-close-icon-color: rgba($grey-light-font, .54) !default;
287
285
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
288
286
  $tab-close-icon-active-color: $tab-hover-text-color !default;
package/styles/tab/_material3-definition.scss CHANGED
@@ -284,7 +284,6 @@ $tab-mob-item-hover-bg-color: initial !default;
284
284
  $tab-pop-text-color: rgba($flyout-text-color) !default;
285
285
  $tab-text-color: rgba($content-text-color-alt1) !default;
286
286
  $tab-disable-text-color: rgba($content-text-color, .38) !default;
287
- $tab-mob-text-color: rgba($content-text-color-alt1) !default;
288
287
  $tab-active-text-color: rgba($primary) !default;
289
288
  $tab-disable-active-text-color: rgba($content-text-color) !default;
290
289
  $tab-focus-text-color: rgba($content-text-color-alt1) !default;
@@ -303,7 +302,6 @@ $tab-comb-icon-color: rgba($primary) !default;
303
302
  $tab-wrap-comb-icon-color: rgba($icon-color) !default;
304
303
  $tab-comb-text-color: rgba($primary) !default;
305
304
  $tab-close-icon-color: rgba($icon-color) !default;
306
- $tab-mob-close-icon-color: rgba($icon-color) !default;
307
305
  $tab-active-close-icon-color: rgba($primary) !default;
308
306
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
309
307
  $tab-close-icon-active-color: rgba($primary) !default;
package/styles/tab/_tailwind-definition.scss CHANGED
@@ -205,7 +205,6 @@ $tab-fill-nrml-even-active-text-height: 34px !default;
205
205
  $tab-text-color: $content-text-color-alt2 !default;
206
206
  $tab-wrap-comb-icon-color: $tab-text-color !default;
207
207
  $tab-disable-text-color: $content-text-color-disabled !default;
208
- $tab-mob-text-color: $content-text-color-alt2 !default;
209
208
  $tab-active-text-color: $primary !default;
210
209
  $tab-disable-active-text-color: rgba($border-light, .38) !default;
211
210
  $tab-focus-text-color: $primary !default;
@@ -284,7 +283,6 @@ $tab-nrml-pop-close-top: 0 !default;
284
283
  $tab-big-safari-close-icon-top: 0 !default;
285
284
  $tab-nrml-safari-close-icon-top: -1px !default;
286
285
  $tab-close-icon-color: $icon-color !default;
287
- $tab-mob-close-icon-color: rgba($icon-color, .87) !default;
288
286
  $tab-active-close-icon-color: $icon-color !default;
289
287
  $tab-close-icon-hover-color: $tab-hover-text-color !default;
290
288
  $tab-close-icon-active-color: $primary !default;