@syncfusion/ej2-angular-grids 22.2.12 → 23.1.36

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 (108) hide show
  1. package/esm2020/src/grid/aggregate-columns.directive.mjs +1 -1
  2. package/esm2020/src/grid/columns.directive.mjs +1 -1
  3. package/esm2020/src/grid/grid.component.mjs +4 -4
  4. package/esm2020/src/grid/stacked-column.directive.mjs +1 -1
  5. package/fesm2015/syncfusion-ej2-angular-grids.mjs +3 -3
  6. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-grids.mjs +3 -3
  8. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  9. package/package.json +9 -9
  10. package/schematics/utils/lib-details.d.ts +2 -2
  11. package/schematics/utils/lib-details.js +2 -2
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/src/grid/aggregate-columns.directive.d.ts +1 -0
  14. package/src/grid/columns.directive.d.ts +3 -1
  15. package/src/grid/grid.component.d.ts +4 -3
  16. package/src/grid/stacked-column.directive.d.ts +3 -1
  17. package/styles/bootstrap-dark.css +366 -22
  18. package/styles/bootstrap.css +366 -22
  19. package/styles/bootstrap4.css +379 -22
  20. package/styles/bootstrap5-dark.css +366 -22
  21. package/styles/bootstrap5.css +366 -22
  22. package/styles/excel-filter/bootstrap-dark.scss +1 -1
  23. package/styles/excel-filter/bootstrap.scss +1 -1
  24. package/styles/excel-filter/bootstrap4.scss +1 -1
  25. package/styles/excel-filter/bootstrap5-dark.scss +1 -1
  26. package/styles/excel-filter/bootstrap5.scss +1 -1
  27. package/styles/excel-filter/fabric-dark.scss +1 -1
  28. package/styles/excel-filter/fabric.scss +1 -1
  29. package/styles/excel-filter/fluent-dark.scss +1 -1
  30. package/styles/excel-filter/fluent.scss +1 -1
  31. package/styles/excel-filter/highcontrast-light.scss +1 -1
  32. package/styles/excel-filter/highcontrast.scss +1 -1
  33. package/styles/excel-filter/material-dark.css +0 -1
  34. package/styles/excel-filter/material-dark.scss +1 -1
  35. package/styles/excel-filter/material.css +0 -1
  36. package/styles/excel-filter/material.scss +1 -1
  37. package/styles/excel-filter/material3-dark.css +0 -1
  38. package/styles/excel-filter/material3-dark.scss +1 -1
  39. package/styles/excel-filter/material3.css +0 -1
  40. package/styles/excel-filter/material3.scss +1 -1
  41. package/styles/excel-filter/tailwind-dark.css +0 -1
  42. package/styles/excel-filter/tailwind-dark.scss +1 -1
  43. package/styles/excel-filter/tailwind.css +0 -1
  44. package/styles/excel-filter/tailwind.scss +1 -1
  45. package/styles/fabric-dark.css +366 -22
  46. package/styles/fabric.css +366 -22
  47. package/styles/fluent-dark.css +367 -23
  48. package/styles/fluent.css +367 -23
  49. package/styles/grid/_bootstrap-dark-definition.scss +11 -0
  50. package/styles/grid/_bootstrap-definition.scss +11 -0
  51. package/styles/grid/_bootstrap4-definition.scss +11 -0
  52. package/styles/grid/_bootstrap5-definition.scss +11 -0
  53. package/styles/grid/_fabric-dark-definition.scss +11 -0
  54. package/styles/grid/_fabric-definition.scss +11 -0
  55. package/styles/grid/_fluent-definition.scss +12 -1
  56. package/styles/grid/_fusionnew-definition.scss +11 -0
  57. package/styles/grid/_highcontrast-definition.scss +11 -0
  58. package/styles/grid/_highcontrast-light-definition.scss +11 -0
  59. package/styles/grid/_layout.scss +401 -28
  60. package/styles/grid/_material-dark-definition.scss +13 -2
  61. package/styles/grid/_material-definition.scss +11 -0
  62. package/styles/grid/_material3-definition.scss +12 -1
  63. package/styles/grid/_tailwind-definition.scss +11 -0
  64. package/styles/grid/_theme.scss +227 -6
  65. package/styles/grid/bootstrap-dark.css +366 -22
  66. package/styles/grid/bootstrap-dark.scss +1 -1
  67. package/styles/grid/bootstrap.css +366 -22
  68. package/styles/grid/bootstrap.scss +1 -1
  69. package/styles/grid/bootstrap4.css +379 -22
  70. package/styles/grid/bootstrap4.scss +1 -1
  71. package/styles/grid/bootstrap5-dark.css +366 -22
  72. package/styles/grid/bootstrap5-dark.scss +1 -1
  73. package/styles/grid/bootstrap5.css +366 -22
  74. package/styles/grid/bootstrap5.scss +1 -1
  75. package/styles/grid/fabric-dark.css +366 -22
  76. package/styles/grid/fabric-dark.scss +1 -1
  77. package/styles/grid/fabric.css +366 -22
  78. package/styles/grid/fabric.scss +1 -1
  79. package/styles/grid/fluent-dark.css +367 -23
  80. package/styles/grid/fluent-dark.scss +1 -1
  81. package/styles/grid/fluent.css +367 -23
  82. package/styles/grid/fluent.scss +1 -1
  83. package/styles/grid/highcontrast-light.css +366 -22
  84. package/styles/grid/highcontrast-light.scss +1 -1
  85. package/styles/grid/highcontrast.css +366 -22
  86. package/styles/grid/highcontrast.scss +1 -1
  87. package/styles/grid/material-dark.css +371 -28
  88. package/styles/grid/material-dark.scss +1 -1
  89. package/styles/grid/material.css +366 -23
  90. package/styles/grid/material.scss +1 -1
  91. package/styles/grid/material3-dark.css +383 -24
  92. package/styles/grid/material3-dark.scss +1 -1
  93. package/styles/grid/material3.css +383 -24
  94. package/styles/grid/material3.scss +1 -1
  95. package/styles/grid/tailwind-dark.css +366 -23
  96. package/styles/grid/tailwind-dark.scss +1 -1
  97. package/styles/grid/tailwind.css +366 -23
  98. package/styles/grid/tailwind.scss +1 -1
  99. package/styles/highcontrast-light.css +366 -22
  100. package/styles/highcontrast.css +366 -22
  101. package/styles/material-dark.css +371 -28
  102. package/styles/material.css +366 -23
  103. package/styles/material3-dark.css +383 -24
  104. package/styles/material3-dark.scss +1 -1
  105. package/styles/material3.css +383 -24
  106. package/styles/material3.scss +1 -1
  107. package/styles/tailwind-dark.css +366 -24
  108. package/styles/tailwind.css +366 -24
package/styles/grid/_bootstrap-dark-definition.scss CHANGED
@@ -10,6 +10,8 @@ $grid-vertical-border-size: $border-size !default;
10
10
  $grid-horizontal-border-size: $border-size !default;
11
11
  $grid-font-family: $font-family !default;
12
12
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
13
+ $grid-frozen-shadow-background-color: rgba(95, 87, 87, .16) !default;
14
+ $grid-frozen-row-shadow-background-color: rgba(95, 87, 87, .26) !default;
13
15
 
14
16
  $grid-header-font-size: 14px !default;
15
17
  $grid-bigger-header-font-size: $grid-header-font-size !default;
@@ -178,6 +180,8 @@ $grid-header-font-weight: Bold !default;
178
180
  $grid-filtercell-both-border-width: 2px 0 0 1px !default;
179
181
  $grid-header-border-color: $grey-88 !default;
180
182
  $grid-rowcell-line-height: 19px !default;
183
+ $grid-rowcell-autofill-top-line-height: 17px !default;
184
+ $grid-rowcell-autofill-top-bottom-line-height: 15px !default;
181
185
  $grid-content-font-color: $grey-dark-font !default;
182
186
  $grid-hover-content-font-color: $grey-dark-font !default;
183
187
  $grid-cell-border-color: $grey-88 !default;
@@ -326,6 +330,8 @@ $group-sorticon-margin-top: -3px !default;
326
330
  $grid-bigger-headercell-line-height: 44px !default;
327
331
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
328
332
  $grid-bigger-rowcell-line-height: 27px !default;
333
+ $grid-bigger-rowcell-autofill-top-line-height: 24px !default;
334
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 22px !default;
329
335
  $grid-bigger-font-size: 14px !default;
330
336
  $group-unpgrouicon-margin-left: -6px !default;
331
337
  $grid-group-ungroupicon-margin-left: -8px !default;
@@ -399,6 +405,7 @@ $grid-freezeline-border: 2px solid !default;
399
405
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
400
406
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
401
407
  $grid-cell-focus-shadow: 0 0 0 1px lighten($brand-primary, 10%) inset !default;
408
+ $grid-cell-focus-border-color: lighten($brand-primary, 10%) !default;
402
409
  $grid-headercelldiv-fltricon-margin: -5px 15px -5px -6px !default;
403
410
  $grid-headercelldiv-rightalign-fltricon-margin: -5px 15px -5px 0 !default;
404
411
  $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -480,6 +487,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
480
487
  $grid-unboundcelldiv-margin: 0 3.5px !default;
481
488
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
482
489
  $grid-rowcell-wrap-height: 18px !default;
490
+ $grid-rowcell-autofill-top-height: 16px !default;
491
+ $grid-rowcell-autofill-top-bottom-height: 14px !default;
483
492
  $grid-rowcell-wrap-max-height: 36px !default;
484
493
  $grid-bigger-fltr-sortnumber-rightalign-margin: 7px 0 0 20px !default;
485
494
  $grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
@@ -490,6 +499,8 @@ $grid-rtl-searchclear: 0 !default;
490
499
  $grid-column-chosser-searchdiv-top: -46px !default;
491
500
  $grid-reorderarrow-font-size: 10px !default;
492
501
  $grid-bigger-wrap-line-height:18px !default;
502
+ $grid-bigger-wrap-autofill-top-line-height: 22px !default;
503
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
493
504
  $grid-bigger-clone-padding: $grid-clone-padding !default;
494
505
  $grid-bigger-draganddrop-clone-padding: 0 !default;
495
506
  $grouped-bigger-text-font-size: 16px !default;
package/styles/grid/_bootstrap-definition.scss CHANGED
@@ -10,6 +10,8 @@ $grid-vertical-border-size: $border-size !default;
10
10
  $grid-horizontal-border-size: $border-size !default;
11
11
  $grid-font-family: $font-family !default;
12
12
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
13
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
14
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
13
15
 
14
16
  $grid-header-font-size: 14px !default;
15
17
  $grid-bigger-header-font-size: $grid-header-font-size !default;
@@ -185,6 +187,8 @@ $grid-header-font-weight: Bold !default;
185
187
  $grid-filtercell-both-border-width: 2px 0 0 1px !default;
186
188
  $grid-header-border-color: $grey-dd !default;
187
189
  $grid-rowcell-line-height: 19px !default;
190
+ $grid-rowcell-autofill-top-line-height: 17px !default;
191
+ $grid-rowcell-autofill-top-bottom-line-height: 15px !default;
188
192
  $grid-content-font-color: $grey-light-font !default;
189
193
  $grid-hover-content-font-color: $grey-light-font !default;
190
194
  $grid-cell-border-color: $grey-dd !default;
@@ -330,6 +334,8 @@ $group-sorticon-margin-top: -3px !default;
330
334
  $grid-bigger-headercell-line-height: 44px !default;
331
335
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
332
336
  $grid-bigger-rowcell-line-height: 27px !default;
337
+ $grid-bigger-rowcell-autofill-top-line-height: 25px !default;
338
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 23px !default;
333
339
  $grid-bigger-font-size: 14px !default;
334
340
  $group-unpgrouicon-margin-left: -6px !default;
335
341
  $grid-group-ungroupicon-margin-left: -8px !default;
@@ -403,6 +409,7 @@ $grid-freezeline-border: 2px solid !default;
403
409
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
404
410
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
405
411
  $grid-cell-focus-shadow: 0 0 0 1px $input-border-focus inset !default;
412
+ $grid-cell-focus-border-color: $input-border-focus !default;
406
413
  $grid-headercelldiv-fltricon-margin: -5px 15px -5px -6px !default;
407
414
  $grid-headercelldiv-rightalign-fltricon-margin: -5px 15px -5px 0 !default;
408
415
  $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -482,6 +489,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
482
489
  $grid-unboundcelldiv-margin: 0 3.5px !default;
483
490
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
484
491
  $grid-rowcell-wrap-height: 18px !default;
492
+ $grid-rowcell-autofill-top-height: 16px !default;
493
+ $grid-rowcell-autofill-top-bottom-height: 14px !default;
485
494
  $grid-rowcell-wrap-max-height: 36px !default;
486
495
  $grid-bigger-fltr-sortnumber-rightalign-margin: 8px 0 0 12px !default;
487
496
  $grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
@@ -492,6 +501,8 @@ $grid-rtl-searchclear: 0 !default;
492
501
  $grid-column-chosser-searchdiv-top: -46px !default;
493
502
  $grid-reorderarrow-font-size: 10px !default;
494
503
  $grid-bigger-wrap-line-height: 18px !default;
504
+ $grid-bigger-wrap-autofill-top-line-height: 16px !default;
505
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 1px !default;
495
506
  $grid-bigger-clone-padding: $grid-clone-padding !default;
496
507
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
497
508
  $grouped-bigger-text-font-size: 16px !default;
package/styles/grid/_bootstrap4-definition.scss CHANGED
@@ -10,6 +10,8 @@ $grid-vertical-border-size: 1px !default;
10
10
  $grid-horizontal-border-size: 1px !default;
11
11
  $grid-font-family: $font-family !default;
12
12
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
13
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
14
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
13
15
 
14
16
  $grid-header-font-size: 14px !default;
15
17
  $grid-bigger-header-font-size: 16px !default;
@@ -186,6 +188,8 @@ $grid-header-font-weight: Bold !default;
186
188
  $grid-filtercell-both-border-width: 2px 0 0 1px !default;
187
189
  $grid-header-border-color: $gray-300 !default;
188
190
  $grid-rowcell-line-height: 21px !default;
191
+ $grid-rowcell-autofill-top-line-height: 19px !default;
192
+ $grid-rowcell-autofill-top-bottom-line-height: 17px !default;
189
193
  $grid-content-font-color: rgba($gray-900, 1) !default;
190
194
  $grid-hover-content-font-color: $gray-900 !default;
191
195
  $grid-cell-border-color: $gray-300 !default;
@@ -331,6 +335,8 @@ $group-sorticon-margin-top: 0 !default;
331
335
  $grid-bigger-headercell-line-height: 50px !default;
332
336
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
333
337
  $grid-bigger-rowcell-line-height: 24px !default;
338
+ $grid-bigger-rowcell-autofill-top-line-height: 22px !default;
339
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 20px !default;
334
340
  $grid-bigger-font-size: 16px !default;
335
341
  $group-unpgrouicon-margin-left: -6px !default;
336
342
  $grid-group-ungroupicon-margin-left: -8px !default;
@@ -405,6 +411,7 @@ $grid-freezeline-border: 2px solid !default;
405
411
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
406
412
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
407
413
  $grid-cell-focus-shadow: 0 0 0 1px #66afe9 inset !default;
414
+ $grid-cell-focus-border-color: #66afe9 !default;
408
415
  $grid-headercelldiv-fltricon-margin: -5px 15px -5px -12px !default;
409
416
  $grid-headercelldiv-rightalign-fltricon-margin: -5px 15px -5px 0 !default;
410
417
  $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -488,6 +495,8 @@ $grid-group-clone-box-shadow: 0 1px 4px rgba($black, 40) !default;
488
495
  $grid-unboundcelldiv-margin: 0 4px !default;
489
496
  $grid-bigger-flmenu-padding: 16px 0 0 !default;
490
497
  $grid-rowcell-wrap-height: 21px !default;
498
+ $grid-rowcell-autofill-top-height: 19px !default;
499
+ $grid-rowcell-autofill-top-bottom-height: 17px !default;
491
500
  $grid-rowcell-wrap-max-height: 36px !default;
492
501
  $grid-bigger-fltr-sortnumber-rightalign-margin: 4px 0 0 10px !default;
493
502
  $grid-bigger-sortnumber-rightalign-margin: 4px 0 0 10px !default;
@@ -498,6 +507,8 @@ $grid-rtl-searchclear: 0 !default;
498
507
  $grid-column-chosser-searchdiv-top: -44px !default;
499
508
  $grid-reorderarrow-font-size: 12px !default;
500
509
  $grid-bigger-wrap-line-height: 24px !default;
510
+ $grid-bigger-wrap-autofill-top-line-height: 22px !default;
511
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
501
512
  $grid-bigger-clone-padding: 2px 12px 1px !default;
502
513
  $grid-bigger-draganddrop-clone-padding: 2px 0 1px !default;
503
514
  $grouped-bigger-text-font-size: 14px !default;
package/styles/grid/_bootstrap5-definition.scss CHANGED
@@ -8,6 +8,8 @@ $grid-vertical-border-size: 1px !default;
8
8
  $grid-horizontal-border-size: 1px !default;
9
9
  $grid-font-family: $font-family !default;
10
10
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
11
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
12
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
11
13
 
12
14
  $grid-header-font-size: $text-sm !default;
13
15
  $grid-bigger-header-font-size: $text-base !default;
@@ -183,6 +185,8 @@ $grid-header-font-weight: $font-weight-bold !default;
183
185
  $grid-filtercell-both-border-width: 1px 0 0 1px !default;
184
186
  $grid-header-border-color: $border-light !default;
185
187
  $grid-rowcell-line-height: 22px !default;
188
+ $grid-rowcell-autofill-top-line-height: 20px !default;
189
+ $grid-rowcell-autofill-top-bottom-line-height: 18px !default;
186
190
  $grid-content-font-color: $content-text-color !default;
187
191
  $grid-hover-content-font-color: $content-text-color-hover !default;
188
192
  $grid-cell-border-color: $border-light !default;
@@ -328,6 +332,8 @@ $group-sorticon-margin-top: -.5px !default;
328
332
  $grid-bigger-headercell-line-height: 40px !default;
329
333
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
330
334
  $grid-bigger-rowcell-line-height: 24px !default;
335
+ $grid-bigger-rowcell-autofill-top-line-height: 22px !default;
336
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 20px !default;
331
337
  $grid-bigger-font-size: $text-base !default;
332
338
  $group-unpgrouicon-margin-left: -10px !default;
333
339
  $grid-group-ungroupicon-margin-left: -12px !default;
@@ -400,6 +406,7 @@ $grid-freezeline-border: 2px solid !default;
400
406
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
401
407
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
402
408
  $grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
409
+ $grid-cell-focus-border-color: $primary !default;
403
410
  $grid-headercelldiv-fltricon-margin: -5px 20px -5px -5px !default;
404
411
  $grid-headercelldiv-rightalign-fltricon-margin: -5px 20px -5px 8px !default;
405
412
  $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -476,6 +483,8 @@ $grid-group-clone-box-shadow: $shadow !default;
476
483
  $grid-unboundcelldiv-margin: 0 4px !default;
477
484
  $grid-bigger-flmenu-padding: 16px 0 0 !default;
478
485
  $grid-rowcell-wrap-height: 21px !default;
486
+ $grid-rowcell-autofill-top-height: 19px !default;
487
+ $grid-rowcell-autofill-top-bottom-height: 17px !default;
479
488
  $grid-rowcell-wrap-max-height: 36px !default;
480
489
  $grid-bigger-fltr-sortnumber-rightalign-margin: 2px 4px 0 -6px !default;
481
490
  $grid-bigger-sortnumber-rightalign-margin: 2px 4px 0 6px !default;
@@ -486,6 +495,8 @@ $grid-rtl-searchclear: 0 !default;
486
495
  $grid-column-chosser-searchdiv-top: -41px !default;
487
496
  $grid-reorderarrow-font-size: $text-xxs !default;
488
497
  $grid-bigger-wrap-line-height: 24px !default;
498
+ $grid-bigger-wrap-autofill-top-line-height: 22px !default;
499
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
489
500
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
490
501
  $grid-bigger-draganddrop-clone-padding: 0 !default;
491
502
  $grouped-bigger-text-font-size: $text-base !default;
package/styles/grid/_fabric-dark-definition.scss CHANGED
@@ -10,6 +10,8 @@ $grid-vertical-border-size: $border-size !default;
10
10
  $grid-horizontal-border-size: $border-size !default;
11
11
  $grid-font-family: $font-family !default;
12
12
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
13
+ $grid-frozen-shadow-background-color: rgba(95, 87, 87, .16) !default;
14
+ $grid-frozen-row-shadow-background-color: rgba(95, 87, 87, .26) !default;
13
15
 
14
16
  $grid-header-font-size: 14px !default;
15
17
  $grid-bigger-header-font-size: $grid-header-font-size !default;
@@ -310,6 +312,10 @@ $grid-bigger-header-first-last-cell-padding: round($grid-header-first-last-cell-
310
312
  $grid-bigger-content-padding: round($grid-content-padding*1.25) !default;
311
313
  $grid-bigger-content-right-padding: round($grid-content-right-padding*1.25) !default;
312
314
  $grid-bigger-rowcell-line-height: round($grid-rowcell-line-height*1.25) !default;
315
+ $grid-bigger-rowcell-autofill-top-line-height: 24px !default;
316
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 22px !default;
317
+ $grid-rowcell-autofill-top-line-height: 24px !default;
318
+ $grid-rowcell-autofill-top-bottom-line-height: 22px !default;
313
319
  $grid-bigger-first-last-rowcell-padding: round($grid-first-last-rowcell-padding*1.25) !default;
314
320
  $grid-bigger-group-line-height: round($grid-group-height*1.25) !default;
315
321
  $grid-bigger-filterbarcell-text-input: 40px !default;
@@ -393,6 +399,7 @@ $grid-freezeline-border: 2px solid !default;
393
399
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
394
400
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
395
401
  $grid-cell-focus-shadow: 0 0 0 1px $neutral-secondary inset !default;
402
+ $grid-cell-focus-border-color: $neutral-secondary !default;
396
403
  $grid-headercelldiv-fltricon-margin: 0 20px 0 -6px !default;
397
404
  $grid-headercelldiv-rightalign-fltricon-margin: 0 20px 0 10px !default;
398
405
  $grid-rtl-headercelldiv-rightalign-fltricon-margin: 0 !default;
@@ -478,6 +485,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
478
485
  $grid-unboundcelldiv-margin: 0 3.5px !default;
479
486
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
480
487
  $grid-rowcell-wrap-height: 18px !default;
488
+ $grid-rowcell-autofill-top-height: 16px !default;
489
+ $grid-rowcell-autofill-top-bottom-height: 14px !default;
481
490
  $grid-rowcell-wrap-max-height: 36px !default;
482
491
  $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
483
492
  $grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
@@ -488,6 +497,8 @@ $grid-rtl-searchclear: 0 !default;
488
497
  $grid-column-chosser-searchdiv-top: -46px !default;
489
498
  $grid-reorderarrow-font-size: 8px !default;
490
499
  $grid-bigger-wrap-line-height: 18px !default;
500
+ $grid-bigger-wrap-autofill-top-line-height: 16px !default;
501
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 14px !default;
491
502
  $grid-bigger-clone-padding: $grid-clone-padding !default;
492
503
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
493
504
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
package/styles/grid/_fabric-definition.scss CHANGED
@@ -11,6 +11,8 @@ $grid-vertical-border-size: $border-size !default;
11
11
  $grid-horizontal-border-size: $border-size !default;
12
12
  $grid-font-family: $font-family !default;
13
13
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
14
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
15
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
14
16
 
15
17
  $grid-header-font-size: 14px !default;
16
18
  $grid-bigger-header-font-size: $grid-header-font-size !default;
@@ -202,6 +204,8 @@ $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
202
204
  $grid-sortnumber-border-radius: 55% !default;
203
205
  $grid-rowcell-broder-width: 1px 0 0 !default;
204
206
  $grid-rowcell-line-height: 21px !default;
207
+ $grid-rowcell-autofill-top-line-height: 19px !default;
208
+ $grid-rowcell-autofill-top-bottom-line-height: 17px !default;
205
209
  $grid-first-last-rowcell-padding: 10px !default;
206
210
  $grid-content-padding: 7px !default;
207
211
  $grid-content-right-padding: 8px !default;
@@ -313,6 +317,8 @@ $grid-bigger-header-first-last-cell-padding: round($grid-header-first-last-cell-
313
317
  $grid-bigger-content-padding: round($grid-content-padding*1.25) !default;
314
318
  $grid-bigger-content-right-padding: round($grid-content-right-padding*1.25) !default;
315
319
  $grid-bigger-rowcell-line-height: round($grid-rowcell-line-height*1.25) !default;
320
+ $grid-bigger-rowcell-autofill-top-line-height: 24px !default;
321
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 22px !default;
316
322
  $grid-bigger-first-last-rowcell-padding: round($grid-first-last-rowcell-padding*1.25) !default;
317
323
  $grid-bigger-group-line-height: round($grid-group-height*1.25) !default;
318
324
  $grid-bigger-filterbarcell-text-input: 40px !default;
@@ -396,6 +402,7 @@ $grid-freezeline-border: 2px solid !default;
396
402
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
397
403
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
398
404
  $grid-cell-focus-shadow: 0 0 0 1px $neutral-secondary inset !default;
405
+ $grid-cell-focus-border-color: $neutral-secondary !default;
399
406
  $grid-headercelldiv-fltricon-margin: 0 20px 0 0 !default;
400
407
  $grid-headercelldiv-rightalign-fltricon-margin: 0 20px 0 10px !default;
401
408
  $grid-rtl-headercelldiv-rightalign-fltricon-margin: 0 !default;
@@ -478,6 +485,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
478
485
  $grid-unboundcelldiv-margin: 0 3.5px !default;
479
486
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
480
487
  $grid-rowcell-wrap-height: 18px !default;
488
+ $grid-rowcell-autofill-top-height: 16px !default;
489
+ $grid-rowcell-autofill-top-bottom-height: 14px !default;
481
490
  $grid-rowcell-wrap-max-height: 36px !default;
482
491
  $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
483
492
  $grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
@@ -488,6 +497,8 @@ $grid-rtl-searchclear: 0 !default;
488
497
  $grid-column-chosser-searchdiv-top: -46px !default;
489
498
  $grid-reorderarrow-font-size: 8px !default;
490
499
  $grid-bigger-wrap-line-height: 18px !default;
500
+ $grid-bigger-wrap-autofill-top-line-height: 16px !default;
501
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 14px !default;
491
502
  $grid-bigger-clone-padding: $grid-clone-padding !default;
492
503
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
493
504
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
package/styles/grid/_fluent-definition.scss CHANGED
@@ -2,6 +2,8 @@
2
2
  $grid-icon-color: $icon-color !default;
3
3
  $grid-command-icon-color: $icon-color !default;
4
4
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
5
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
6
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
5
7
  $grid-header-icon-color: $icon-color !default;
6
8
  $grid-sorted-header-color: $content-text-color !default;
7
9
  $grid-popup-bg-color: $content-bg-color !default;
@@ -233,6 +235,8 @@ $grid-headercell-line-height: 36px !default;
233
235
  $grid-header-font-weight: $font-weight-medium !default;
234
236
  $grid-filtercell-both-border-width: 1px 0 0 1px !default;
235
237
  $grid-rowcell-line-height: 21px !default;
238
+ $grid-rowcell-autofill-top-line-height: 19px !default;
239
+ $grid-rowcell-autofill-top-bottom-line-height: 17px !default;
236
240
  $grid-content-font-size: $text-sm !default;
237
241
  $grid-header-height: 22px !default;
238
242
  $grid-bigger-header-height: 24px !default;
@@ -353,6 +357,8 @@ $group-sorticon-margin-top: -3px !default;
353
357
  $grid-bigger-headercell-line-height: 44px !default;
354
358
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
355
359
  $grid-bigger-rowcell-line-height: 1 !default;
360
+ $grid-bigger-rowcell-autofill-top-line-height: 14px !default;
361
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 12px !default;
356
362
  $grid-bigger-font-size: $text-base !default;
357
363
  $group-unpgrouicon-margin-left: -11px !default;
358
364
  $grid-group-ungroupicon-margin-left: -9px !default;
@@ -420,6 +426,7 @@ $grid-device-groupheadercell-span-line-height: 28px !default;
420
426
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
421
427
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
422
428
  $grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
429
+ $grid-cell-focus-border-color: $primary !default;
423
430
  $grid-headercelldiv-fltricon-margin: -5px 15px -5px -6px !default;
424
431
  $grid-headercelldiv-rightalign-fltricon-margin: -5px 14px -5px 0 !default;
425
432
  $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -484,6 +491,8 @@ $grid-group-clone-box-shadow: $shadow !default;
484
491
  $grid-unboundcelldiv-margin: 0 4px !default;
485
492
  $grid-bigger-flmenu-padding: 15px 0 1px !default;
486
493
  $grid-rowcell-wrap-height: 21px !default;
494
+ $grid-rowcell-autofill-top-height: 19px !default;
495
+ $grid-rowcell-autofill-top-bottom-height: 17px !default;
487
496
  $grid-rowcell-wrap-max-height: 36px !default;
488
497
  $grid-bigger-fltr-sortnumber-rightalign-margin: 2px 4px 0 -2px !default;
489
498
  $grid-bigger-sortnumber-rightalign-margin: 2px 4px 0 2px !default;
@@ -494,6 +503,8 @@ $grid-rtl-searchclear: 0 !default;
494
503
  $grid-column-chosser-searchdiv-top: -48px !default;
495
504
  $grid-reorderarrow-font-size: $text-xxs !default;
496
505
  $grid-bigger-wrap-line-height: 24px !default;
506
+ $grid-bigger-wrap-autofill-top-line-height: 22px !default;
507
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
497
508
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
498
509
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
499
510
  $grouped-bigger-text-font-size: $text-base !default;
@@ -598,7 +609,7 @@ $grid-skin: 'fluent' !default;
598
609
  $grid-biggerreorderarrow-font-size: $text-sm !default;
599
610
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
600
611
  $grid-bigger-drag-count-top: -14px !default;
601
- $grid-bigger-check-select-all-font-size: $text-xxs !default;
612
+ $grid-bigger-check-select-all-font-size: $text-lg !default;
602
613
  $grid-adaptive-sort-clear-button-padding: 4px !default;
603
614
  $grid-cc-margin-top: 2px !default;
604
615
  $grid-bigger-rtl-cm-margin: -21px -18px -5px -22px !default;
package/styles/grid/_fusionnew-definition.scss CHANGED
@@ -8,6 +8,8 @@ $grid-vertical-border-size: 1px !default;
8
8
  $grid-horizontal-border-size: 1px !default;
9
9
  $grid-font-family: $font-family !default;
10
10
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
11
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
12
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
11
13
 
12
14
  $grid-header-font-size: 14px !default;
13
15
  $grid-bigger-header-font-size: 16px !default;
@@ -182,6 +184,8 @@ $grid-header-font-weight: $font-weight-bold !default;
182
184
  $grid-filtercell-both-border-width: 1px 0 0 1px !default;
183
185
  $grid-header-border-color: $border-light !default;
184
186
  $grid-rowcell-line-height: 22px !default;
187
+ $grid-rowcell-autofill-top-line-height: 20px !default;
188
+ $grid-rowcell-autofill-top-bottom-line-height: 18px !default;
185
189
  $grid-content-font-color: $content-text-color !default;
186
190
  $grid-hover-content-font-color: $content-text-color-hover !default;
187
191
  $grid-cell-border-color: $border-light !default;
@@ -305,6 +309,8 @@ $group-sorticon-margin-top: -.5px !default;
305
309
  $grid-bigger-headercell-line-height: 40px !default;
306
310
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
307
311
  $grid-bigger-rowcell-line-height: 24px !default;
312
+ $grid-bigger-rowcell-autofill-top-line-height: 22px !default;
313
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 20px !default;
308
314
  $grid-bigger-font-size: 16px !default;
309
315
  $group-unpgrouicon-margin-left: -12px !default;
310
316
  $grid-group-ungroupicon-margin-left: -12px !default;
@@ -377,6 +383,7 @@ $grid-freezeline-border: 2px solid !default;
377
383
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
378
384
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
379
385
  $grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
386
+ $grid-cell-focus-border-color: $primary !default;
380
387
  $grid-headercelldiv-fltricon-margin: -5px 20px -5px -5px !default;
381
388
  $grid-headercelldiv-rightalign-fltricon-margin: -5px 20px -5px 8px !default;
382
389
  $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -452,6 +459,8 @@ $grid-group-clone-box-shadow: $shadow !default;
452
459
  $grid-unboundcelldiv-margin: 0 4px !default;
453
460
  $grid-bigger-flmenu-padding: 16px 0 0 !default;
454
461
  $grid-rowcell-wrap-height: 21px !default;
462
+ $grid-rowcell-autofill-top-height: 19px !default;
463
+ $grid-rowcell-autofill-top-bottom-height: 17px !default;
455
464
  $grid-rowcell-wrap-max-height: 36px !default;
456
465
  $grid-bigger-fltr-sortnumber-rightalign-margin: 1px 4px 0 4px !default;
457
466
  $grid-bigger-sortnumber-rightalign-margin: 1px 4px 0 20px !default;
@@ -462,6 +471,8 @@ $grid-rtl-searchclear: 0 !default;
462
471
  $grid-column-chosser-searchdiv-top: -41px !default;
463
472
  $grid-reorderarrow-font-size: 10px !default;
464
473
  $grid-bigger-wrap-line-height: 24px !default;
474
+ $grid-bigger-wrap-autofill-top-line-height: 22px !default;
475
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
465
476
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
466
477
  $grid-bigger-draganddrop-clone-padding: 0 !default;
467
478
  $grouped-bigger-text-font-size: 16px !default;
package/styles/grid/_highcontrast-definition.scss CHANGED
@@ -11,6 +11,8 @@ $grid-vertical-border-size: $border-size !default;
11
11
  $grid-horizontal-border-size: $border-size !default;
12
12
  $grid-font-family: $font-family !default;
13
13
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
14
+ $grid-frozen-shadow-background-color: rgba(95, 87, 87, .16) !default;
15
+ $grid-frozen-row-shadow-background-color: rgba(95, 87, 87, .26) !default;
14
16
 
15
17
  $grid-header-font-size: 14px !default;
16
18
  $grid-bigger-header-font-size: $grid-header-font-size !default;
@@ -182,6 +184,8 @@ $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
182
184
  $grid-sortnumber-border-radius: 55% !default;
183
185
  $grid-rowcell-broder-width: 1px 0 0 !default;
184
186
  $grid-rowcell-line-height: 21px !default;
187
+ $grid-rowcell-autofill-top-line-height: 19px !default;
188
+ $grid-rowcell-autofill-top-bottom-line-height: 17px !default;
185
189
  $group-row-bg-color: $bg-base-10 !default;
186
190
  $grid-summary-template-row-bg-color: $bg-base-10 !default;
187
191
  $grid-summary-row-bg-color: $bg-base-10 !default;
@@ -302,6 +306,8 @@ $grid-bigger-header-first-last-cell-padding: round($grid-header-first-last-cell-
302
306
  $grid-bigger-content-padding: round($grid-content-padding*1.25) !default;
303
307
  $grid-bigger-content-right-padding: round($grid-content-right-padding*1.25) !default;
304
308
  $grid-bigger-rowcell-line-height: round($grid-rowcell-line-height*1.25) !default;
309
+ $grid-bigger-rowcell-autofill-top-line-height: 24px !default;
310
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 22px !default;
305
311
  $grid-bigger-first-last-rowcell-padding: round($grid-first-last-rowcell-padding*1.25) !default;
306
312
  $grid-bigger-group-line-height: round($grid-group-height*1.25) !default;
307
313
  $grid-bigger-filterbarcell-text-input: 40px !default;
@@ -367,6 +373,7 @@ $grid-fltrdiv-margin: -24px -7px !default;
367
373
  $grid-rtl-fltrdiv-margin: -18px -7px !default;
368
374
  $grid-rtl-bigger-fltrdiv-margin: -19px -7px !default;
369
375
  $grid-cell-focus-shadow: 0 0 0 1px $border-default inset !default;
376
+ $grid-cell-focus-border-color: $border-default !default;
370
377
 
371
378
  $grid-filtered-color: $selection-bg !default;
372
379
  $grid-autofill-color: $selection-bg !default;
@@ -478,6 +485,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
478
485
  $grid-unboundcelldiv-margin: 0 3.5px !default;
479
486
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
480
487
  $grid-rowcell-wrap-height: 18px !default;
488
+ $grid-rowcell-autofill-top-height: 16px !default;
489
+ $grid-rowcell-autofill-top-bottom-height: 14px !default;
481
490
  $grid-rowcell-wrap-max-height: 36px !default;
482
491
  $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
483
492
  $grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
@@ -488,6 +497,8 @@ $grid-rtl-searchclear: 0 !default;
488
497
  $grid-column-chosser-searchdiv-top: -46px !default;
489
498
  $grid-reorderarrow-font-size: 8px !default;
490
499
  $grid-bigger-wrap-line-height: 18px !default;
500
+ $grid-bigger-wrap-autofill-top-line-height: 16px !default;
501
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 14px !default;
491
502
  $grid-bigger-clone-padding: $grid-clone-padding !default;
492
503
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
493
504
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
package/styles/grid/_highcontrast-light-definition.scss CHANGED
@@ -11,6 +11,8 @@ $grid-vertical-border-size: $border-size !default;
11
11
  $grid-horizontal-border-size: $border-size !default;
12
12
  $grid-font-family: $font-family !default;
13
13
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
14
+ $grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
15
+ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
14
16
 
15
17
  $grid-header-font-size: 14px !default;
16
18
  $grid-bigger-header-font-size: $grid-header-font-size !default;
@@ -178,6 +180,10 @@ $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
178
180
  $grid-sortnumber-border-radius: 55% !default;
179
181
  $grid-rowcell-broder-width: 1px 0 0 !default;
180
182
  $grid-rowcell-line-height: 21px !default;
183
+ $grid-bigger-rowcell-autofill-top-line-height: 19px !default;
184
+ $grid-bigger-rowcell-autofill-top-bottom-line-height: 17px !default;
185
+ $grid-rowcell-autofill-top-line-height: 19px !default;
186
+ $grid-rowcell-autofill-top-bottom-line-height: 17px !default;
181
187
  $group-row-bg-color: $bg-base-10 !default;
182
188
  $grid-summary-template-row-bg-color: $bg-base-10 !default;
183
189
  $grid-summary-row-bg-color: $bg-base-10 !default;
@@ -363,6 +369,7 @@ $grid-fltrdiv-margin: -24px -7px !default;
363
369
  $grid-rtl-fltrdiv-margin: -18px -7px !default;
364
370
  $grid-rtl-bigger-fltrdiv-margin: -18px -33px !default;
365
371
  $grid-cell-focus-shadow: 0 0 0 1px $border-default inset !default;
372
+ $grid-cell-focus-border-color: $border-default !default;
366
373
 
367
374
  $grid-filtered-color: $selection-bg !default;
368
375
  $grid-autofill-color: $selection-bg !default;
@@ -474,6 +481,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
474
481
  $grid-unboundcelldiv-margin: 0 3.5px !default;
475
482
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
476
483
  $grid-rowcell-wrap-height: 18px !default;
484
+ $grid-rowcell-autofill-top-height: 16px !default;
485
+ $grid-rowcell-autofill-top-bottom-height: 14px !default;
477
486
  $grid-rowcell-wrap-max-height: 36px !default;
478
487
  $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
479
488
  $grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
@@ -484,6 +493,8 @@ $grid-rtl-searchclear: 0 !default;
484
493
  $grid-column-chosser-searchdiv-top: -46px !default;
485
494
  $grid-reorderarrow-font-size: 8px !default;
486
495
  $grid-bigger-wrap-line-height: 18px !default;
496
+ $grid-bigger-wrap-autofill-top-line-height: 16px !default;
497
+ $grid-bigger-wrap-autofill-top-bottom-line-height: 14px !default;
487
498
  $grid-bigger-clone-padding: $grid-clone-padding !default;
488
499
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
489
500
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;