@syncfusion/ej2-angular-layouts 24.1.41-ngcc → 24.1.41

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 (313) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +23 -0
  3. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +64 -0
  4. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +34 -0
  5. package/esm2020/src/dashboard-layout/panels.directive.mjs +72 -0
  6. package/esm2020/src/index.mjs +10 -0
  7. package/esm2020/src/splitter/panesettings.directive.mjs +66 -0
  8. package/esm2020/src/splitter/splitter-all.module.mjs +23 -0
  9. package/esm2020/src/splitter/splitter.component.mjs +64 -0
  10. package/esm2020/src/splitter/splitter.module.mjs +34 -0
  11. package/esm2020/syncfusion-ej2-angular-layouts.mjs +5 -0
  12. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +354 -0
  13. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +1 -0
  14. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +354 -0
  15. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +1 -0
  16. package/package.json +26 -12
  17. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +6 -0
  18. package/src/dashboard-layout/dashboardlayout.component.d.ts +3 -0
  19. package/src/dashboard-layout/dashboardlayout.module.d.ts +7 -0
  20. package/src/dashboard-layout/panels.directive.d.ts +5 -0
  21. package/src/splitter/panesettings.directive.d.ts +5 -0
  22. package/src/splitter/splitter-all.module.d.ts +6 -0
  23. package/src/splitter/splitter.component.d.ts +3 -0
  24. package/src/splitter/splitter.module.d.ts +7 -0
  25. package/styles/avatar/_all.scss +1 -0
  26. package/styles/avatar/_bootstrap-dark-definition.scss +18 -0
  27. package/styles/avatar/_bootstrap-definition.scss +18 -0
  28. package/styles/avatar/_bootstrap4-definition.scss +18 -0
  29. package/styles/avatar/_bootstrap5-dark-definition.scss +1 -0
  30. package/styles/avatar/_bootstrap5-definition.scss +26 -0
  31. package/styles/avatar/_fabric-dark-definition.scss +18 -0
  32. package/styles/avatar/_fabric-definition.scss +18 -0
  33. package/styles/avatar/_fluent-dark-definition.scss +1 -0
  34. package/styles/avatar/_fluent-definition.scss +25 -0
  35. package/styles/avatar/_fusionnew-definition.scss +26 -0
  36. package/styles/avatar/_highcontrast-definition.scss +18 -0
  37. package/styles/avatar/_highcontrast-light-definition.scss +18 -0
  38. package/styles/avatar/_layout.scss +79 -0
  39. package/styles/avatar/_material-dark-definition.scss +18 -0
  40. package/styles/avatar/_material-definition.scss +18 -0
  41. package/styles/avatar/_material3-dark-definition.scss +1 -0
  42. package/styles/avatar/_material3-definition.scss +26 -0
  43. package/styles/avatar/_tailwind-dark-definition.scss +1 -0
  44. package/styles/avatar/_tailwind-definition.scss +25 -0
  45. package/styles/avatar/_theme.scss +1 -0
  46. package/styles/avatar/bootstrap-dark.css +45 -1
  47. package/styles/avatar/bootstrap-dark.scss +3 -1
  48. package/styles/avatar/bootstrap.css +45 -1
  49. package/styles/avatar/bootstrap.scss +3 -1
  50. package/styles/avatar/bootstrap4.css +45 -1
  51. package/styles/avatar/bootstrap4.scss +3 -1
  52. package/styles/avatar/bootstrap5-dark.css +60 -1
  53. package/styles/avatar/bootstrap5-dark.scss +3 -1
  54. package/styles/avatar/bootstrap5.css +60 -1
  55. package/styles/avatar/bootstrap5.scss +3 -1
  56. package/styles/avatar/fabric-dark.css +45 -1
  57. package/styles/avatar/fabric-dark.scss +3 -1
  58. package/styles/avatar/fabric.css +45 -1
  59. package/styles/avatar/fabric.scss +3 -1
  60. package/styles/avatar/fluent-dark.css +58 -1
  61. package/styles/avatar/fluent-dark.scss +3 -1
  62. package/styles/avatar/fluent.css +58 -1
  63. package/styles/avatar/fluent.scss +3 -1
  64. package/styles/avatar/highcontrast-light.css +45 -1
  65. package/styles/avatar/highcontrast-light.scss +3 -1
  66. package/styles/avatar/highcontrast.css +45 -1
  67. package/styles/avatar/highcontrast.scss +3 -1
  68. package/styles/avatar/material-dark.css +45 -1
  69. package/styles/avatar/material-dark.scss +3 -1
  70. package/styles/avatar/material.css +45 -1
  71. package/styles/avatar/material.scss +3 -1
  72. package/styles/avatar/material3-dark.css +113 -1
  73. package/styles/avatar/material3-dark.scss +3 -1
  74. package/styles/avatar/material3.css +169 -1
  75. package/styles/avatar/material3.scss +3 -1
  76. package/styles/avatar/tailwind-dark.css +58 -1
  77. package/styles/avatar/tailwind-dark.scss +3 -1
  78. package/styles/avatar/tailwind.css +58 -1
  79. package/styles/avatar/tailwind.scss +3 -1
  80. package/styles/bootstrap-dark.css +1351 -1
  81. package/styles/bootstrap.css +1352 -1
  82. package/styles/bootstrap4.css +1357 -1
  83. package/styles/bootstrap5-dark.css +1368 -1
  84. package/styles/bootstrap5.css +1368 -1
  85. package/styles/card/_all.scss +2 -0
  86. package/styles/card/_bootstrap-dark-definition.scss +245 -0
  87. package/styles/card/_bootstrap-definition.scss +125 -0
  88. package/styles/card/_bootstrap4-definition.scss +127 -0
  89. package/styles/card/_bootstrap5-dark-definition.scss +1 -0
  90. package/styles/card/_bootstrap5-definition.scss +125 -0
  91. package/styles/card/_fabric-dark-definition.scss +233 -0
  92. package/styles/card/_fabric-definition.scss +124 -0
  93. package/styles/card/_fluent-dark-definition.scss +1 -0
  94. package/styles/card/_fluent-definition.scss +130 -0
  95. package/styles/card/_fusionnew-definition.scss +125 -0
  96. package/styles/card/_highcontrast-definition.scss +125 -0
  97. package/styles/card/_highcontrast-light-definition.scss +246 -0
  98. package/styles/card/_layout.scss +528 -0
  99. package/styles/card/_material-dark-definition.scss +240 -0
  100. package/styles/card/_material-definition.scss +124 -0
  101. package/styles/card/_material3-dark-definition.scss +1 -0
  102. package/styles/card/_material3-definition.scss +125 -0
  103. package/styles/card/_tailwind-dark-definition.scss +1 -0
  104. package/styles/card/_tailwind-definition.scss +123 -0
  105. package/styles/card/_theme.scss +104 -0
  106. package/styles/card/bootstrap-dark.css +513 -1
  107. package/styles/card/bootstrap-dark.scss +3 -1
  108. package/styles/card/bootstrap.css +514 -1
  109. package/styles/card/bootstrap.scss +3 -1
  110. package/styles/card/bootstrap4.css +520 -1
  111. package/styles/card/bootstrap4.scss +3 -1
  112. package/styles/card/bootstrap5-dark.css +513 -1
  113. package/styles/card/bootstrap5-dark.scss +3 -1
  114. package/styles/card/bootstrap5.css +513 -1
  115. package/styles/card/bootstrap5.scss +3 -1
  116. package/styles/card/fabric-dark.css +513 -1
  117. package/styles/card/fabric-dark.scss +3 -1
  118. package/styles/card/fabric.css +524 -1
  119. package/styles/card/fabric.scss +3 -1
  120. package/styles/card/fluent-dark.css +534 -1
  121. package/styles/card/fluent-dark.scss +3 -1
  122. package/styles/card/fluent.css +534 -1
  123. package/styles/card/fluent.scss +3 -1
  124. package/styles/card/highcontrast-light.css +513 -1
  125. package/styles/card/highcontrast-light.scss +3 -1
  126. package/styles/card/highcontrast.css +525 -1
  127. package/styles/card/highcontrast.scss +3 -1
  128. package/styles/card/material-dark.css +513 -1
  129. package/styles/card/material-dark.scss +3 -1
  130. package/styles/card/material.css +513 -1
  131. package/styles/card/material.scss +3 -1
  132. package/styles/card/material3-dark.css +566 -1
  133. package/styles/card/material3-dark.scss +3 -1
  134. package/styles/card/material3.css +622 -1
  135. package/styles/card/material3.scss +3 -1
  136. package/styles/card/tailwind-dark.css +514 -1
  137. package/styles/card/tailwind-dark.scss +3 -1
  138. package/styles/card/tailwind.css +514 -1
  139. package/styles/card/tailwind.scss +3 -1
  140. package/styles/dashboard-layout/_all.scss +2 -0
  141. package/styles/dashboard-layout/_bootstrap-dark-definition.scss +102 -0
  142. package/styles/dashboard-layout/_bootstrap-definition.scss +102 -0
  143. package/styles/dashboard-layout/_bootstrap4-definition.scss +102 -0
  144. package/styles/dashboard-layout/_bootstrap5-dark-definition.scss +1 -0
  145. package/styles/dashboard-layout/_bootstrap5-definition.scss +108 -0
  146. package/styles/dashboard-layout/_fabric-dark-definition.scss +103 -0
  147. package/styles/dashboard-layout/_fabric-definition.scss +102 -0
  148. package/styles/dashboard-layout/_fluent-dark-definition.scss +1 -0
  149. package/styles/dashboard-layout/_fluent-definition.scss +111 -0
  150. package/styles/dashboard-layout/_fusionnew-definition.scss +108 -0
  151. package/styles/dashboard-layout/_highcontrast-definition.scss +100 -0
  152. package/styles/dashboard-layout/_highcontrast-light-definition.scss +100 -0
  153. package/styles/dashboard-layout/_layout.scss +263 -0
  154. package/styles/dashboard-layout/_material-dark-definition.scss +103 -0
  155. package/styles/dashboard-layout/_material-definition.scss +102 -0
  156. package/styles/dashboard-layout/_material3-dark-definition.scss +1 -0
  157. package/styles/dashboard-layout/_material3-definition.scss +108 -0
  158. package/styles/dashboard-layout/_tailwind-dark-definition.scss +1 -0
  159. package/styles/dashboard-layout/_tailwind-definition.scss +109 -0
  160. package/styles/dashboard-layout/_theme.scss +128 -0
  161. package/styles/dashboard-layout/bootstrap-dark.css +296 -1
  162. package/styles/dashboard-layout/bootstrap-dark.scss +4 -1
  163. package/styles/dashboard-layout/bootstrap.css +296 -1
  164. package/styles/dashboard-layout/bootstrap.scss +4 -1
  165. package/styles/dashboard-layout/bootstrap4.css +296 -1
  166. package/styles/dashboard-layout/bootstrap4.scss +4 -1
  167. package/styles/dashboard-layout/bootstrap5-dark.css +305 -1
  168. package/styles/dashboard-layout/bootstrap5-dark.scss +4 -1
  169. package/styles/dashboard-layout/bootstrap5.css +305 -1
  170. package/styles/dashboard-layout/bootstrap5.scss +4 -1
  171. package/styles/dashboard-layout/fabric-dark.css +296 -1
  172. package/styles/dashboard-layout/fabric-dark.scss +4 -1
  173. package/styles/dashboard-layout/fabric.css +296 -1
  174. package/styles/dashboard-layout/fabric.scss +4 -1
  175. package/styles/dashboard-layout/fluent-dark.css +300 -1
  176. package/styles/dashboard-layout/fluent-dark.scss +4 -1
  177. package/styles/dashboard-layout/fluent.css +300 -1
  178. package/styles/dashboard-layout/fluent.scss +4 -1
  179. package/styles/dashboard-layout/highcontrast-light.css +234 -1
  180. package/styles/dashboard-layout/highcontrast-light.scss +3 -1
  181. package/styles/dashboard-layout/highcontrast.css +292 -1
  182. package/styles/dashboard-layout/highcontrast.scss +4 -1
  183. package/styles/dashboard-layout/icons/_bootstrap-dark.scss +80 -0
  184. package/styles/dashboard-layout/icons/_bootstrap.scss +80 -0
  185. package/styles/dashboard-layout/icons/_bootstrap4.scss +80 -0
  186. package/styles/dashboard-layout/icons/_bootstrap5-dark.scss +1 -0
  187. package/styles/dashboard-layout/icons/_bootstrap5.scss +80 -0
  188. package/styles/dashboard-layout/icons/_fabric-dark.scss +80 -0
  189. package/styles/dashboard-layout/icons/_fabric.scss +80 -0
  190. package/styles/dashboard-layout/icons/_fluent-dark.scss +1 -0
  191. package/styles/dashboard-layout/icons/_fluent.scss +80 -0
  192. package/styles/dashboard-layout/icons/_fusionnew.scss +80 -0
  193. package/styles/dashboard-layout/icons/_highcontrast.scss +80 -0
  194. package/styles/dashboard-layout/icons/_material-dark.scss +80 -0
  195. package/styles/dashboard-layout/icons/_material.scss +80 -0
  196. package/styles/dashboard-layout/icons/_material3-dark.scss +1 -0
  197. package/styles/dashboard-layout/icons/_material3.scss +80 -0
  198. package/styles/dashboard-layout/icons/_tailwind-dark.scss +80 -0
  199. package/styles/dashboard-layout/icons/_tailwind.scss +80 -0
  200. package/styles/dashboard-layout/material-dark.css +296 -1
  201. package/styles/dashboard-layout/material-dark.scss +4 -1
  202. package/styles/dashboard-layout/material.css +296 -1
  203. package/styles/dashboard-layout/material.scss +4 -1
  204. package/styles/dashboard-layout/material3-dark.css +356 -1
  205. package/styles/dashboard-layout/material3-dark.scss +4 -1
  206. package/styles/dashboard-layout/material3.css +412 -1
  207. package/styles/dashboard-layout/material3.scss +4 -1
  208. package/styles/dashboard-layout/tailwind-dark.css +317 -1
  209. package/styles/dashboard-layout/tailwind-dark.scss +4 -1
  210. package/styles/dashboard-layout/tailwind.css +317 -1
  211. package/styles/dashboard-layout/tailwind.scss +4 -1
  212. package/styles/fabric-dark.css +1351 -1
  213. package/styles/fabric.css +1362 -1
  214. package/styles/fluent-dark.css +1382 -1
  215. package/styles/fluent.css +1382 -1
  216. package/styles/highcontrast-light.css +1289 -1
  217. package/styles/highcontrast.css +1359 -1
  218. package/styles/material-dark.css +1350 -1
  219. package/styles/material.css +1351 -1
  220. package/styles/material3-dark.css +1415 -1
  221. package/styles/material3-dark.scss +1 -0
  222. package/styles/material3.css +1471 -1
  223. package/styles/material3.scss +1 -0
  224. package/styles/splitter/_all.scss +3 -0
  225. package/styles/splitter/_bootstrap-dark-definition.scss +26 -0
  226. package/styles/splitter/_bootstrap-definition.scss +26 -0
  227. package/styles/splitter/_bootstrap4-definition.scss +26 -0
  228. package/styles/splitter/_bootstrap5-dark-definition.scss +1 -0
  229. package/styles/splitter/_bootstrap5-definition.scss +31 -0
  230. package/styles/splitter/_definition.scss +1 -0
  231. package/styles/splitter/_fabric-dark-definition.scss +26 -0
  232. package/styles/splitter/_fabric-definition.scss +26 -0
  233. package/styles/splitter/_fluent-dark-definition.scss +1 -0
  234. package/styles/splitter/_fluent-definition.scss +31 -0
  235. package/styles/splitter/_fusionnew-definition.scss +31 -0
  236. package/styles/splitter/_highcontrast-definition.scss +26 -0
  237. package/styles/splitter/_highcontrast-light-definition.scss +26 -0
  238. package/styles/splitter/_layout.scss +416 -0
  239. package/styles/splitter/_material-dark-definition.scss +26 -0
  240. package/styles/splitter/_material-definition.scss +27 -0
  241. package/styles/splitter/_material3-dark-definition.scss +1 -0
  242. package/styles/splitter/_material3-definition.scss +31 -0
  243. package/styles/splitter/_responsive.scss +1 -0
  244. package/styles/splitter/_tailwind-dark-definition.scss +1 -0
  245. package/styles/splitter/_tailwind-definition.scss +31 -0
  246. package/styles/splitter/_theme.scss +207 -0
  247. package/styles/splitter/bootstrap-dark.css +496 -1
  248. package/styles/splitter/bootstrap-dark.scss +4 -1
  249. package/styles/splitter/bootstrap.css +496 -1
  250. package/styles/splitter/bootstrap.scss +4 -1
  251. package/styles/splitter/bootstrap4.css +495 -1
  252. package/styles/splitter/bootstrap4.scss +4 -1
  253. package/styles/splitter/bootstrap5-dark.css +489 -1
  254. package/styles/splitter/bootstrap5-dark.scss +4 -1
  255. package/styles/splitter/bootstrap5.css +489 -1
  256. package/styles/splitter/bootstrap5.scss +4 -1
  257. package/styles/splitter/fabric-dark.css +496 -1
  258. package/styles/splitter/fabric-dark.scss +4 -1
  259. package/styles/splitter/fabric.css +496 -1
  260. package/styles/splitter/fabric.scss +4 -1
  261. package/styles/splitter/fluent-dark.css +489 -1
  262. package/styles/splitter/fluent-dark.scss +4 -1
  263. package/styles/splitter/fluent.css +489 -1
  264. package/styles/splitter/fluent.scss +4 -1
  265. package/styles/splitter/highcontrast-light.css +496 -1
  266. package/styles/splitter/highcontrast-light.scss +4 -1
  267. package/styles/splitter/highcontrast.css +496 -1
  268. package/styles/splitter/highcontrast.scss +4 -1
  269. package/styles/splitter/icons/_bootstrap-dark.scss +52 -0
  270. package/styles/splitter/icons/_bootstrap.scss +52 -0
  271. package/styles/splitter/icons/_bootstrap4.scss +51 -0
  272. package/styles/splitter/icons/_bootstrap5-dark.scss +1 -0
  273. package/styles/splitter/icons/_bootstrap5.scss +39 -0
  274. package/styles/splitter/icons/_fabric-dark.scss +52 -0
  275. package/styles/splitter/icons/_fabric.scss +52 -0
  276. package/styles/splitter/icons/_fluent-dark.scss +1 -0
  277. package/styles/splitter/icons/_fluent.scss +39 -0
  278. package/styles/splitter/icons/_fusionnew.scss +39 -0
  279. package/styles/splitter/icons/_highcontrast-light.scss +52 -0
  280. package/styles/splitter/icons/_highcontrast.scss +52 -0
  281. package/styles/splitter/icons/_material-dark.scss +51 -0
  282. package/styles/splitter/icons/_material.scss +51 -0
  283. package/styles/splitter/icons/_material3-dark.scss +1 -0
  284. package/styles/splitter/icons/_material3.scss +39 -0
  285. package/styles/splitter/icons/_tailwind-dark.scss +1 -0
  286. package/styles/splitter/icons/_tailwind.scss +39 -0
  287. package/styles/splitter/material-dark.css +495 -1
  288. package/styles/splitter/material-dark.scss +4 -1
  289. package/styles/splitter/material.css +496 -1
  290. package/styles/splitter/material.scss +4 -1
  291. package/styles/splitter/material3-dark.css +544 -1
  292. package/styles/splitter/material3-dark.scss +4 -1
  293. package/styles/splitter/material3.css +600 -1
  294. package/styles/splitter/material3.scss +4 -1
  295. package/styles/splitter/tailwind-dark.css +489 -1
  296. package/styles/splitter/tailwind-dark.scss +4 -1
  297. package/styles/splitter/tailwind.css +489 -1
  298. package/styles/splitter/tailwind.scss +4 -1
  299. package/styles/tailwind-dark.css +1379 -1
  300. package/styles/tailwind.css +1379 -1
  301. package/syncfusion-ej2-angular-layouts.d.ts +5 -0
  302. package/@syncfusion/ej2-angular-layouts.es5.js +0 -495
  303. package/@syncfusion/ej2-angular-layouts.es5.js.map +0 -1
  304. package/@syncfusion/ej2-angular-layouts.js +0 -447
  305. package/@syncfusion/ej2-angular-layouts.js.map +0 -1
  306. package/CHANGELOG.md +0 -575
  307. package/dist/ej2-angular-layouts.umd.js +0 -522
  308. package/dist/ej2-angular-layouts.umd.js.map +0 -1
  309. package/dist/ej2-angular-layouts.umd.min.js +0 -11
  310. package/dist/ej2-angular-layouts.umd.min.js.map +0 -1
  311. package/ej2-angular-layouts.d.ts +0 -6
  312. package/ej2-angular-layouts.metadata.json +0 -1
  313. package/postinstall/tagchange.js +0 -18
package/styles/material3.scss CHANGED
@@ -1,4 +1,5 @@
1
1
 
2
+
2
3
  @import 'avatar/material3.scss';
3
4
  @import 'card/material3.scss';
4
5
  @import 'splitter/material3.scss';
package/styles/splitter/_all.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import 'layout.scss';
2
+ @import 'theme.scss';
3
+ @import 'responsive.scss';
package/styles/splitter/_bootstrap-dark-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: #fff !default;
2
+ $navigation-icon-background-hover: #0070f0 !default;
3
+ $navigation-icon-border-hover: rgba(0, 112, 240, .5) !default;
4
+ $splitter-border-color: $grey-88 !default;
5
+ $splitter-background-color: #fff !default;
6
+ $splitpane-font-size: 14px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $grey-dark-font !default;
10
+ $splitbar-border-color: $grey-88 !default;
11
+ $splitbar-hover-border-color: $brand-primary !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $grey-dark-font !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $grey-base !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $grey-base !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 14px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;
package/styles/splitter/_bootstrap-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: $grey-white !default;
2
+ $navigation-icon-background-hover: $brand-primary !default;
3
+ $navigation-icon-border-hover: rgba(49, 122, 185, .5) !default;
4
+ $splitter-border-color: $grey-dd !default;
5
+ $splitter-background-color: #fff !default;
6
+ $splitpane-font-size: 14px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $grey !default;
10
+ $splitbar-border-color: $grey-dd !default;
11
+ $splitbar-hover-border-color: $brand-primary !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $grey-light-font !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $grey-white !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $grey-white !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 14px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;
package/styles/splitter/_bootstrap4-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: $white !default;
2
+ $navigation-icon-background-hover: $primary !default;
3
+ $navigation-icon-border-hover: rgba(0, 123, 255, .5) !default;
4
+ $splitter-border-color: $gray-300 !default;
5
+ $splitter-background-color: #fff !default;
6
+ $splitpane-font-size: 14px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $gray-900 !default;
10
+ $splitbar-border-color: $gray-300 !default;
11
+ $splitbar-hover-border-color: $primary !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $gray-700 !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $white !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $white !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 14px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;
package/styles/splitter/_bootstrap5-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './bootstrap5-definition.scss';
package/styles/splitter/_bootstrap5-definition.scss ADDED
@@ -0,0 +1,31 @@
1
+ //Layout Variables Start
2
+ $splitpane-font-size: $text-sm !default;
3
+ $splitpane-font-weight: $font-weight-normal !default;
4
+ $splitpane-font-family: $font-family !default;
5
+ $splitbar-icon-size: 14px !default;
6
+ $splitbar-icon-gap: 18px !default;
7
+ $bigger-splitbar-icon-gap: 20px !default;
8
+ $bigger-splitpane-font-size: $text-base !default;
9
+ $bigger-splitbar-icon-size: 16px !default;
10
+
11
+ //Layout Variables End
12
+
13
+ //Theme Variables Start
14
+ $navigation-arrow-background: $transparent !default;
15
+ $navigation-icon-background-hover: $primary !default;
16
+ $navigation-icon-border-hover: $primary !default;
17
+ $splitter-border-color: $border-light !default;
18
+ $splitter-background-color: $primary-text-color !default;
19
+ $splitpane-font-color: $content-text-color !default;
20
+ $splitbar-border-color: $border-light !default;
21
+ $splitbar-hover-border-color: $primary !default;
22
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
23
+ $splitbar-icon-color: $icon-color !default;
24
+ $collapse-icon-bg-color: $primary-text-color !default;
25
+ $resize-icon-bg-color: $content-bg-color !default;
26
+ $split-bar-border-left: none !default;
27
+ $split-bar-border-right: none !default;
28
+ $split-bar-hover-border-left: none !default;
29
+ $split-bar-hover-border-right: none !default;
30
+
31
+ //Theme Variables End
package/styles/splitter/_definition.scss ADDED
@@ -0,0 +1 @@
1
+ /* stylelint-disable-line no-empty-source */
package/styles/splitter/_fabric-dark-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: #fff !default;
2
+ $navigation-icon-background-hover: #0078d6 !default;
3
+ $navigation-icon-border-hover: rgba(0, 116, 204, .5) !default;
4
+ $splitter-border-color: $neutral-light !default;
5
+ $splitter-background-color: #fff !default;
6
+ $splitpane-font-size: 13px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $neutral-light-font !default;
10
+ $splitbar-border-color: $neutral-light !default;
11
+ $splitbar-hover-border-color: $theme-tertiary !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $neutral-light-font !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $neutral-white !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $neutral-white !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 13px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;
package/styles/splitter/_fabric-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: $neutral-white !default;
2
+ $navigation-icon-background-hover: $theme-primary !default;
3
+ $navigation-icon-border-hover: rgba(0, 120, 214, .5) !default;
4
+ $splitter-border-color: $neutral-quintenaryalt !default;
5
+ $splitter-background-color: #fff !default;
6
+ $splitpane-font-size: 13px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $neutral-light-font !default;
10
+ $splitbar-border-color: $neutral-quintenaryalt !default;
11
+ $splitbar-hover-border-color: $theme-primary !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $neutral-light-font !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $neutral-white !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $neutral-white !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 13px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;
package/styles/splitter/_fluent-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
package/styles/splitter/_fluent-definition.scss ADDED
@@ -0,0 +1,31 @@
1
+ //Layout Variables Start
2
+ $splitpane-font-size: $text-sm !default;
3
+ $splitpane-font-weight: $font-weight-normal !default;
4
+ $splitpane-font-family: $font-family !default;
5
+ $splitbar-icon-size: 14px !default;
6
+ $splitbar-icon-gap: 18px !default;
7
+ $bigger-splitbar-icon-gap: 20px !default;
8
+ $bigger-splitpane-font-size: $text-base !default;
9
+ $bigger-splitbar-icon-size: 16px !default;
10
+
11
+ //Layout Variables End
12
+
13
+ //Theme Variables Start
14
+ $navigation-arrow-background: $transparent !default;
15
+ $navigation-icon-background-hover: $primary !default;
16
+ $navigation-icon-border-hover: $primary !default;
17
+ $splitter-border-color: $border-light !default;
18
+ $splitter-background-color: $primary-text-color !default;
19
+ $splitpane-font-color: $content-text-color !default;
20
+ $splitbar-border-color: $border-light !default;
21
+ $splitbar-hover-border-color: $primary !default;
22
+ $splitbar-icon-color: $icon-color !default;
23
+ $collapse-icon-bg-color: $primary-text-color !default;
24
+ $resize-icon-bg-color: $content-bg-color !default;
25
+ $resize-icon-hover-color: $primary-text-color !default;
26
+ $split-bar-border-left: 1px solid $border-light !default;
27
+ $split-bar-border-right: 1px solid $border-light !default;
28
+ $split-bar-hover-border-left: 1px solid $splitbar-hover-border-color !default;
29
+ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
30
+
31
+ //Theme Variables End
package/styles/splitter/_fusionnew-definition.scss ADDED
@@ -0,0 +1,31 @@
1
+ //Layout Variables Start
2
+ $splitpane-font-size: $text-sm !default;
3
+ $splitpane-font-weight: $font-weight-normal !default;
4
+ $splitpane-font-family: $font-family !default;
5
+ $splitbar-icon-size: 14px !default;
6
+ $splitbar-icon-gap: 18px !default;
7
+ $bigger-splitbar-icon-gap: 20px !default;
8
+ $bigger-splitpane-font-size: $text-base !default;
9
+ $bigger-splitbar-icon-size: 16px !default;
10
+
11
+ //Layout Variables End
12
+
13
+ //Theme Variables Start
14
+ $navigation-arrow-background: $transparent !default;
15
+ $navigation-icon-background-hover: $primary !default;
16
+ $navigation-icon-border-hover: $primary !default;
17
+ $splitter-border-color: $border-light !default;
18
+ $splitter-background-color: $primary-text-color !default;
19
+ $splitpane-font-color: $content-text-color !default;
20
+ $splitbar-border-color: $border-light !default;
21
+ $splitbar-hover-border-color: $primary !default;
22
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
23
+ $splitbar-icon-color: $icon-color !default;
24
+ $collapse-icon-bg-color: $primary-text-color !default;
25
+ $resize-icon-bg-color: $content-bg-color !default;
26
+ $split-bar-border-left: none !default;
27
+ $split-bar-border-right: none !default;
28
+ $split-bar-hover-border-left: none !default;
29
+ $split-bar-hover-border-right: none !default;
30
+
31
+ //Theme Variables End
package/styles/splitter/_highcontrast-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: $bg-base-0 !default;
2
+ $navigation-icon-background-hover: $selection-border !default;
3
+ $navigation-icon-border-hover: rgba(255, 217, 57, .5) !default;
4
+ $splitter-border-color: $border-fg !default;
5
+ $splitter-background-color: #000 !default;
6
+ $splitpane-font-size: 13px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $content-font !default;
10
+ $splitbar-border-color: $border-fg !default;
11
+ $splitbar-hover-border-color: $selection-bg !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $content-font !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $bg-base-0 !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $bg-base-0 !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 13px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;
package/styles/splitter/_highcontrast-light-definition.scss ADDED
@@ -0,0 +1,26 @@
1
+ $navigation-arrow-background: #d4d1c3 !default;
2
+ $navigation-icon-background-hover: #ffd939 !default;
3
+ $navigation-icon-border-hover: rgba(255, 217, 57, .5) !default;
4
+ $splitter-border-color: $border-fg !default;
5
+ $splitter-background-color: #fff !default;
6
+ $splitpane-font-size: 13px !default;
7
+ $splitpane-font-weight: normal !default;
8
+ $splitpane-font-family: $font-family !default;
9
+ $splitpane-font-color: $content-font !default;
10
+ $splitbar-border-color: $border-fg !default;
11
+ $splitbar-hover-border-color: $selection-bg !default;
12
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
+ $splitbar-icon-color: $content-font !default;
14
+ $splitbar-icon-size: 14px !default;
15
+ $collapse-icon-bg-color: $bg-base-0 !default;
16
+ $splitbar-icon-gap: 18px !default;
17
+ $resize-icon-bg-color: $bg-base-0 !default;
18
+ $split-bar-border-left: none !default;
19
+ $split-bar-border-right: none !default;
20
+ $split-bar-hover-border-left: none !default;
21
+ $split-bar-hover-border-right: none !default;
22
+
23
+ // Bigger style
24
+ $bigger-splitbar-icon-gap: 20px !default;
25
+ $bigger-splitpane-font-size: 13px !default;
26
+ $bigger-splitbar-icon-size: 16px !default;