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

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 (317) hide show
  1. package/@syncfusion/ej2-angular-layouts.es5.js +495 -0
  2. package/@syncfusion/ej2-angular-layouts.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-layouts.js +447 -0
  4. package/@syncfusion/ej2-angular-layouts.js.map +1 -0
  5. package/CHANGELOG.md +575 -0
  6. package/README.md +1 -1
  7. package/dist/ej2-angular-layouts.umd.js +522 -0
  8. package/dist/ej2-angular-layouts.umd.js.map +1 -0
  9. package/dist/ej2-angular-layouts.umd.min.js +11 -0
  10. package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
  11. package/ej2-angular-layouts.d.ts +6 -0
  12. package/ej2-angular-layouts.metadata.json +1 -0
  13. package/package.json +15 -29
  14. package/postinstall/tagchange.js +18 -0
  15. package/schematics/utils/lib-details.d.ts +2 -2
  16. package/schematics/utils/lib-details.js +2 -2
  17. package/schematics/utils/lib-details.ts +2 -2
  18. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
  19. package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
  20. package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
  21. package/src/dashboard-layout/panels.directive.d.ts +0 -5
  22. package/src/splitter/panesettings.directive.d.ts +0 -5
  23. package/src/splitter/splitter-all.module.d.ts +0 -6
  24. package/src/splitter/splitter.component.d.ts +0 -3
  25. package/src/splitter/splitter.module.d.ts +0 -7
  26. package/styles/avatar/bootstrap-dark.css +1 -45
  27. package/styles/avatar/bootstrap-dark.scss +1 -3
  28. package/styles/avatar/bootstrap.css +1 -45
  29. package/styles/avatar/bootstrap.scss +1 -3
  30. package/styles/avatar/bootstrap4.css +1 -45
  31. package/styles/avatar/bootstrap4.scss +1 -3
  32. package/styles/avatar/bootstrap5-dark.css +1 -60
  33. package/styles/avatar/bootstrap5-dark.scss +1 -3
  34. package/styles/avatar/bootstrap5.css +1 -60
  35. package/styles/avatar/bootstrap5.scss +1 -3
  36. package/styles/avatar/fabric-dark.css +1 -45
  37. package/styles/avatar/fabric-dark.scss +1 -3
  38. package/styles/avatar/fabric.css +1 -45
  39. package/styles/avatar/fabric.scss +1 -3
  40. package/styles/avatar/fluent-dark.css +1 -58
  41. package/styles/avatar/fluent-dark.scss +1 -3
  42. package/styles/avatar/fluent.css +1 -58
  43. package/styles/avatar/fluent.scss +1 -3
  44. package/styles/avatar/highcontrast-light.css +1 -45
  45. package/styles/avatar/highcontrast-light.scss +1 -3
  46. package/styles/avatar/highcontrast.css +1 -45
  47. package/styles/avatar/highcontrast.scss +1 -3
  48. package/styles/avatar/material-dark.css +1 -45
  49. package/styles/avatar/material-dark.scss +1 -3
  50. package/styles/avatar/material.css +1 -45
  51. package/styles/avatar/material.scss +1 -3
  52. package/styles/avatar/material3-dark.css +1 -113
  53. package/styles/avatar/material3-dark.scss +1 -3
  54. package/styles/avatar/material3.css +1 -169
  55. package/styles/avatar/material3.scss +1 -3
  56. package/styles/avatar/tailwind-dark.css +1 -58
  57. package/styles/avatar/tailwind-dark.scss +1 -3
  58. package/styles/avatar/tailwind.css +1 -58
  59. package/styles/avatar/tailwind.scss +1 -3
  60. package/styles/bootstrap-dark.css +1 -1351
  61. package/styles/bootstrap.css +1 -1352
  62. package/styles/bootstrap4.css +1 -1357
  63. package/styles/bootstrap5-dark.css +1 -1368
  64. package/styles/bootstrap5.css +1 -1368
  65. package/styles/card/bootstrap-dark.css +1 -513
  66. package/styles/card/bootstrap-dark.scss +1 -3
  67. package/styles/card/bootstrap.css +1 -514
  68. package/styles/card/bootstrap.scss +1 -3
  69. package/styles/card/bootstrap4.css +1 -520
  70. package/styles/card/bootstrap4.scss +1 -3
  71. package/styles/card/bootstrap5-dark.css +1 -513
  72. package/styles/card/bootstrap5-dark.scss +1 -3
  73. package/styles/card/bootstrap5.css +1 -513
  74. package/styles/card/bootstrap5.scss +1 -3
  75. package/styles/card/fabric-dark.css +1 -513
  76. package/styles/card/fabric-dark.scss +1 -3
  77. package/styles/card/fabric.css +1 -524
  78. package/styles/card/fabric.scss +1 -3
  79. package/styles/card/fluent-dark.css +1 -534
  80. package/styles/card/fluent-dark.scss +1 -3
  81. package/styles/card/fluent.css +1 -534
  82. package/styles/card/fluent.scss +1 -3
  83. package/styles/card/highcontrast-light.css +1 -513
  84. package/styles/card/highcontrast-light.scss +1 -3
  85. package/styles/card/highcontrast.css +1 -525
  86. package/styles/card/highcontrast.scss +1 -3
  87. package/styles/card/material-dark.css +1 -513
  88. package/styles/card/material-dark.scss +1 -3
  89. package/styles/card/material.css +1 -513
  90. package/styles/card/material.scss +1 -3
  91. package/styles/card/material3-dark.css +1 -566
  92. package/styles/card/material3-dark.scss +1 -3
  93. package/styles/card/material3.css +1 -622
  94. package/styles/card/material3.scss +1 -3
  95. package/styles/card/tailwind-dark.css +1 -514
  96. package/styles/card/tailwind-dark.scss +1 -3
  97. package/styles/card/tailwind.css +1 -514
  98. package/styles/card/tailwind.scss +1 -3
  99. package/styles/dashboard-layout/bootstrap-dark.css +1 -296
  100. package/styles/dashboard-layout/bootstrap-dark.scss +1 -4
  101. package/styles/dashboard-layout/bootstrap.css +1 -296
  102. package/styles/dashboard-layout/bootstrap.scss +1 -4
  103. package/styles/dashboard-layout/bootstrap4.css +1 -296
  104. package/styles/dashboard-layout/bootstrap4.scss +1 -4
  105. package/styles/dashboard-layout/bootstrap5-dark.css +1 -305
  106. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -4
  107. package/styles/dashboard-layout/bootstrap5.css +1 -305
  108. package/styles/dashboard-layout/bootstrap5.scss +1 -4
  109. package/styles/dashboard-layout/fabric-dark.css +1 -296
  110. package/styles/dashboard-layout/fabric-dark.scss +1 -4
  111. package/styles/dashboard-layout/fabric.css +1 -296
  112. package/styles/dashboard-layout/fabric.scss +1 -4
  113. package/styles/dashboard-layout/fluent-dark.css +1 -300
  114. package/styles/dashboard-layout/fluent-dark.scss +1 -4
  115. package/styles/dashboard-layout/fluent.css +1 -300
  116. package/styles/dashboard-layout/fluent.scss +1 -4
  117. package/styles/dashboard-layout/highcontrast-light.css +1 -234
  118. package/styles/dashboard-layout/highcontrast-light.scss +1 -3
  119. package/styles/dashboard-layout/highcontrast.css +1 -292
  120. package/styles/dashboard-layout/highcontrast.scss +1 -4
  121. package/styles/dashboard-layout/material-dark.css +1 -296
  122. package/styles/dashboard-layout/material-dark.scss +1 -4
  123. package/styles/dashboard-layout/material.css +1 -296
  124. package/styles/dashboard-layout/material.scss +1 -4
  125. package/styles/dashboard-layout/material3-dark.css +1 -356
  126. package/styles/dashboard-layout/material3-dark.scss +1 -4
  127. package/styles/dashboard-layout/material3.css +1 -412
  128. package/styles/dashboard-layout/material3.scss +1 -4
  129. package/styles/dashboard-layout/tailwind-dark.css +1 -317
  130. package/styles/dashboard-layout/tailwind-dark.scss +1 -4
  131. package/styles/dashboard-layout/tailwind.css +1 -317
  132. package/styles/dashboard-layout/tailwind.scss +1 -4
  133. package/styles/fabric-dark.css +1 -1351
  134. package/styles/fabric.css +1 -1362
  135. package/styles/fluent-dark.css +1 -1382
  136. package/styles/fluent.css +1 -1382
  137. package/styles/highcontrast-light.css +1 -1289
  138. package/styles/highcontrast.css +1 -1359
  139. package/styles/material-dark.css +1 -1350
  140. package/styles/material.css +1 -1351
  141. package/styles/material3-dark.css +1 -1415
  142. package/styles/material3-dark.scss +0 -1
  143. package/styles/material3.css +1 -1471
  144. package/styles/material3.scss +0 -1
  145. package/styles/splitter/bootstrap-dark.css +1 -496
  146. package/styles/splitter/bootstrap-dark.scss +1 -4
  147. package/styles/splitter/bootstrap.css +1 -496
  148. package/styles/splitter/bootstrap.scss +1 -4
  149. package/styles/splitter/bootstrap4.css +1 -495
  150. package/styles/splitter/bootstrap4.scss +1 -4
  151. package/styles/splitter/bootstrap5-dark.css +1 -489
  152. package/styles/splitter/bootstrap5-dark.scss +1 -4
  153. package/styles/splitter/bootstrap5.css +1 -489
  154. package/styles/splitter/bootstrap5.scss +1 -4
  155. package/styles/splitter/fabric-dark.css +1 -496
  156. package/styles/splitter/fabric-dark.scss +1 -4
  157. package/styles/splitter/fabric.css +1 -496
  158. package/styles/splitter/fabric.scss +1 -4
  159. package/styles/splitter/fluent-dark.css +1 -489
  160. package/styles/splitter/fluent-dark.scss +1 -4
  161. package/styles/splitter/fluent.css +1 -489
  162. package/styles/splitter/fluent.scss +1 -4
  163. package/styles/splitter/highcontrast-light.css +1 -496
  164. package/styles/splitter/highcontrast-light.scss +1 -4
  165. package/styles/splitter/highcontrast.css +1 -496
  166. package/styles/splitter/highcontrast.scss +1 -4
  167. package/styles/splitter/material-dark.css +1 -495
  168. package/styles/splitter/material-dark.scss +1 -4
  169. package/styles/splitter/material.css +1 -496
  170. package/styles/splitter/material.scss +1 -4
  171. package/styles/splitter/material3-dark.css +1 -544
  172. package/styles/splitter/material3-dark.scss +1 -4
  173. package/styles/splitter/material3.css +1 -600
  174. package/styles/splitter/material3.scss +1 -4
  175. package/styles/splitter/tailwind-dark.css +1 -489
  176. package/styles/splitter/tailwind-dark.scss +1 -4
  177. package/styles/splitter/tailwind.css +1 -489
  178. package/styles/splitter/tailwind.scss +1 -4
  179. package/styles/tailwind-dark.css +1 -1379
  180. package/styles/tailwind.css +1 -1379
  181. package/esm2020/public_api.mjs +0 -3
  182. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
  183. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
  184. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
  185. package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
  186. package/esm2020/src/index.mjs +0 -10
  187. package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
  188. package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
  189. package/esm2020/src/splitter/splitter.component.mjs +0 -64
  190. package/esm2020/src/splitter/splitter.module.mjs +0 -34
  191. package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
  192. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -354
  193. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  194. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -354
  195. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  196. package/styles/avatar/_all.scss +0 -1
  197. package/styles/avatar/_bootstrap-dark-definition.scss +0 -18
  198. package/styles/avatar/_bootstrap-definition.scss +0 -18
  199. package/styles/avatar/_bootstrap4-definition.scss +0 -18
  200. package/styles/avatar/_bootstrap5-dark-definition.scss +0 -1
  201. package/styles/avatar/_bootstrap5-definition.scss +0 -26
  202. package/styles/avatar/_fabric-dark-definition.scss +0 -18
  203. package/styles/avatar/_fabric-definition.scss +0 -18
  204. package/styles/avatar/_fluent-dark-definition.scss +0 -1
  205. package/styles/avatar/_fluent-definition.scss +0 -25
  206. package/styles/avatar/_fusionnew-definition.scss +0 -26
  207. package/styles/avatar/_highcontrast-definition.scss +0 -18
  208. package/styles/avatar/_highcontrast-light-definition.scss +0 -18
  209. package/styles/avatar/_layout.scss +0 -79
  210. package/styles/avatar/_material-dark-definition.scss +0 -18
  211. package/styles/avatar/_material-definition.scss +0 -18
  212. package/styles/avatar/_material3-dark-definition.scss +0 -1
  213. package/styles/avatar/_material3-definition.scss +0 -26
  214. package/styles/avatar/_tailwind-dark-definition.scss +0 -1
  215. package/styles/avatar/_tailwind-definition.scss +0 -25
  216. package/styles/avatar/_theme.scss +0 -1
  217. package/styles/card/_all.scss +0 -2
  218. package/styles/card/_bootstrap-dark-definition.scss +0 -245
  219. package/styles/card/_bootstrap-definition.scss +0 -125
  220. package/styles/card/_bootstrap4-definition.scss +0 -127
  221. package/styles/card/_bootstrap5-dark-definition.scss +0 -1
  222. package/styles/card/_bootstrap5-definition.scss +0 -125
  223. package/styles/card/_fabric-dark-definition.scss +0 -233
  224. package/styles/card/_fabric-definition.scss +0 -124
  225. package/styles/card/_fluent-dark-definition.scss +0 -1
  226. package/styles/card/_fluent-definition.scss +0 -130
  227. package/styles/card/_fusionnew-definition.scss +0 -125
  228. package/styles/card/_highcontrast-definition.scss +0 -125
  229. package/styles/card/_highcontrast-light-definition.scss +0 -246
  230. package/styles/card/_layout.scss +0 -528
  231. package/styles/card/_material-dark-definition.scss +0 -240
  232. package/styles/card/_material-definition.scss +0 -124
  233. package/styles/card/_material3-dark-definition.scss +0 -1
  234. package/styles/card/_material3-definition.scss +0 -125
  235. package/styles/card/_tailwind-dark-definition.scss +0 -1
  236. package/styles/card/_tailwind-definition.scss +0 -123
  237. package/styles/card/_theme.scss +0 -104
  238. package/styles/dashboard-layout/_all.scss +0 -2
  239. package/styles/dashboard-layout/_bootstrap-dark-definition.scss +0 -102
  240. package/styles/dashboard-layout/_bootstrap-definition.scss +0 -102
  241. package/styles/dashboard-layout/_bootstrap4-definition.scss +0 -102
  242. package/styles/dashboard-layout/_bootstrap5-dark-definition.scss +0 -1
  243. package/styles/dashboard-layout/_bootstrap5-definition.scss +0 -108
  244. package/styles/dashboard-layout/_fabric-dark-definition.scss +0 -103
  245. package/styles/dashboard-layout/_fabric-definition.scss +0 -102
  246. package/styles/dashboard-layout/_fluent-dark-definition.scss +0 -1
  247. package/styles/dashboard-layout/_fluent-definition.scss +0 -111
  248. package/styles/dashboard-layout/_fusionnew-definition.scss +0 -108
  249. package/styles/dashboard-layout/_highcontrast-definition.scss +0 -100
  250. package/styles/dashboard-layout/_highcontrast-light-definition.scss +0 -100
  251. package/styles/dashboard-layout/_layout.scss +0 -263
  252. package/styles/dashboard-layout/_material-dark-definition.scss +0 -103
  253. package/styles/dashboard-layout/_material-definition.scss +0 -102
  254. package/styles/dashboard-layout/_material3-dark-definition.scss +0 -1
  255. package/styles/dashboard-layout/_material3-definition.scss +0 -108
  256. package/styles/dashboard-layout/_tailwind-dark-definition.scss +0 -1
  257. package/styles/dashboard-layout/_tailwind-definition.scss +0 -109
  258. package/styles/dashboard-layout/_theme.scss +0 -128
  259. package/styles/dashboard-layout/icons/_bootstrap-dark.scss +0 -80
  260. package/styles/dashboard-layout/icons/_bootstrap.scss +0 -80
  261. package/styles/dashboard-layout/icons/_bootstrap4.scss +0 -80
  262. package/styles/dashboard-layout/icons/_bootstrap5-dark.scss +0 -1
  263. package/styles/dashboard-layout/icons/_bootstrap5.scss +0 -80
  264. package/styles/dashboard-layout/icons/_fabric-dark.scss +0 -80
  265. package/styles/dashboard-layout/icons/_fabric.scss +0 -80
  266. package/styles/dashboard-layout/icons/_fluent-dark.scss +0 -1
  267. package/styles/dashboard-layout/icons/_fluent.scss +0 -80
  268. package/styles/dashboard-layout/icons/_fusionnew.scss +0 -80
  269. package/styles/dashboard-layout/icons/_highcontrast.scss +0 -80
  270. package/styles/dashboard-layout/icons/_material-dark.scss +0 -80
  271. package/styles/dashboard-layout/icons/_material.scss +0 -80
  272. package/styles/dashboard-layout/icons/_material3-dark.scss +0 -1
  273. package/styles/dashboard-layout/icons/_material3.scss +0 -80
  274. package/styles/dashboard-layout/icons/_tailwind-dark.scss +0 -80
  275. package/styles/dashboard-layout/icons/_tailwind.scss +0 -80
  276. package/styles/splitter/_all.scss +0 -3
  277. package/styles/splitter/_bootstrap-dark-definition.scss +0 -26
  278. package/styles/splitter/_bootstrap-definition.scss +0 -26
  279. package/styles/splitter/_bootstrap4-definition.scss +0 -26
  280. package/styles/splitter/_bootstrap5-dark-definition.scss +0 -1
  281. package/styles/splitter/_bootstrap5-definition.scss +0 -31
  282. package/styles/splitter/_definition.scss +0 -1
  283. package/styles/splitter/_fabric-dark-definition.scss +0 -26
  284. package/styles/splitter/_fabric-definition.scss +0 -26
  285. package/styles/splitter/_fluent-dark-definition.scss +0 -1
  286. package/styles/splitter/_fluent-definition.scss +0 -31
  287. package/styles/splitter/_fusionnew-definition.scss +0 -31
  288. package/styles/splitter/_highcontrast-definition.scss +0 -26
  289. package/styles/splitter/_highcontrast-light-definition.scss +0 -26
  290. package/styles/splitter/_layout.scss +0 -416
  291. package/styles/splitter/_material-dark-definition.scss +0 -26
  292. package/styles/splitter/_material-definition.scss +0 -27
  293. package/styles/splitter/_material3-dark-definition.scss +0 -1
  294. package/styles/splitter/_material3-definition.scss +0 -31
  295. package/styles/splitter/_responsive.scss +0 -1
  296. package/styles/splitter/_tailwind-dark-definition.scss +0 -1
  297. package/styles/splitter/_tailwind-definition.scss +0 -31
  298. package/styles/splitter/_theme.scss +0 -207
  299. package/styles/splitter/icons/_bootstrap-dark.scss +0 -52
  300. package/styles/splitter/icons/_bootstrap.scss +0 -52
  301. package/styles/splitter/icons/_bootstrap4.scss +0 -51
  302. package/styles/splitter/icons/_bootstrap5-dark.scss +0 -1
  303. package/styles/splitter/icons/_bootstrap5.scss +0 -39
  304. package/styles/splitter/icons/_fabric-dark.scss +0 -52
  305. package/styles/splitter/icons/_fabric.scss +0 -52
  306. package/styles/splitter/icons/_fluent-dark.scss +0 -1
  307. package/styles/splitter/icons/_fluent.scss +0 -39
  308. package/styles/splitter/icons/_fusionnew.scss +0 -39
  309. package/styles/splitter/icons/_highcontrast-light.scss +0 -52
  310. package/styles/splitter/icons/_highcontrast.scss +0 -52
  311. package/styles/splitter/icons/_material-dark.scss +0 -51
  312. package/styles/splitter/icons/_material.scss +0 -51
  313. package/styles/splitter/icons/_material3-dark.scss +0 -1
  314. package/styles/splitter/icons/_material3.scss +0 -39
  315. package/styles/splitter/icons/_tailwind-dark.scss +0 -1
  316. package/styles/splitter/icons/_tailwind.scss +0 -39
  317. package/syncfusion-ej2-angular-layouts.d.ts +0 -5
@@ -1,102 +0,0 @@
1
- /*! component's theme wise override fabric-definitions and variables */
2
-
3
- // Generic
4
-
5
- $panel-position: absolute !default;
6
- $grid-layout-position: relative !default;
7
- $panel-box-sizing: border-box !default;
8
- $icon-zero: 0 !default;
9
- $icon-border-radius: 50% !default;
10
-
11
- // Mouse
12
-
13
- $panel-header-height: 28px !default;
14
- $panel-header-padding: 2px 10px !default;
15
- $panel-header-color: $neutral-primary !default;
16
- $panel-header-font-size: 15px !default;
17
- $panel-header-font-weight: 200 !default;
18
- $panel-header-border-bottom: none !default;
19
- $panel-header-font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
20
- $panel-header-white-space: nowrap !default;
21
- $panel-header-overflow: hidden !default;
22
- $panel-header-text-overflow: ellipsis !default;
23
-
24
- // Touch
25
-
26
- $panel-bigger-header-height: 30px !default;
27
- $panel-bigger-header-padding: 0 12px !default;
28
- $panel-bigger-header-color: rgba($neutral-light-font, .54) !default;
29
- $panel-bigger-header-font-size: 14px !default;
30
- $panel-bigger-header-font-weight: 500 !default;
31
-
32
- // Panel styles
33
-
34
- $panel-background: $neutral-white !default;
35
- $panel-border: 1px $neutral-light solid !default;
36
- $panel-hover-border: 1px $neutral-quintenary solid !default;
37
- $panel-active-border: 1px $theme-primary solid !default;
38
- $panel-position: absolute !default;
39
- $panel-box-sizing: border-box !default;
40
- $panel-border-radius: 0 !default;
41
- $panel-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15) !default;
42
- $panel-full-height: 100% !default;
43
- $panel-full-width: 100% !default;
44
-
45
- // Blazor ContentTemplate styles
46
-
47
- $panel-content-template-height: inherit !default;
48
- $panel-content-template-width: inherit !default;
49
-
50
- // icons styles
51
-
52
- $panel-resize-one-dimensional-icon-height: 8px !default;
53
- $panel-resize-one-dimensional-icon-width: 8px !default;
54
- $panel-resize-one-dimensional-icon-background: $neutral-white !default;
55
- $panel-resize-one-dimensional-icon-border: none !default;
56
- $panel-resize-one-dimensional-icon-shadow: none !default;
57
-
58
- $panel-resize-two-dimensional-icon-height: 16px !default;
59
- $panel-resize-two-dimensional-icon-width: 16px !default;
60
- $panel-resize-two-dimensional-inner-icon-height: 8px !default;
61
- $panel-resize-two-dimensional-inner-icon-width: 8px !default;
62
- $panel-resize-two-dimensional-icon-background: $theme-primary !default;
63
- $panel-resize-two-dimensional-icon-color: $neutral-light-font !default;
64
- $panel-resize-two-dimensional-icon-border: 2px $neutral-white solid !default;
65
- $panel-resize-two-dimensional-icon-shadow: 0 0 3px rgba(0, 0, 0, .25) !default;
66
-
67
- // south-east-icon-styles
68
-
69
- $panel-south-east-icon-right: -6px !default;
70
- $panel-south-east-icon-bottom: -5px !default;
71
-
72
- // south-west-icon-style
73
-
74
- $panel-south-west-icon-left: -6px !default;
75
- $panel-south-west-icon-bottom: -5px !default;
76
-
77
- // north-east-icon-styles
78
-
79
- $panel-north-east-icon-right: -6px !default;
80
- $panel-north-east-icon-top: -5px !default;
81
-
82
- // north-west-icon-styles
83
-
84
- $panel-north-west-icon-left: -6px !default;
85
- $panel-north-west-icon-top: -5px !default;
86
-
87
- // droppable area border
88
-
89
- $panel-drop-border: 1px $theme-primary dotted !default;
90
- $panel-drop-background: rgba($theme-primary, .3) !default;
91
- $panel-drop-border-radius: 0 !default;
92
-
93
- // dragging element style
94
-
95
- $panel-dragging-cursor: move !default;
96
- /* stylelint-disable */
97
- $panel-dragging-zindex: 1111 !important !default;
98
- $panel-drag-prevent: none !default;
99
- $element-width-complete: 100% !important !default;
100
- //gridlines
101
- $gridline-background: $neutral-lighter !default;
102
- $gridline-border: $neutral-tertiary !default;
@@ -1 +0,0 @@
1
- @import './fluent-definition.scss';
@@ -1,111 +0,0 @@
1
- /*! component's theme wise override tailwind-definitions and variables */
2
-
3
- // Generic
4
- $icon-zero: 0 !default;
5
- $icon-border-radius: 50% !default;
6
- $grid-layout-position: relative !default;
7
- $panel-position: absolute !default;
8
- $panel-box-sizing: border-box !default;
9
-
10
- // Header styles
11
-
12
- // Mouse
13
- $panel-header-height: 56px !default;
14
- $panel-header-padding: 16px 0 16px 16px !default;
15
- $panel-header-line-height: $leading-tight !default;
16
- $panel-header-border-radius: 2px !default;
17
- $panel-header-border-bottom: 1px solid $flyout-border !default;
18
- $panel-header-font-family: $font-family !default;
19
- $panel-header-white-space: nowrap !default;
20
- $panel-header-overflow: hidden !default;
21
- $panel-header-text-overflow: ellipsis !default;
22
-
23
- // Touch
24
- $panel-bigger-header-height: 68px !default;
25
- $panel-bigger-header-padding: 20px 0 20px 20px !default;
26
-
27
- // Panel styles
28
- $panel-border: 1px solid $flyout-bg-color !default;
29
- $panel-border-radius: $model-radius-small !default;
30
- $panel-full-height: 100% !default;
31
- $panel-full-width: 100% !default;
32
- $panel-hover-border: 1px solid $border-dark !default;
33
- $panel-active-border: 1px solid $primary !default;
34
-
35
- // icons styles
36
- $panel-resize-one-dimensional-icon-height: 7px !default;
37
- $panel-resize-one-dimensional-icon-width: 7px !default;
38
- $panel-resize-one-dimensional-icon-background: none !default;
39
- $panel-resize-one-dimensional-icon-border: none !default;
40
- $panel-resize-one-dimensional-icon-shadow: none !default;
41
-
42
- $panel-resize-two-dimensional-icon-height: 7px !default;
43
- $panel-resize-two-dimensional-icon-width: 7px !default;
44
- $panel-resize-two-dimensional-inner-icon-height: 7px !default;
45
- $panel-resize-two-dimensional-inner-icon-width: 7px !default;
46
- $panel-resize-two-dimensional-icon-background: none !default;
47
- $panel-resize-two-dimensional-icon-border: none !default;
48
- $panel-resize-two-dimensional-icon-shadow: none !default;
49
-
50
- // south-east-icon-styles
51
- $panel-south-east-icon-right: 2px !default;
52
- $panel-south-east-icon-bottom: 2px !default;
53
-
54
- // south-west-icon-style
55
- $panel-south-west-icon-left: 2px !default;
56
- $panel-south-west-icon-bottom: 2px !default;
57
-
58
- // north-east-icon-styles
59
- $panel-north-east-icon-right: 2px !default;
60
- $panel-north-east-icon-top: 2px !default;
61
-
62
- // north-west-icon-styles
63
- $panel-north-west-icon-left: 2px !default;
64
- $panel-north-west-icon-top: 2px !default;
65
-
66
- // droppable area border
67
- $panel-drop-border-radius: $model-radius-small !default;
68
-
69
- // dragging element style
70
- $panel-dragging-cursor: move !default;
71
- $panel-drag-prevent: none !default;
72
-
73
- // Blazor ContentTemplate styles
74
- $panel-content-template-height: inherit !default;
75
- $panel-content-template-width: inherit !default;
76
-
77
- /* stylelint-disable */
78
- $panel-dragging-zindex: 1111 !important !default;
79
- $panel-drag-prevent: none !default;
80
-
81
- $element-width-complete: 100% !important !default;
82
-
83
- // colors
84
-
85
- // Panel styles
86
- $panel-active-background: $content-bg-color-alt1 !default;
87
- $panel-hover-box-shadow: $shadow-lg !default;
88
- $panel-active-drag-box-shadow: $shadow !default;
89
- $panel-background: $flyout-bg-color !default;
90
- $panel-box-shadow: $shadow-sm;
91
- $panel-header-color: $content-text-color !default;
92
- $panel-header-font-size: $text-base !default;
93
- $panel-header-bg-color: $content-bg-color-alt1 !default;
94
- $panel-header-font-weight: $font-weight-medium !default;
95
- $panel-resize-two-dimensional-icon-color: $icon-color-disabled !default;
96
-
97
- //Touch
98
-
99
- $panel-bigger-header-line-height: $leading-tight !default;
100
- $panel-bigger-header-color: $content-text-color !default;
101
- $panel-bigger-header-font-size: $text-lg !default;
102
- $panel-bigger-header-font-weight: $font-weight-medium !default;
103
-
104
- // droppable area border
105
- $panel-drop-background: $primary-lighter !default;
106
- $panel-drop-border: 1px $primary dashed !default;
107
-
108
- //gridlines
109
- $gridline-background: $content-bg-color-alt2 !default;
110
- $gridline-border: $border-dark !default;
111
- $gridline-border-radius: $model-radius-small !default;
@@ -1,108 +0,0 @@
1
- /*! component's theme wise override tailwind-definitions and variables */
2
-
3
- // Generic
4
- $icon-zero: 0 !default;
5
- $icon-border-radius: 50% !default;
6
- $grid-layout-position: relative !default;
7
- $panel-position: absolute !default;
8
- $panel-box-sizing: border-box !default;
9
-
10
- // Header styles
11
-
12
- // Mouse
13
- $panel-header-height: 38px !default;
14
- $panel-header-padding: 8px 18px !default;
15
- $panel-header-line-height: 22px !default;
16
- $panel-header-border-radius: 4px !default;
17
- $panel-header-color: $content-text-color !default;
18
- $panel-header-font-size: $text-sm !default;
19
- $panel-header-bg-color: $content-bg-color-alt1 !default;
20
- $panel-header-font-weight: $font-weight-medium !default;
21
- $panel-header-border-bottom: 1px solid $border-light !default;
22
- $panel-header-font-family: $font-family !default;
23
- $panel-header-white-space: nowrap !default;
24
- $panel-header-overflow: hidden !default;
25
- $panel-header-text-overflow: ellipsis !default;
26
-
27
- // Touch
28
- $panel-bigger-header-height: 40px !default;
29
- $panel-bigger-header-padding: 8px 18px !default;
30
- $panel-bigger-header-line-height: 24px !default;
31
- $panel-bigger-header-color: $content-text-color !default;
32
- $panel-bigger-header-font-size: $text-base !default;
33
- $panel-bigger-header-font-weight: $font-weight-medium !default;
34
-
35
- // Panel styles
36
- $panel-border: 1px solid $border-light !default;
37
- $panel-border-radius: 4px !default;
38
- $panel-full-height: 100% !default;
39
- $panel-full-width: 100% !default;
40
- $panel-hover-border: 1px solid $border-dark !default;
41
- $panel-active-border: 1px solid $primary-border-color !default;
42
-
43
- // icons styles
44
- $panel-resize-one-dimensional-icon-height: 8px !default;
45
- $panel-resize-one-dimensional-icon-width: 8px !default;
46
- $panel-resize-one-dimensional-icon-background: none !default;
47
- $panel-resize-one-dimensional-icon-border: none !default;
48
- $panel-resize-one-dimensional-icon-shadow: none !default;
49
-
50
- $panel-resize-two-dimensional-icon-height: 8px !default;
51
- $panel-resize-two-dimensional-icon-width: 8px !default;
52
- $panel-resize-two-dimensional-inner-icon-height: 8px !default;
53
- $panel-resize-two-dimensional-inner-icon-width: 8px !default;
54
- $panel-resize-two-dimensional-icon-background: none !default;
55
- $panel-resize-two-dimensional-icon-color: $icon-color-disabled !default;
56
- $panel-resize-two-dimensional-icon-border: none !default;
57
- $panel-resize-two-dimensional-icon-shadow: none !default;
58
-
59
- // south-east-icon-styles
60
- $panel-south-east-icon-right: 2px !default;
61
- $panel-south-east-icon-bottom: 2px !default;
62
-
63
- // south-west-icon-style
64
- $panel-south-west-icon-left: 2px !default;
65
- $panel-south-west-icon-bottom: 2px !default;
66
-
67
- // north-east-icon-styles
68
- $panel-north-east-icon-right: 2px !default;
69
- $panel-north-east-icon-top: 2px !default;
70
-
71
- // north-west-icon-styles
72
- $panel-north-west-icon-left: 2px !default;
73
- $panel-north-west-icon-top: 2px !default;
74
-
75
- // droppable area border
76
- $panel-drop-border-radius: 4px !default;
77
-
78
- // dragging element style
79
- $panel-dragging-cursor: move !default;
80
- $panel-drag-prevent: none !default;
81
-
82
- // Blazor ContentTemplate styles
83
- $panel-content-template-height: inherit !default;
84
- $panel-content-template-width: inherit !default;
85
-
86
- /* stylelint-disable */
87
- $panel-dragging-zindex: 1111 !important !default;
88
- $panel-drag-prevent: none !default;
89
-
90
- $element-width-complete: 100% !important !default;
91
-
92
- // colors
93
-
94
- // Panel styles
95
- $panel-active-background: $flyout-bg-color !default;
96
- $panel-hover-box-shadow: $shadow !default;
97
- $panel-active-drag-box-shadow: $shadow !default;
98
- $panel-background: $flyout-bg-color !default;
99
- $panel-box-shadow: $shadow-sm;
100
-
101
- // droppable area border
102
- $panel-drop-background: $primary-lighter !default;
103
- $panel-drop-border: 1px $primary-border-color dashed !default;
104
-
105
- //gridlines
106
- $gridline-background: $content-bg-color-alt1 !default;
107
- $gridline-border: $border-dark !default;
108
- $gridline-border-radius: 6px !default;
@@ -1,100 +0,0 @@
1
- /*! component's theme wise override highcontrast-definitions and variables */
2
-
3
- // Generic
4
-
5
- $panel-position: absolute !default;
6
- $grid-layout-position: relative !default;
7
- $panel-box-sizing: border-box !default;
8
- $icon-zero: 0 !default;
9
- $icon-border-radius: 50% !default;
10
-
11
- // Mouse
12
-
13
- $panel-header-height: 28px !default;
14
- $panel-header-padding: 2px 10px !default;
15
- $panel-header-color: $bg-base-100 !default;
16
- $panel-header-font-size: 15px !default;
17
- $panel-header-font-weight: 300 !default;
18
- $panel-header-border-bottom: none !default;
19
- $panel-header-font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
20
- $panel-header-white-space: nowrap !default;
21
- $panel-header-overflow: hidden !default;
22
- $panel-header-text-overflow: ellipsis !default;
23
-
24
- // Touch
25
-
26
- $panel-bigger-header-height: 30px !default;
27
- $panel-bigger-header-padding: 0 12px !default;
28
- $panel-bigger-header-color: rgba($header-font-alt, .54) !default;
29
- $panel-bigger-header-font-size: 14px !default;
30
- $panel-bigger-header-font-weight: 500 !default;
31
-
32
- // Panel styles
33
-
34
- $panel-background: $bg-base-0 !default;
35
- $panel-border: 1px $border-default solid !default;
36
- $panel-hover-border: 1px $border-fg solid !default;
37
- $panel-active-border: 1px $selection-border solid !default;
38
- $panel-position: absolute !default;
39
- $panel-box-sizing: border-box !default;
40
- $panel-border-radius: 0 !default;
41
- $panel-full-height: 100% !default;
42
- $panel-full-width: 100% !default;
43
- $panel-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15) !default;
44
-
45
- // Blazor ContentTemplate styles
46
-
47
- $panel-content-template-height: inherit !default;
48
- $panel-content-template-width: inherit !default;
49
-
50
- // icons styles
51
-
52
- $panel-resize-one-dimensional-icon-height: 8px !default;
53
- $panel-resize-one-dimensional-icon-width: 8px !default;
54
- $panel-resize-one-dimensional-icon-background: $selection-bg !default;
55
- $panel-resize-one-dimensional-icon-border: none !default;
56
-
57
- $panel-resize-two-dimensional-icon-height: 16px !default;
58
- $panel-resize-two-dimensional-icon-width: 16px !default;
59
- $panel-resize-two-dimensional-inner-icon-height: 8px !default;
60
- $panel-resize-two-dimensional-inner-icon-width: 8px !default;
61
- $panel-resize-two-dimensional-icon-background: $selection-bg !default;
62
- $panel-resize-two-dimensional-icon-color: $content-font !default !default;
63
- $panel-resize-two-dimensional-icon-border: 2px $bg-base-0 solid !default;
64
-
65
- // south-east-icon-styles
66
-
67
- $panel-south-east-icon-right: -6px !default;
68
- $panel-south-east-icon-bottom: -5px !default;
69
-
70
- // south-west-icon-style
71
-
72
- $panel-south-west-icon-left: -6px !default;
73
- $panel-south-west-icon-bottom: -5px !default;
74
-
75
- // north-east-icon-styles
76
-
77
- $panel-north-east-icon-right: -6px !default;
78
- $panel-north-east-icon-top: -5px !default;
79
-
80
- // north-west-icon-styles
81
-
82
- $panel-north-west-icon-left: -6px !default;
83
- $panel-north-west-icon-top: -5px !default;
84
-
85
- // droppable area border
86
-
87
- $panel-drop-border: 1px $selection-bg dotted !default;
88
- $panel-drop-background: rgba($selection-bg, .3) !default;
89
- $panel-drop-border-radius: 0 !default;
90
-
91
- // dragging element style
92
-
93
- $panel-dragging-cursor: move !default;
94
- /* stylelint-disable */
95
- $panel-dragging-zindex: 1111 !important !default;
96
- $panel-drag-prevent: none !default;
97
- $element-width-complete: 100% !important !default;
98
- //gridlines
99
- $gridline-background: $bg-base-10 !default;
100
- $gridline-border: $border-default !default;
@@ -1,100 +0,0 @@
1
- /*! component's theme wise override highcontrast-definitions and variables */
2
-
3
- // Generic
4
-
5
- $panel-position: absolute !default;
6
- $grid-layout-position: relative !default;
7
- $panel-box-sizing: border-box !default;
8
- $icon-zero: 0 !default;
9
- $icon-border-radius: 50% !default;
10
-
11
- // Mouse
12
-
13
- $panel-header-height: 28px !default;
14
- $panel-header-padding: 2px 10px !default;
15
- $panel-header-color: $bg-base-100 !default;
16
- $panel-header-font-size: 15px !default;
17
- $panel-header-font-weight: 300 !default;
18
- $panel-header-border-bottom: none !default;
19
- $panel-header-font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
20
- $panel-header-white-space: nowrap !default;
21
- $panel-header-overflow: hidden !default;
22
- $panel-header-text-overflow: ellipsis !default;
23
-
24
- // Touch
25
-
26
- $panel-bigger-header-height: 30px !default;
27
- $panel-bigger-header-padding: 0 12px !default;
28
- $panel-bigger-header-color: rgba($header-font-alt, .54) !default;
29
- $panel-bigger-header-font-size: 14px !default;
30
- $panel-bigger-header-font-weight: 500 !default;
31
-
32
- // Panel styles
33
-
34
- $panel-background: $bg-base-0 !default;
35
- $panel-border: 1px $border-default solid !default;
36
- $panel-hover-border: 1px $border-fg solid !default;
37
- $panel-active-border: 1px $selection-border solid !default;
38
- $panel-position: absolute !default;
39
- $panel-box-sizing: border-box !default;
40
- $panel-border-radius: 2px !default;
41
- $panel-full-height: 100% !default;
42
- $panel-full-width: 100% !default;
43
- $panel-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15) !default;
44
-
45
- // Blazor ContentTemplate styles
46
-
47
- $panel-content-template-height: inherit !default;
48
- $panel-content-template-width: inherit !default;
49
-
50
- // icons styles
51
-
52
- $panel-resize-one-dimensional-icon-height: 8px !default;
53
- $panel-resize-one-dimensional-icon-width: 8px !default;
54
- $panel-resize-one-dimensional-icon-background: $selection-bg !default;
55
- $panel-resize-one-dimensional-icon-border: none !default;
56
-
57
- $panel-resize-two-dimensional-icon-height: 16px !default;
58
- $panel-resize-two-dimensional-icon-width: 16px !default;
59
- $panel-resize-two-dimensional-inner-icon-height: 8px !default;
60
- $panel-resize-two-dimensional-inner-icon-width: 8px !default;
61
- $panel-resize-two-dimensional-icon-background: $selection-bg !default;
62
- $panel-resize-two-dimensional-icon-color: $selection-font !default;
63
- $panel-resize-two-dimensional-icon-border: 2px $bg-base-0 solid !default;
64
-
65
- // south-east-icon-styles
66
-
67
- $panel-south-east-icon-right: -6px !default;
68
- $panel-south-east-icon-bottom: -5px !default;
69
-
70
- // south-west-icon-style
71
-
72
- $panel-south-west-icon-left: -6px !default;
73
- $panel-south-west-icon-bottom: -5px !default;
74
-
75
- // north-east-icon-styles
76
-
77
- $panel-north-east-icon-right: -6px !default;
78
- $panel-north-east-icon-top: -5px !default;
79
-
80
- // north-west-icon-styles
81
-
82
- $panel-north-west-icon-left: -6px !default;
83
- $panel-north-west-icon-top: -5px !default;
84
-
85
- // droppable area border
86
-
87
- $panel-drop-border: 2px $selection-bg dotted !default;
88
- $panel-drop-background: rgba($selection-bg, 2) !default;
89
- $panel-drop-border-radius: 0 !default;
90
-
91
- // dragging element style
92
-
93
- $panel-dragging-cursor: move !default;
94
- /* stylelint-disable */
95
- $panel-dragging-zindex: 1111 !important !default;
96
- $panel-drag-prevent: none !default;
97
- $element-width-complete: 100% !important !default;
98
- //gridlines
99
- $gridline-background: $bg-base-10 !default;
100
- $gridline-border: $border-default !default;