@syncfusion/ej2-layouts 26.2.10 → 27.1.48

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 (274) hide show
  1. package/README.md +33 -33
  2. package/dist/ej2-layouts.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +3 -1
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +3 -1
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -7
  13. package/src/splitter/splitter.js +3 -1
  14. package/styles/avatar/_layout.scss +6 -6
  15. package/styles/avatar/bootstrap5.3.css +66 -0
  16. package/styles/avatar/bootstrap5.3.scss +3 -0
  17. package/styles/bootstrap-dark-lite.css +1521 -0
  18. package/styles/bootstrap-dark-lite.scss +14 -0
  19. package/styles/bootstrap-dark.css +213 -211
  20. package/styles/bootstrap-dark.scss +5 -1
  21. package/styles/bootstrap-lite.css +1521 -0
  22. package/styles/bootstrap-lite.scss +14 -0
  23. package/styles/bootstrap.css +214 -212
  24. package/styles/bootstrap.scss +5 -1
  25. package/styles/bootstrap4-lite.css +1517 -0
  26. package/styles/bootstrap4-lite.scss +14 -0
  27. package/styles/bootstrap4.css +222 -220
  28. package/styles/bootstrap4.scss +5 -1
  29. package/styles/bootstrap5-dark-lite.css +1538 -0
  30. package/styles/bootstrap5-dark-lite.scss +14 -0
  31. package/styles/bootstrap5-dark.css +214 -212
  32. package/styles/bootstrap5-dark.scss +5 -1
  33. package/styles/bootstrap5-lite.css +1538 -0
  34. package/styles/bootstrap5-lite.scss +14 -0
  35. package/styles/bootstrap5.3-lite.css +1530 -0
  36. package/styles/bootstrap5.3-lite.scss +14 -0
  37. package/styles/bootstrap5.3.css +1764 -0
  38. package/styles/bootstrap5.3.scss +18 -0
  39. package/styles/bootstrap5.css +214 -212
  40. package/styles/bootstrap5.scss +5 -1
  41. package/styles/card/_bigger.scss +165 -0
  42. package/styles/card/_layout.scss +2 -164
  43. package/styles/card/bootstrap-dark.css +135 -135
  44. package/styles/card/bootstrap-dark.scss +1 -0
  45. package/styles/card/bootstrap.css +136 -136
  46. package/styles/card/bootstrap.scss +1 -0
  47. package/styles/card/bootstrap4.css +144 -144
  48. package/styles/card/bootstrap4.scss +1 -0
  49. package/styles/card/bootstrap5-dark.css +136 -136
  50. package/styles/card/bootstrap5-dark.scss +1 -0
  51. package/styles/card/bootstrap5.3.css +560 -0
  52. package/styles/card/bootstrap5.3.scss +4 -0
  53. package/styles/card/bootstrap5.css +136 -136
  54. package/styles/card/bootstrap5.scss +1 -0
  55. package/styles/card/fabric-dark.css +135 -135
  56. package/styles/card/fabric-dark.scss +1 -0
  57. package/styles/card/fabric.css +136 -136
  58. package/styles/card/fabric.scss +1 -0
  59. package/styles/card/fluent-dark.css +143 -143
  60. package/styles/card/fluent-dark.scss +1 -0
  61. package/styles/card/fluent.css +143 -143
  62. package/styles/card/fluent.scss +1 -0
  63. package/styles/card/fluent2.css +138 -138
  64. package/styles/card/fluent2.scss +1 -0
  65. package/styles/card/highcontrast-light.css +135 -135
  66. package/styles/card/highcontrast-light.scss +1 -0
  67. package/styles/card/highcontrast.css +136 -136
  68. package/styles/card/highcontrast.scss +1 -0
  69. package/styles/card/material-dark.css +135 -135
  70. package/styles/card/material-dark.scss +1 -0
  71. package/styles/card/material.css +135 -135
  72. package/styles/card/material.scss +1 -0
  73. package/styles/card/material3-dark.css +135 -135
  74. package/styles/card/material3-dark.scss +1 -0
  75. package/styles/card/material3.css +135 -135
  76. package/styles/card/material3.scss +1 -0
  77. package/styles/card/tailwind-dark.css +135 -135
  78. package/styles/card/tailwind-dark.scss +1 -0
  79. package/styles/card/tailwind.css +135 -135
  80. package/styles/card/tailwind.scss +1 -0
  81. package/styles/dashboard-layout/_bigger.scss +39 -0
  82. package/styles/dashboard-layout/_bootstrap5.3-definition.scss +5 -5
  83. package/styles/dashboard-layout/_fluent2-definition.scss +3 -4
  84. package/styles/dashboard-layout/_layout.scss +0 -32
  85. package/styles/dashboard-layout/_theme.scss +0 -6
  86. package/styles/dashboard-layout/bootstrap-dark.css +14 -13
  87. package/styles/dashboard-layout/bootstrap-dark.scss +1 -0
  88. package/styles/dashboard-layout/bootstrap.css +14 -13
  89. package/styles/dashboard-layout/bootstrap.scss +1 -0
  90. package/styles/dashboard-layout/bootstrap4.css +14 -13
  91. package/styles/dashboard-layout/bootstrap4.scss +1 -0
  92. package/styles/dashboard-layout/bootstrap5-dark.css +14 -13
  93. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -0
  94. package/styles/dashboard-layout/bootstrap5.3.css +300 -0
  95. package/styles/dashboard-layout/bootstrap5.3.scss +5 -0
  96. package/styles/dashboard-layout/bootstrap5.css +14 -13
  97. package/styles/dashboard-layout/bootstrap5.scss +1 -0
  98. package/styles/dashboard-layout/fabric-dark.css +14 -13
  99. package/styles/dashboard-layout/fabric-dark.scss +1 -0
  100. package/styles/dashboard-layout/fabric.css +14 -13
  101. package/styles/dashboard-layout/fabric.scss +1 -0
  102. package/styles/dashboard-layout/fluent-dark.css +14 -13
  103. package/styles/dashboard-layout/fluent-dark.scss +1 -0
  104. package/styles/dashboard-layout/fluent.css +14 -13
  105. package/styles/dashboard-layout/fluent.scss +1 -0
  106. package/styles/dashboard-layout/fluent2.css +18 -17
  107. package/styles/dashboard-layout/fluent2.scss +1 -0
  108. package/styles/dashboard-layout/highcontrast-light.css +14 -13
  109. package/styles/dashboard-layout/highcontrast-light.scss +1 -0
  110. package/styles/dashboard-layout/highcontrast.css +14 -13
  111. package/styles/dashboard-layout/highcontrast.scss +1 -0
  112. package/styles/dashboard-layout/material-dark.css +14 -13
  113. package/styles/dashboard-layout/material-dark.scss +1 -0
  114. package/styles/dashboard-layout/material.css +14 -13
  115. package/styles/dashboard-layout/material.scss +1 -0
  116. package/styles/dashboard-layout/material3-dark.css +14 -13
  117. package/styles/dashboard-layout/material3-dark.scss +1 -0
  118. package/styles/dashboard-layout/material3.css +14 -13
  119. package/styles/dashboard-layout/material3.scss +1 -0
  120. package/styles/dashboard-layout/tailwind-dark.css +21 -19
  121. package/styles/dashboard-layout/tailwind-dark.scss +1 -0
  122. package/styles/dashboard-layout/tailwind.css +21 -19
  123. package/styles/dashboard-layout/tailwind.scss +1 -0
  124. package/styles/fabric-dark-lite.css +1521 -0
  125. package/styles/fabric-dark-lite.scss +14 -0
  126. package/styles/fabric-dark.css +213 -211
  127. package/styles/fabric-dark.scss +5 -1
  128. package/styles/fabric-lite.css +1531 -0
  129. package/styles/fabric-lite.scss +14 -0
  130. package/styles/fabric.css +214 -212
  131. package/styles/fabric.scss +5 -1
  132. package/styles/fluent-dark-lite.css +1546 -0
  133. package/styles/fluent-dark-lite.scss +14 -0
  134. package/styles/fluent-dark.css +221 -219
  135. package/styles/fluent-dark.scss +5 -1
  136. package/styles/fluent-lite.css +1546 -0
  137. package/styles/fluent-lite.scss +14 -0
  138. package/styles/fluent.css +221 -219
  139. package/styles/fluent.scss +5 -1
  140. package/styles/fluent2-lite.css +1545 -0
  141. package/styles/fluent2-lite.scss +14 -0
  142. package/styles/fluent2.css +225 -219
  143. package/styles/fluent2.scss +5 -1
  144. package/styles/highcontrast-light-lite.css +1458 -0
  145. package/styles/highcontrast-light-lite.scss +13 -0
  146. package/styles/highcontrast-light.css +213 -211
  147. package/styles/highcontrast-light.scss +5 -1
  148. package/styles/highcontrast-lite.css +1530 -0
  149. package/styles/highcontrast-lite.scss +14 -0
  150. package/styles/highcontrast.css +214 -212
  151. package/styles/highcontrast.scss +5 -1
  152. package/styles/material-dark-lite.css +1519 -0
  153. package/styles/material-dark-lite.scss +14 -0
  154. package/styles/material-dark.css +213 -211
  155. package/styles/material-dark.scss +5 -1
  156. package/styles/material-lite.css +1521 -0
  157. package/styles/material-lite.scss +14 -0
  158. package/styles/material.css +213 -211
  159. package/styles/material.scss +5 -1
  160. package/styles/material3-dark-lite.css +1536 -0
  161. package/styles/material3-dark-lite.scss +14 -0
  162. package/styles/material3-dark.css +213 -211
  163. package/styles/material3-dark.scss +5 -1
  164. package/styles/material3-lite.css +1538 -0
  165. package/styles/material3-lite.scss +14 -0
  166. package/styles/material3.css +213 -211
  167. package/styles/material3.scss +5 -1
  168. package/styles/splitter/_bigger.scss +78 -0
  169. package/styles/splitter/_layout.scss +0 -58
  170. package/styles/splitter/bootstrap-dark.css +40 -41
  171. package/styles/splitter/bootstrap-dark.scss +1 -0
  172. package/styles/splitter/bootstrap.css +40 -41
  173. package/styles/splitter/bootstrap.scss +1 -0
  174. package/styles/splitter/bootstrap4.css +40 -41
  175. package/styles/splitter/bootstrap4.scss +1 -0
  176. package/styles/splitter/bootstrap5-dark.css +40 -41
  177. package/styles/splitter/bootstrap5-dark.scss +1 -0
  178. package/styles/splitter/bootstrap5.3.css +547 -0
  179. package/styles/splitter/bootstrap5.3.scss +5 -0
  180. package/styles/splitter/bootstrap5.css +40 -41
  181. package/styles/splitter/bootstrap5.scss +1 -0
  182. package/styles/splitter/fabric-dark.css +40 -41
  183. package/styles/splitter/fabric-dark.scss +1 -0
  184. package/styles/splitter/fabric.css +40 -41
  185. package/styles/splitter/fabric.scss +1 -0
  186. package/styles/splitter/fluent-dark.css +40 -41
  187. package/styles/splitter/fluent-dark.scss +1 -0
  188. package/styles/splitter/fluent.css +40 -41
  189. package/styles/splitter/fluent.scss +1 -0
  190. package/styles/splitter/fluent2.css +40 -41
  191. package/styles/splitter/fluent2.scss +1 -0
  192. package/styles/splitter/highcontrast-light.css +40 -41
  193. package/styles/splitter/highcontrast-light.scss +1 -0
  194. package/styles/splitter/highcontrast.css +40 -41
  195. package/styles/splitter/highcontrast.scss +1 -0
  196. package/styles/splitter/icons/_bds.scss +0 -18
  197. package/styles/splitter/icons/_bootstrap-dark.scss +0 -18
  198. package/styles/splitter/icons/_bootstrap.scss +0 -18
  199. package/styles/splitter/icons/_bootstrap4.scss +0 -18
  200. package/styles/splitter/icons/_bootstrap5.3.scss +0 -18
  201. package/styles/splitter/icons/_bootstrap5.scss +0 -18
  202. package/styles/splitter/icons/_fabric-dark.scss +0 -18
  203. package/styles/splitter/icons/_fabric.scss +0 -18
  204. package/styles/splitter/icons/_fluent.scss +0 -18
  205. package/styles/splitter/icons/_fluent2.scss +0 -18
  206. package/styles/splitter/icons/_fusionnew.scss +0 -18
  207. package/styles/splitter/icons/_highcontrast-light.scss +0 -18
  208. package/styles/splitter/icons/_highcontrast.scss +0 -18
  209. package/styles/splitter/icons/_material-dark.scss +0 -18
  210. package/styles/splitter/icons/_material.scss +0 -18
  211. package/styles/splitter/icons/_material3.scss +0 -18
  212. package/styles/splitter/icons/_tailwind.scss +0 -18
  213. package/styles/splitter/material-dark.css +40 -41
  214. package/styles/splitter/material-dark.scss +1 -0
  215. package/styles/splitter/material.css +40 -41
  216. package/styles/splitter/material.scss +1 -0
  217. package/styles/splitter/material3-dark.css +40 -41
  218. package/styles/splitter/material3-dark.scss +1 -0
  219. package/styles/splitter/material3.css +40 -41
  220. package/styles/splitter/material3.scss +1 -0
  221. package/styles/splitter/tailwind-dark.css +40 -41
  222. package/styles/splitter/tailwind-dark.scss +1 -0
  223. package/styles/splitter/tailwind.css +40 -41
  224. package/styles/splitter/tailwind.scss +1 -0
  225. package/styles/tailwind-dark-lite.css +1546 -0
  226. package/styles/tailwind-dark-lite.scss +14 -0
  227. package/styles/tailwind-dark.css +220 -217
  228. package/styles/tailwind-dark.scss +5 -1
  229. package/styles/tailwind-lite.css +1546 -0
  230. package/styles/tailwind-lite.scss +14 -0
  231. package/styles/tailwind.css +220 -217
  232. package/styles/tailwind.scss +5 -1
  233. package/styles/timeline/_bigger.scss +48 -0
  234. package/styles/timeline/_layout.scss +6 -42
  235. package/styles/timeline/_theme.scss +13 -1
  236. package/styles/timeline/bootstrap-dark.css +24 -23
  237. package/styles/timeline/bootstrap-dark.scss +1 -0
  238. package/styles/timeline/bootstrap.css +24 -23
  239. package/styles/timeline/bootstrap.scss +1 -0
  240. package/styles/timeline/bootstrap4.css +24 -23
  241. package/styles/timeline/bootstrap4.scss +1 -0
  242. package/styles/timeline/bootstrap5-dark.css +24 -23
  243. package/styles/timeline/bootstrap5-dark.scss +1 -0
  244. package/styles/timeline/bootstrap5.3.css +303 -0
  245. package/styles/timeline/bootstrap5.3.scss +4 -0
  246. package/styles/timeline/bootstrap5.css +24 -23
  247. package/styles/timeline/bootstrap5.scss +1 -0
  248. package/styles/timeline/fabric-dark.css +24 -23
  249. package/styles/timeline/fabric-dark.scss +1 -0
  250. package/styles/timeline/fabric.css +24 -23
  251. package/styles/timeline/fabric.scss +1 -0
  252. package/styles/timeline/fluent-dark.css +24 -23
  253. package/styles/timeline/fluent-dark.scss +1 -0
  254. package/styles/timeline/fluent.css +24 -23
  255. package/styles/timeline/fluent.scss +1 -0
  256. package/styles/timeline/fluent2.css +29 -24
  257. package/styles/timeline/fluent2.scss +1 -0
  258. package/styles/timeline/highcontrast-light.css +24 -23
  259. package/styles/timeline/highcontrast-light.scss +1 -0
  260. package/styles/timeline/highcontrast.css +24 -23
  261. package/styles/timeline/highcontrast.scss +1 -0
  262. package/styles/timeline/material-dark.css +24 -23
  263. package/styles/timeline/material-dark.scss +1 -0
  264. package/styles/timeline/material.css +24 -23
  265. package/styles/timeline/material.scss +1 -0
  266. package/styles/timeline/material3-dark.css +24 -23
  267. package/styles/timeline/material3-dark.scss +1 -0
  268. package/styles/timeline/material3.css +24 -23
  269. package/styles/timeline/material3.scss +1 -0
  270. package/styles/timeline/tailwind-dark.css +24 -23
  271. package/styles/timeline/tailwind-dark.scss +1 -0
  272. package/styles/timeline/tailwind.css +24 -23
  273. package/styles/timeline/tailwind.scss +1 -0
  274. package/hotfix/26.1.35_Vol2.txt +0 -1
package/styles/timeline/fabric.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #dadada;
239
+ border-color: #dadada;
240
+ color: #333;
241
+ outline-color: #fff;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #fff;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #dadada;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #333;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #333;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: #a6a6a6;
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #dadada;
279
- border-color: #dadada;
280
- color: #333;
281
- outline-color: #fff;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #fff;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #dadada;
288
- }
289
- .e-timeline .e-content {
290
- color: #333;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #333;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: #a6a6a6;
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/fabric.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/fluent-dark.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #292827;
239
+ border-color: #292827;
240
+ color: #f3f2f1;
241
+ outline-color: #1b1a19;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #1b1a19;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #292827;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #d2d0ce;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #d2d0ce;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: #484644;
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #292827;
279
- border-color: #292827;
280
- color: #f3f2f1;
281
- outline-color: #1b1a19;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #1b1a19;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #292827;
288
- }
289
- .e-timeline .e-content {
290
- color: #d2d0ce;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #d2d0ce;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: #484644;
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/fluent-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/fluent.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #edebe9;
239
+ border-color: #edebe9;
240
+ color: #201f1e;
241
+ outline-color: #fff;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #fff;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #edebe9;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #323130;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #323130;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: #a19f9d;
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #edebe9;
279
- border-color: #edebe9;
280
- color: #201f1e;
281
- outline-color: #fff;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #fff;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #edebe9;
288
- }
289
- .e-timeline .e-content {
290
- color: #323130;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #323130;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: #a19f9d;
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/fluent.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/fluent2.css CHANGED
@@ -105,7 +105,7 @@
105
105
  .e-timeline .e-content {
106
106
  text-align: left;
107
107
  font-size: 14px;
108
- font-weight: 500;
108
+ font-weight: 600;
109
109
  }
110
110
  .e-timeline .e-timeline-item:first-child::after {
111
111
  top: 0;
@@ -240,6 +240,33 @@
240
240
  width: auto;
241
241
  }
242
242
 
243
+ .e-timeline .e-dot {
244
+ background-color: var(--color-sf-content-bg-color);
245
+ border-color: var(--color-sf-border-light);
246
+ color: var(--color-sf-icon-color);
247
+ outline-color: var(--color-sf-border-light);
248
+ }
249
+ .e-timeline.e-outline .e-dot {
250
+ background-color: var(--color-sf-border-light);
251
+ }
252
+ .e-timeline .e-timeline-item.e-connector::after {
253
+ border-color: var(--color-sf-border-light);
254
+ }
255
+ .e-timeline .e-content {
256
+ color: var(--color-sf-content-text-color);
257
+ }
258
+ .e-timeline .e-opposite-content {
259
+ color: var(--color-sf-content-text-color);
260
+ }
261
+ .e-timeline .e-item-disabled .e-content,
262
+ .e-timeline .e-item-disabled .e-opposite-content {
263
+ color: var(--color-sf-content-text-color-disabled);
264
+ }
265
+ .e-timeline .e-disabled .e-content,
266
+ .e-timeline .e-disabled .e-opposite-content {
267
+ color: var(--color-sf-content-text-color-disabled);
268
+ }
269
+
243
270
  .e-bigger.e-timeline [class^="e-dot "]::before,
244
271
  .e-bigger .e-timeline [class^="e-dot "]::before {
245
272
  min-width: 40px;
@@ -278,27 +305,5 @@
278
305
  .e-bigger.e-timeline .e-content,
279
306
  .e-bigger .e-timeline .e-content {
280
307
  font-size: 16px;
281
- }
282
-
283
- .e-timeline .e-dot {
284
- background-color: var(--color-sf-border-light);
285
- border-color: var(--color-sf-border-light);
286
- color: var(--color-sf-icon-color);
287
- outline-color: var(--color-sf-border-light);
288
- }
289
- .e-timeline.e-outline .e-dot {
290
- background-color: var(--color-sf-border-light);
291
- }
292
- .e-timeline .e-timeline-item.e-connector::after {
293
- border-color: var(--color-sf-border-light);
294
- }
295
- .e-timeline .e-content {
296
- color: var(--color-sf-content-text-color);
297
- }
298
- .e-timeline .e-opposite-content {
299
- color: var(--color-sf-content-text-color);
300
- }
301
- .e-timeline .e-item-disabled .e-content,
302
- .e-timeline .e-item-disabled .e-opposite-content {
303
- color: var(--color-sf-content-text-color-disabled);
308
+ font-weight: 600;
304
309
  }
package/styles/timeline/fluent2.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fluent2.scss';
2
2
  @import 'fluent2-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/highcontrast-light.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #4d4d4d;
239
+ border-color: #4d4d4d;
240
+ color: #000;
241
+ outline-color: #fff;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #fff;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #4d4d4d;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #000;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #000;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: #400074;
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #4d4d4d;
279
- border-color: #4d4d4d;
280
- color: #000;
281
- outline-color: #fff;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #fff;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #4d4d4d;
288
- }
289
- .e-timeline .e-content {
290
- color: #000;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #000;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: #400074;
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/highcontrast-light.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/highcontrast.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #757575;
239
+ border-color: #757575;
240
+ color: #fff;
241
+ outline-color: #000;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #000;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #757575;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #fff;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #fff;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: #ffd939;
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #757575;
279
- border-color: #757575;
280
- color: #fff;
281
- outline-color: #000;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #000;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #757575;
288
- }
289
- .e-timeline .e-content {
290
- color: #fff;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #fff;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: #ffd939;
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/highcontrast.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/material-dark.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #616161;
239
+ border-color: #616161;
240
+ color: #bdbdbd;
241
+ outline-color: #212121;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #212121;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #616161;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #fff;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #fff;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: "rgba($white, .38)";
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #616161;
279
- border-color: #616161;
280
- color: #bdbdbd;
281
- outline-color: #212121;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #212121;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #616161;
288
- }
289
- .e-timeline .e-content {
290
- color: #fff;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #fff;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: "rgba($white, .38)";
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/material-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/material.css CHANGED
@@ -234,6 +234,29 @@
234
234
  width: auto;
235
235
  }
236
236
 
237
+ .e-timeline .e-dot {
238
+ background-color: #eee;
239
+ border-color: #eee;
240
+ color: #000;
241
+ outline-color: #fff;
242
+ }
243
+ .e-timeline.e-outline .e-dot {
244
+ background-color: #fff;
245
+ }
246
+ .e-timeline .e-timeline-item.e-connector::after {
247
+ border-color: #eee;
248
+ }
249
+ .e-timeline .e-content {
250
+ color: #000;
251
+ }
252
+ .e-timeline .e-opposite-content {
253
+ color: #000;
254
+ }
255
+ .e-timeline .e-item-disabled .e-content,
256
+ .e-timeline .e-item-disabled .e-opposite-content {
257
+ color: "rgba($black, .38)";
258
+ }
259
+
237
260
  .e-bigger.e-timeline [class^="e-dot "]::before,
238
261
  .e-bigger .e-timeline [class^="e-dot "]::before {
239
262
  min-width: 40px;
@@ -272,27 +295,5 @@
272
295
  .e-bigger.e-timeline .e-content,
273
296
  .e-bigger .e-timeline .e-content {
274
297
  font-size: 16px;
275
- }
276
-
277
- .e-timeline .e-dot {
278
- background-color: #eee;
279
- border-color: #eee;
280
- color: #000;
281
- outline-color: #fff;
282
- }
283
- .e-timeline.e-outline .e-dot {
284
- background-color: #fff;
285
- }
286
- .e-timeline .e-timeline-item.e-connector::after {
287
- border-color: #eee;
288
- }
289
- .e-timeline .e-content {
290
- color: #000;
291
- }
292
- .e-timeline .e-opposite-content {
293
- color: #000;
294
- }
295
- .e-timeline .e-item-disabled .e-content,
296
- .e-timeline .e-item-disabled .e-opposite-content {
297
- color: "rgba($black, .38)";
298
+ font-weight: 500;
298
299
  }
package/styles/timeline/material.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/timeline/material3-dark.css CHANGED
@@ -236,6 +236,29 @@
236
236
  width: auto;
237
237
  }
238
238
 
239
+ .e-timeline .e-dot {
240
+ background-color: rgba(var(--color-sf-outline-variant));
241
+ border-color: rgba(var(--color-sf-outline-variant));
242
+ color: rgba(var(--color-sf-on-surface));
243
+ outline-color: rgba(var(--color-sf-surface));
244
+ }
245
+ .e-timeline.e-outline .e-dot {
246
+ background-color: rgba(var(--color-sf-surface));
247
+ }
248
+ .e-timeline .e-timeline-item.e-connector::after {
249
+ border-color: rgba(var(--color-sf-outline-variant));
250
+ }
251
+ .e-timeline .e-content {
252
+ color: var(--color-sf-on-surface);
253
+ }
254
+ .e-timeline .e-opposite-content {
255
+ color: var(--color-sf-on-surface-variant);
256
+ }
257
+ .e-timeline .e-item-disabled .e-content,
258
+ .e-timeline .e-item-disabled .e-opposite-content {
259
+ color: rgba(var(--color-sf-on-surface), 0.38);
260
+ }
261
+
239
262
  .e-bigger.e-timeline [class^="e-dot "]::before,
240
263
  .e-bigger .e-timeline [class^="e-dot "]::before {
241
264
  min-width: 40px;
@@ -274,27 +297,5 @@
274
297
  .e-bigger.e-timeline .e-content,
275
298
  .e-bigger .e-timeline .e-content {
276
299
  font-size: 16px;
277
- }
278
-
279
- .e-timeline .e-dot {
280
- background-color: rgba(var(--color-sf-outline-variant));
281
- border-color: rgba(var(--color-sf-outline-variant));
282
- color: rgba(var(--color-sf-on-surface));
283
- outline-color: rgba(var(--color-sf-surface));
284
- }
285
- .e-timeline.e-outline .e-dot {
286
- background-color: rgba(var(--color-sf-surface));
287
- }
288
- .e-timeline .e-timeline-item.e-connector::after {
289
- border-color: rgba(var(--color-sf-outline-variant));
290
- }
291
- .e-timeline .e-content {
292
- color: var(--color-sf-on-surface);
293
- }
294
- .e-timeline .e-opposite-content {
295
- color: var(--color-sf-on-surface-variant);
296
- }
297
- .e-timeline .e-item-disabled .e-content,
298
- .e-timeline .e-item-disabled .e-opposite-content {
299
- color: rgba(var(--color-sf-on-surface), 0.38);
300
+ font-weight: 500;
300
301
  }
package/styles/timeline/material3-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/timeline/material3.css CHANGED
@@ -238,6 +238,29 @@
238
238
  width: auto;
239
239
  }
240
240
 
241
+ .e-timeline .e-dot {
242
+ background-color: rgba(var(--color-sf-outline-variant));
243
+ border-color: rgba(var(--color-sf-outline-variant));
244
+ color: rgba(var(--color-sf-on-surface));
245
+ outline-color: rgba(var(--color-sf-surface));
246
+ }
247
+ .e-timeline.e-outline .e-dot {
248
+ background-color: rgba(var(--color-sf-surface));
249
+ }
250
+ .e-timeline .e-timeline-item.e-connector::after {
251
+ border-color: rgba(var(--color-sf-outline-variant));
252
+ }
253
+ .e-timeline .e-content {
254
+ color: var(--color-sf-on-surface);
255
+ }
256
+ .e-timeline .e-opposite-content {
257
+ color: var(--color-sf-on-surface-variant);
258
+ }
259
+ .e-timeline .e-item-disabled .e-content,
260
+ .e-timeline .e-item-disabled .e-opposite-content {
261
+ color: rgba(var(--color-sf-on-surface), 0.38);
262
+ }
263
+
241
264
  .e-bigger.e-timeline [class^="e-dot "]::before,
242
265
  .e-bigger .e-timeline [class^="e-dot "]::before {
243
266
  min-width: 40px;
@@ -276,27 +299,5 @@
276
299
  .e-bigger.e-timeline .e-content,
277
300
  .e-bigger .e-timeline .e-content {
278
301
  font-size: 16px;
279
- }
280
-
281
- .e-timeline .e-dot {
282
- background-color: rgba(var(--color-sf-outline-variant));
283
- border-color: rgba(var(--color-sf-outline-variant));
284
- color: rgba(var(--color-sf-on-surface));
285
- outline-color: rgba(var(--color-sf-surface));
286
- }
287
- .e-timeline.e-outline .e-dot {
288
- background-color: rgba(var(--color-sf-surface));
289
- }
290
- .e-timeline .e-timeline-item.e-connector::after {
291
- border-color: rgba(var(--color-sf-outline-variant));
292
- }
293
- .e-timeline .e-content {
294
- color: var(--color-sf-on-surface);
295
- }
296
- .e-timeline .e-opposite-content {
297
- color: var(--color-sf-on-surface-variant);
298
- }
299
- .e-timeline .e-item-disabled .e-content,
300
- .e-timeline .e-item-disabled .e-opposite-content {
301
- color: rgba(var(--color-sf-on-surface), 0.38);
302
+ font-weight: 500;
302
303
  }
package/styles/timeline/material3.scss CHANGED
@@ -2,3 +2,4 @@
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';