@syncfusion/blazor-themes 24.2.3 → 24.2.4

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 (97) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +34 -8
  2. package/SCSS-Themes/bootstrap.scss +32 -6
  3. package/SCSS-Themes/bootstrap4.scss +34 -8
  4. package/SCSS-Themes/bootstrap5-dark.scss +32 -6
  5. package/SCSS-Themes/bootstrap5.scss +32 -6
  6. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +3 -3
  7. package/SCSS-Themes/calendars/calendar/bootstrap.scss +1 -1
  8. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +3 -3
  9. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +1 -1
  10. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +1 -1
  11. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  12. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  13. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +1 -1
  14. package/SCSS-Themes/calendars/calendar/fluent.scss +1 -1
  15. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  16. package/SCSS-Themes/calendars/calendar/material-dark.scss +2 -2
  17. package/SCSS-Themes/calendars/calendar/material.scss +2 -2
  18. package/SCSS-Themes/calendars/calendar/material3-dark.scss +2 -2
  19. package/SCSS-Themes/calendars/calendar/material3.scss +2 -2
  20. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +1 -1
  21. package/SCSS-Themes/calendars/calendar/tailwind.scss +1 -1
  22. package/SCSS-Themes/fabric-dark.scss +32 -6
  23. package/SCSS-Themes/fabric.scss +32 -6
  24. package/SCSS-Themes/fluent-dark.scss +32 -6
  25. package/SCSS-Themes/fluent.scss +32 -6
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -0
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +11 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +11 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +11 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +11 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +11 -0
  37. package/SCSS-Themes/grids/grid/material.scss +11 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +11 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +11 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +11 -0
  42. package/SCSS-Themes/highcontrast.scss +32 -6
  43. package/SCSS-Themes/inputs/data-form/bootstrap-dark.scss +13 -2
  44. package/SCSS-Themes/inputs/data-form/bootstrap.scss +13 -2
  45. package/SCSS-Themes/inputs/data-form/bootstrap4.scss +13 -2
  46. package/SCSS-Themes/inputs/data-form/bootstrap5-dark.scss +13 -2
  47. package/SCSS-Themes/inputs/data-form/bootstrap5.scss +13 -2
  48. package/SCSS-Themes/inputs/data-form/fabric-dark.scss +13 -2
  49. package/SCSS-Themes/inputs/data-form/fabric.scss +13 -2
  50. package/SCSS-Themes/inputs/data-form/fluent-dark.scss +13 -2
  51. package/SCSS-Themes/inputs/data-form/fluent.scss +13 -2
  52. package/SCSS-Themes/inputs/data-form/highcontrast.scss +13 -2
  53. package/SCSS-Themes/inputs/data-form/material-dark.scss +13 -2
  54. package/SCSS-Themes/inputs/data-form/material.scss +13 -2
  55. package/SCSS-Themes/inputs/data-form/material3-dark.scss +13 -2
  56. package/SCSS-Themes/inputs/data-form/material3.scss +13 -2
  57. package/SCSS-Themes/inputs/data-form/tailwind-dark.scss +13 -2
  58. package/SCSS-Themes/inputs/data-form/tailwind.scss +13 -2
  59. package/SCSS-Themes/material-dark.scss +33 -7
  60. package/SCSS-Themes/material.scss +33 -7
  61. package/SCSS-Themes/material3-dark.scss +33 -7
  62. package/SCSS-Themes/material3.scss +33 -7
  63. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +6 -1
  64. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +6 -1
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +6 -1
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +6 -1
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +6 -1
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +6 -1
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +6 -1
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +6 -1
  71. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +6 -1
  72. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +6 -1
  73. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +6 -1
  74. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +6 -1
  75. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +6 -1
  76. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +6 -1
  77. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +6 -1
  78. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +6 -1
  79. package/SCSS-Themes/tailwind-dark.scss +32 -6
  80. package/SCSS-Themes/tailwind.scss +32 -6
  81. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +1 -2
  82. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +1 -2
  83. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +1 -2
  84. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +1 -2
  85. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +1 -2
  86. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +1 -2
  87. package/SCSS-Themes/treegrid/treegrid/fabric.scss +1 -2
  88. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +1 -2
  89. package/SCSS-Themes/treegrid/treegrid/fluent.scss +1 -2
  90. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +1 -2
  91. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +1 -2
  92. package/SCSS-Themes/treegrid/treegrid/material.scss +1 -2
  93. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +1 -2
  94. package/SCSS-Themes/treegrid/treegrid/material3.scss +1 -2
  95. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +1 -2
  96. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +1 -2
  97. package/package.json +1 -1
@@ -27271,7 +27271,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
27271
27271
  color: $calendar-today-disabled-color;
27272
27272
  }
27273
27273
  }
27274
- .e-calendar .e-cell.e-focused-cell {
27274
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
27275
27275
  box-shadow: $calendar-focused-cell-box-shadow;
27276
27276
  border-radius: $calendar-border-radius;
27277
27277
  }
@@ -80485,6 +80485,8 @@ margin: $grid-group-animator-cell-margin;
80485
80485
  }
80486
80486
 
80487
80487
  &.e-lib .e-leftfreeze,
80488
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
80489
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
80488
80490
  &.e-lib .e-rightfreeze,
80489
80491
  .e-leftfreeze,
80490
80492
  .e-rightfreeze {
@@ -80493,6 +80495,7 @@ margin: $grid-group-animator-cell-margin;
80493
80495
  }
80494
80496
 
80495
80497
  &.e-lib .e-fixedfreeze,
80498
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
80496
80499
  .e-fixedfreeze {
80497
80500
  position: sticky;
80498
80501
  z-index: 3;
@@ -80553,6 +80556,7 @@ margin: $grid-group-animator-cell-margin;
80553
80556
  overflow-x: hidden;
80554
80557
  }
80555
80558
 
80559
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80556
80560
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80557
80561
  .e-leftfreeze.e-freezeleftborder {
80558
80562
  border-right-width: 2px;
@@ -80584,6 +80588,7 @@ margin: $grid-group-animator-cell-margin;
80584
80588
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
80585
80589
  }
80586
80590
 
80591
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80587
80592
  &.e-lib .e-rightfreeze.e-freezerightborder,
80588
80593
  .e-rightfreeze.e-freezerightborder {
80589
80594
  border-left-width: 2px;
@@ -80615,11 +80620,13 @@ margin: $grid-group-animator-cell-margin;
80615
80620
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
80616
80621
  }
80617
80622
 
80623
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80618
80624
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80619
80625
  .e-fixedfreeze.e-freezeleftborder {
80620
80626
  border-left-width: 1px;
80621
80627
  }
80622
80628
 
80629
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80623
80630
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80624
80631
  .e-fixedfreeze.e-freezerightborder {
80625
80632
  border-right-width: 1px;
@@ -80758,21 +80765,25 @@ margin: $grid-group-animator-cell-margin;
80758
80765
  }
80759
80766
  }
80760
80767
 
80768
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
80761
80769
  &.e-lib .e-leftfreeze.e-freezeleftborder,
80762
80770
  .e-leftfreeze.e-freezeleftborder {
80763
80771
  border-left-width: 2px;
80764
80772
  }
80765
80773
 
80774
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
80766
80775
  &.e-lib .e-rightfreeze.e-freezerightborder,
80767
80776
  .e-rightfreeze.e-freezerightborder {
80768
80777
  border-right-width: 2px;
80769
80778
  }
80770
80779
 
80780
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
80771
80781
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
80772
80782
  .e-fixedfreeze.e-freezeleftborder {
80773
80783
  border-right-width: 1px;
80774
80784
  }
80775
80785
 
80786
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
80776
80787
  &.e-lib .e-fixedfreeze.e-freezerightborder,
80777
80788
  .e-fixedfreeze.e-freezerightborder {
80778
80789
  border-left-width: 1px;
@@ -86975,50 +86986,63 @@ $form-button-padding: 7px 16px !default;
86975
86986
  display: grid;
86976
86987
  }
86977
86988
 
86989
+ /* stylelint-disable property-no-vendor-prefix */
86978
86990
  #{if(&, '&', '*')} .e-grid-col-2 {
86991
+ -ms-grid-columns: repeat(2, 1fr);
86979
86992
  grid-template-columns: repeat(2, minmax(0, 1fr));
86980
86993
  }
86981
86994
 
86982
86995
  #{if(&, '&', '*')} .e-grid-col-3 {
86996
+ -ms-grid-columns: repeat(3, 1fr);
86983
86997
  grid-template-columns: repeat(3, minmax(0, 1fr));
86984
86998
  }
86985
86999
 
86986
87000
  #{if(&, '&', '*')} .e-grid-col-4 {
87001
+ -ms-grid-columns: repeat(4, 1fr);
86987
87002
  grid-template-columns: repeat(4, minmax(0, 1fr));
86988
87003
  }
86989
87004
 
86990
87005
  #{if(&, '&', '*')} .e-grid-col-5 {
87006
+ -ms-grid-columns: repeat(5, 1fr);
86991
87007
  grid-template-columns: repeat(5, minmax(0, 1fr));
86992
87008
  }
86993
87009
 
86994
87010
  #{if(&, '&', '*')} .e-grid-col-6 {
87011
+ -ms-grid-columns: repeat(6, 1fr);
86995
87012
  grid-template-columns: repeat(6, minmax(0, 1fr));
86996
87013
  }
86997
87014
 
86998
87015
  #{if(&, '&', '*')} .e-grid-col-7 {
87016
+ -ms-grid-columns: repeat(7, 1fr);
86999
87017
  grid-template-columns: repeat(7, minmax(0, 1fr));
87000
87018
  }
87001
87019
 
87002
87020
  #{if(&, '&', '*')} .e-grid-col-8 {
87021
+ -ms-grid-columns: repeat(8, 1fr);
87003
87022
  grid-template-columns: repeat(8, minmax(0, 1fr));
87004
87023
  }
87005
87024
 
87006
87025
  #{if(&, '&', '*')} .e-grid-col-9 {
87026
+ -ms-grid-columns: repeat(9, 1fr);
87007
87027
  grid-template-columns: repeat(9, minmax(0, 1fr));
87008
87028
  }
87009
87029
 
87010
87030
  #{if(&, '&', '*')} .e-grid-col-10 {
87031
+ -ms-grid-columns: repeat(10, 1fr);
87011
87032
  grid-template-columns: repeat(10, minmax(0, 1fr));
87012
87033
  }
87013
87034
 
87014
87035
  #{if(&, '&', '*')} .e-grid-col-11 {
87036
+ -ms-grid-columns: repeat(11, 1fr);
87015
87037
  grid-template-columns: repeat(11, minmax(0, 1fr));
87016
87038
  }
87017
87039
 
87018
87040
  #{if(&, '&', '*')} .e-grid-col-12 {
87041
+ -ms-grid-columns: repeat(12, 1fr);
87019
87042
  grid-template-columns: repeat(12, minmax(0, 1fr));
87020
87043
  }
87021
87044
 
87045
+ /* stylelint-enable property-no-vendor-prefix */
87022
87046
  #{if(&, '&', '*')} .e-colspan-1 {
87023
87047
  grid-column: span 1/span 1;
87024
87048
  }
@@ -87067,8 +87091,6 @@ $form-button-padding: 7px 16px !default;
87067
87091
  grid-column: span 12/span 12;
87068
87092
  }
87069
87093
 
87070
-
87071
-
87072
87094
  .e-label-left {
87073
87095
 
87074
87096
  .e-form-item-wrapper {
@@ -87501,8 +87523,7 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
87501
87523
  .e-gridcontent .e-table .e-detail-intent,
87502
87524
  .e-table .e-detailrow .e-detailindentcell,
87503
87525
  .e-table .e-detailrowexpand,
87504
- .e-table .e-detailrowcollapse,
87505
- .e-filterbarcell.e-mastercell {
87526
+ .e-table .e-detailrowcollapse {
87506
87527
  display: none;
87507
87528
  }
87508
87529
 
@@ -92031,7 +92052,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92031
92052
 
92032
92053
  @if $skin-name == 'Material3' {
92033
92054
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
92034
- border-color: $outline;
92055
+ font-weight: $font-weight;
92056
+ border: 1px solid rgba($info-outline-border);
92057
+ border-radius: 20px;
92035
92058
  }
92036
92059
  .e-dialog .e-dlg-header-content + .e-dlg-content{
92037
92060
  padding-top: 0;
@@ -93019,6 +93042,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
93019
93042
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
93020
93043
  border-top-right-radius: $rte-border-top-right-radius;
93021
93044
  }
93045
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
93046
+ color: $rte-content-color;
93047
+ }
93022
93048
  }
93023
93049
  // Blazor styles start
93024
93050
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -4080,6 +4080,8 @@ margin: $grid-group-animator-cell-margin;
4080
4080
  }
4081
4081
 
4082
4082
  &.e-lib .e-leftfreeze,
4083
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4084
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4083
4085
  &.e-lib .e-rightfreeze,
4084
4086
  .e-leftfreeze,
4085
4087
  .e-rightfreeze {
@@ -4088,6 +4090,7 @@ margin: $grid-group-animator-cell-margin;
4088
4090
  }
4089
4091
 
4090
4092
  &.e-lib .e-fixedfreeze,
4093
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4091
4094
  .e-fixedfreeze {
4092
4095
  position: sticky;
4093
4096
  z-index: 3;
@@ -4148,6 +4151,7 @@ margin: $grid-group-animator-cell-margin;
4148
4151
  overflow-x: hidden;
4149
4152
  }
4150
4153
 
4154
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4151
4155
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4152
4156
  .e-leftfreeze.e-freezeleftborder {
4153
4157
  border-right-width: 2px;
@@ -4179,6 +4183,7 @@ margin: $grid-group-animator-cell-margin;
4179
4183
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4180
4184
  }
4181
4185
 
4186
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4182
4187
  &.e-lib .e-rightfreeze.e-freezerightborder,
4183
4188
  .e-rightfreeze.e-freezerightborder {
4184
4189
  border-left-width: 2px;
@@ -4210,11 +4215,13 @@ margin: $grid-group-animator-cell-margin;
4210
4215
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4211
4216
  }
4212
4217
 
4218
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4213
4219
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4214
4220
  .e-fixedfreeze.e-freezeleftborder {
4215
4221
  border-left-width: 1px;
4216
4222
  }
4217
4223
 
4224
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4218
4225
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4219
4226
  .e-fixedfreeze.e-freezerightborder {
4220
4227
  border-right-width: 1px;
@@ -4353,21 +4360,25 @@ margin: $grid-group-animator-cell-margin;
4353
4360
  }
4354
4361
  }
4355
4362
 
4363
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4356
4364
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4357
4365
  .e-leftfreeze.e-freezeleftborder {
4358
4366
  border-left-width: 2px;
4359
4367
  }
4360
4368
 
4369
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4361
4370
  &.e-lib .e-rightfreeze.e-freezerightborder,
4362
4371
  .e-rightfreeze.e-freezerightborder {
4363
4372
  border-right-width: 2px;
4364
4373
  }
4365
4374
 
4375
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4366
4376
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4367
4377
  .e-fixedfreeze.e-freezeleftborder {
4368
4378
  border-right-width: 1px;
4369
4379
  }
4370
4380
 
4381
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4371
4382
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4372
4383
  .e-fixedfreeze.e-freezerightborder {
4373
4384
  border-left-width: 1px;
@@ -4082,6 +4082,8 @@ margin: $grid-group-animator-cell-margin;
4082
4082
  }
4083
4083
 
4084
4084
  &.e-lib .e-leftfreeze,
4085
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4086
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4085
4087
  &.e-lib .e-rightfreeze,
4086
4088
  .e-leftfreeze,
4087
4089
  .e-rightfreeze {
@@ -4090,6 +4092,7 @@ margin: $grid-group-animator-cell-margin;
4090
4092
  }
4091
4093
 
4092
4094
  &.e-lib .e-fixedfreeze,
4095
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4093
4096
  .e-fixedfreeze {
4094
4097
  position: sticky;
4095
4098
  z-index: 3;
@@ -4150,6 +4153,7 @@ margin: $grid-group-animator-cell-margin;
4150
4153
  overflow-x: hidden;
4151
4154
  }
4152
4155
 
4156
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4153
4157
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4154
4158
  .e-leftfreeze.e-freezeleftborder {
4155
4159
  border-right-width: 2px;
@@ -4181,6 +4185,7 @@ margin: $grid-group-animator-cell-margin;
4181
4185
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4182
4186
  }
4183
4187
 
4188
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4184
4189
  &.e-lib .e-rightfreeze.e-freezerightborder,
4185
4190
  .e-rightfreeze.e-freezerightborder {
4186
4191
  border-left-width: 2px;
@@ -4212,11 +4217,13 @@ margin: $grid-group-animator-cell-margin;
4212
4217
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4213
4218
  }
4214
4219
 
4220
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4215
4221
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4216
4222
  .e-fixedfreeze.e-freezeleftborder {
4217
4223
  border-left-width: 1px;
4218
4224
  }
4219
4225
 
4226
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4220
4227
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4221
4228
  .e-fixedfreeze.e-freezerightborder {
4222
4229
  border-right-width: 1px;
@@ -4355,21 +4362,25 @@ margin: $grid-group-animator-cell-margin;
4355
4362
  }
4356
4363
  }
4357
4364
 
4365
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4358
4366
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4359
4367
  .e-leftfreeze.e-freezeleftborder {
4360
4368
  border-left-width: 2px;
4361
4369
  }
4362
4370
 
4371
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4363
4372
  &.e-lib .e-rightfreeze.e-freezerightborder,
4364
4373
  .e-rightfreeze.e-freezerightborder {
4365
4374
  border-right-width: 2px;
4366
4375
  }
4367
4376
 
4377
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4368
4378
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4369
4379
  .e-fixedfreeze.e-freezeleftborder {
4370
4380
  border-right-width: 1px;
4371
4381
  }
4372
4382
 
4383
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4373
4384
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4374
4385
  .e-fixedfreeze.e-freezerightborder {
4375
4386
  border-left-width: 1px;
@@ -4087,6 +4087,8 @@ margin: $grid-group-animator-cell-margin;
4087
4087
  }
4088
4088
 
4089
4089
  &.e-lib .e-leftfreeze,
4090
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4091
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4090
4092
  &.e-lib .e-rightfreeze,
4091
4093
  .e-leftfreeze,
4092
4094
  .e-rightfreeze {
@@ -4095,6 +4097,7 @@ margin: $grid-group-animator-cell-margin;
4095
4097
  }
4096
4098
 
4097
4099
  &.e-lib .e-fixedfreeze,
4100
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4098
4101
  .e-fixedfreeze {
4099
4102
  position: sticky;
4100
4103
  z-index: 3;
@@ -4155,6 +4158,7 @@ margin: $grid-group-animator-cell-margin;
4155
4158
  overflow-x: hidden;
4156
4159
  }
4157
4160
 
4161
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4158
4162
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4159
4163
  .e-leftfreeze.e-freezeleftborder {
4160
4164
  border-right-width: 2px;
@@ -4186,6 +4190,7 @@ margin: $grid-group-animator-cell-margin;
4186
4190
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4187
4191
  }
4188
4192
 
4193
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4189
4194
  &.e-lib .e-rightfreeze.e-freezerightborder,
4190
4195
  .e-rightfreeze.e-freezerightborder {
4191
4196
  border-left-width: 2px;
@@ -4217,11 +4222,13 @@ margin: $grid-group-animator-cell-margin;
4217
4222
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4218
4223
  }
4219
4224
 
4225
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4220
4226
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4221
4227
  .e-fixedfreeze.e-freezeleftborder {
4222
4228
  border-left-width: 1px;
4223
4229
  }
4224
4230
 
4231
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4225
4232
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4226
4233
  .e-fixedfreeze.e-freezerightborder {
4227
4234
  border-right-width: 1px;
@@ -4360,21 +4367,25 @@ margin: $grid-group-animator-cell-margin;
4360
4367
  }
4361
4368
  }
4362
4369
 
4370
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4363
4371
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4364
4372
  .e-leftfreeze.e-freezeleftborder {
4365
4373
  border-left-width: 2px;
4366
4374
  }
4367
4375
 
4376
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4368
4377
  &.e-lib .e-rightfreeze.e-freezerightborder,
4369
4378
  .e-rightfreeze.e-freezerightborder {
4370
4379
  border-right-width: 2px;
4371
4380
  }
4372
4381
 
4382
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4373
4383
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4374
4384
  .e-fixedfreeze.e-freezeleftborder {
4375
4385
  border-right-width: 1px;
4376
4386
  }
4377
4387
 
4388
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4378
4389
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4379
4390
  .e-fixedfreeze.e-freezerightborder {
4380
4391
  border-left-width: 1px;
@@ -4080,6 +4080,8 @@ margin: $grid-group-animator-cell-margin;
4080
4080
  }
4081
4081
 
4082
4082
  &.e-lib .e-leftfreeze,
4083
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4084
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4083
4085
  &.e-lib .e-rightfreeze,
4084
4086
  .e-leftfreeze,
4085
4087
  .e-rightfreeze {
@@ -4088,6 +4090,7 @@ margin: $grid-group-animator-cell-margin;
4088
4090
  }
4089
4091
 
4090
4092
  &.e-lib .e-fixedfreeze,
4093
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4091
4094
  .e-fixedfreeze {
4092
4095
  position: sticky;
4093
4096
  z-index: 3;
@@ -4148,6 +4151,7 @@ margin: $grid-group-animator-cell-margin;
4148
4151
  overflow-x: hidden;
4149
4152
  }
4150
4153
 
4154
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4151
4155
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4152
4156
  .e-leftfreeze.e-freezeleftborder {
4153
4157
  border-right-width: 2px;
@@ -4179,6 +4183,7 @@ margin: $grid-group-animator-cell-margin;
4179
4183
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4180
4184
  }
4181
4185
 
4186
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4182
4187
  &.e-lib .e-rightfreeze.e-freezerightborder,
4183
4188
  .e-rightfreeze.e-freezerightborder {
4184
4189
  border-left-width: 2px;
@@ -4210,11 +4215,13 @@ margin: $grid-group-animator-cell-margin;
4210
4215
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4211
4216
  }
4212
4217
 
4218
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4213
4219
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4214
4220
  .e-fixedfreeze.e-freezeleftborder {
4215
4221
  border-left-width: 1px;
4216
4222
  }
4217
4223
 
4224
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4218
4225
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4219
4226
  .e-fixedfreeze.e-freezerightborder {
4220
4227
  border-right-width: 1px;
@@ -4353,21 +4360,25 @@ margin: $grid-group-animator-cell-margin;
4353
4360
  }
4354
4361
  }
4355
4362
 
4363
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4356
4364
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4357
4365
  .e-leftfreeze.e-freezeleftborder {
4358
4366
  border-left-width: 2px;
4359
4367
  }
4360
4368
 
4369
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4361
4370
  &.e-lib .e-rightfreeze.e-freezerightborder,
4362
4371
  .e-rightfreeze.e-freezerightborder {
4363
4372
  border-right-width: 2px;
4364
4373
  }
4365
4374
 
4375
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4366
4376
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4367
4377
  .e-fixedfreeze.e-freezeleftborder {
4368
4378
  border-right-width: 1px;
4369
4379
  }
4370
4380
 
4381
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4371
4382
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4372
4383
  .e-fixedfreeze.e-freezerightborder {
4373
4384
  border-left-width: 1px;
@@ -4080,6 +4080,8 @@ margin: $grid-group-animator-cell-margin;
4080
4080
  }
4081
4081
 
4082
4082
  &.e-lib .e-leftfreeze,
4083
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4084
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4083
4085
  &.e-lib .e-rightfreeze,
4084
4086
  .e-leftfreeze,
4085
4087
  .e-rightfreeze {
@@ -4088,6 +4090,7 @@ margin: $grid-group-animator-cell-margin;
4088
4090
  }
4089
4091
 
4090
4092
  &.e-lib .e-fixedfreeze,
4093
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4091
4094
  .e-fixedfreeze {
4092
4095
  position: sticky;
4093
4096
  z-index: 3;
@@ -4148,6 +4151,7 @@ margin: $grid-group-animator-cell-margin;
4148
4151
  overflow-x: hidden;
4149
4152
  }
4150
4153
 
4154
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4151
4155
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4152
4156
  .e-leftfreeze.e-freezeleftborder {
4153
4157
  border-right-width: 2px;
@@ -4179,6 +4183,7 @@ margin: $grid-group-animator-cell-margin;
4179
4183
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4180
4184
  }
4181
4185
 
4186
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4182
4187
  &.e-lib .e-rightfreeze.e-freezerightborder,
4183
4188
  .e-rightfreeze.e-freezerightborder {
4184
4189
  border-left-width: 2px;
@@ -4210,11 +4215,13 @@ margin: $grid-group-animator-cell-margin;
4210
4215
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4211
4216
  }
4212
4217
 
4218
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4213
4219
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4214
4220
  .e-fixedfreeze.e-freezeleftborder {
4215
4221
  border-left-width: 1px;
4216
4222
  }
4217
4223
 
4224
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4218
4225
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4219
4226
  .e-fixedfreeze.e-freezerightborder {
4220
4227
  border-right-width: 1px;
@@ -4353,21 +4360,25 @@ margin: $grid-group-animator-cell-margin;
4353
4360
  }
4354
4361
  }
4355
4362
 
4363
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4356
4364
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4357
4365
  .e-leftfreeze.e-freezeleftborder {
4358
4366
  border-left-width: 2px;
4359
4367
  }
4360
4368
 
4369
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4361
4370
  &.e-lib .e-rightfreeze.e-freezerightborder,
4362
4371
  .e-rightfreeze.e-freezerightborder {
4363
4372
  border-right-width: 2px;
4364
4373
  }
4365
4374
 
4375
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4366
4376
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4367
4377
  .e-fixedfreeze.e-freezeleftborder {
4368
4378
  border-right-width: 1px;
4369
4379
  }
4370
4380
 
4381
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4371
4382
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4372
4383
  .e-fixedfreeze.e-freezerightborder {
4373
4384
  border-left-width: 1px;
@@ -4077,6 +4077,8 @@ margin: $grid-group-animator-cell-margin;
4077
4077
  }
4078
4078
 
4079
4079
  &.e-lib .e-leftfreeze,
4080
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4081
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4080
4082
  &.e-lib .e-rightfreeze,
4081
4083
  .e-leftfreeze,
4082
4084
  .e-rightfreeze {
@@ -4085,6 +4087,7 @@ margin: $grid-group-animator-cell-margin;
4085
4087
  }
4086
4088
 
4087
4089
  &.e-lib .e-fixedfreeze,
4090
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4088
4091
  .e-fixedfreeze {
4089
4092
  position: sticky;
4090
4093
  z-index: 3;
@@ -4145,6 +4148,7 @@ margin: $grid-group-animator-cell-margin;
4145
4148
  overflow-x: hidden;
4146
4149
  }
4147
4150
 
4151
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4148
4152
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4149
4153
  .e-leftfreeze.e-freezeleftborder {
4150
4154
  border-right-width: 2px;
@@ -4176,6 +4180,7 @@ margin: $grid-group-animator-cell-margin;
4176
4180
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4177
4181
  }
4178
4182
 
4183
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4179
4184
  &.e-lib .e-rightfreeze.e-freezerightborder,
4180
4185
  .e-rightfreeze.e-freezerightborder {
4181
4186
  border-left-width: 2px;
@@ -4207,11 +4212,13 @@ margin: $grid-group-animator-cell-margin;
4207
4212
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4208
4213
  }
4209
4214
 
4215
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4210
4216
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4211
4217
  .e-fixedfreeze.e-freezeleftborder {
4212
4218
  border-left-width: 1px;
4213
4219
  }
4214
4220
 
4221
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4215
4222
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4216
4223
  .e-fixedfreeze.e-freezerightborder {
4217
4224
  border-right-width: 1px;
@@ -4350,21 +4357,25 @@ margin: $grid-group-animator-cell-margin;
4350
4357
  }
4351
4358
  }
4352
4359
 
4360
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4353
4361
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4354
4362
  .e-leftfreeze.e-freezeleftborder {
4355
4363
  border-left-width: 2px;
4356
4364
  }
4357
4365
 
4366
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4358
4367
  &.e-lib .e-rightfreeze.e-freezerightborder,
4359
4368
  .e-rightfreeze.e-freezerightborder {
4360
4369
  border-right-width: 2px;
4361
4370
  }
4362
4371
 
4372
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4363
4373
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4364
4374
  .e-fixedfreeze.e-freezeleftborder {
4365
4375
  border-right-width: 1px;
4366
4376
  }
4367
4377
 
4378
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4368
4379
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4369
4380
  .e-fixedfreeze.e-freezerightborder {
4370
4381
  border-left-width: 1px;
@@ -4077,6 +4077,8 @@ margin: $grid-group-animator-cell-margin;
4077
4077
  }
4078
4078
 
4079
4079
  &.e-lib .e-leftfreeze,
4080
+ &.e-lib.e-grid .e-headercell.e-leftfreeze,
4081
+ &.e-lib.e-grid .e-headercell.e-rightfreeze,
4080
4082
  &.e-lib .e-rightfreeze,
4081
4083
  .e-leftfreeze,
4082
4084
  .e-rightfreeze {
@@ -4085,6 +4087,7 @@ margin: $grid-group-animator-cell-margin;
4085
4087
  }
4086
4088
 
4087
4089
  &.e-lib .e-fixedfreeze,
4090
+ &.e-lib.e-grid .e-headercell.e-fixedfreeze,
4088
4091
  .e-fixedfreeze {
4089
4092
  position: sticky;
4090
4093
  z-index: 3;
@@ -4145,6 +4148,7 @@ margin: $grid-group-animator-cell-margin;
4145
4148
  overflow-x: hidden;
4146
4149
  }
4147
4150
 
4151
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4148
4152
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4149
4153
  .e-leftfreeze.e-freezeleftborder {
4150
4154
  border-right-width: 2px;
@@ -4176,6 +4180,7 @@ margin: $grid-group-animator-cell-margin;
4176
4180
  box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
4177
4181
  }
4178
4182
 
4183
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4179
4184
  &.e-lib .e-rightfreeze.e-freezerightborder,
4180
4185
  .e-rightfreeze.e-freezerightborder {
4181
4186
  border-left-width: 2px;
@@ -4207,11 +4212,13 @@ margin: $grid-group-animator-cell-margin;
4207
4212
  box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
4208
4213
  }
4209
4214
 
4215
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4210
4216
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4211
4217
  .e-fixedfreeze.e-freezeleftborder {
4212
4218
  border-left-width: 1px;
4213
4219
  }
4214
4220
 
4221
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4215
4222
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4216
4223
  .e-fixedfreeze.e-freezerightborder {
4217
4224
  border-right-width: 1px;
@@ -4350,21 +4357,25 @@ margin: $grid-group-animator-cell-margin;
4350
4357
  }
4351
4358
  }
4352
4359
 
4360
+ &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
4353
4361
  &.e-lib .e-leftfreeze.e-freezeleftborder,
4354
4362
  .e-leftfreeze.e-freezeleftborder {
4355
4363
  border-left-width: 2px;
4356
4364
  }
4357
4365
 
4366
+ &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
4358
4367
  &.e-lib .e-rightfreeze.e-freezerightborder,
4359
4368
  .e-rightfreeze.e-freezerightborder {
4360
4369
  border-right-width: 2px;
4361
4370
  }
4362
4371
 
4372
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
4363
4373
  &.e-lib .e-fixedfreeze.e-freezeleftborder,
4364
4374
  .e-fixedfreeze.e-freezeleftborder {
4365
4375
  border-right-width: 1px;
4366
4376
  }
4367
4377
 
4378
+ &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
4368
4379
  &.e-lib .e-fixedfreeze.e-freezerightborder,
4369
4380
  .e-fixedfreeze.e-freezerightborder {
4370
4381
  border-left-width: 1px;