@syncfusion/blazor-themes 22.1.39 → 22.2.7

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 (100) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +50 -24
  2. package/SCSS-Themes/bootstrap.scss +50 -24
  3. package/SCSS-Themes/bootstrap4.scss +50 -24
  4. package/SCSS-Themes/bootstrap5-dark.scss +50 -24
  5. package/SCSS-Themes/bootstrap5.scss +50 -24
  6. package/SCSS-Themes/fabric-dark.scss +50 -24
  7. package/SCSS-Themes/fabric.scss +50 -24
  8. package/SCSS-Themes/fluent-dark.scss +50 -24
  9. package/SCSS-Themes/fluent.scss +50 -24
  10. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -2
  11. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -2
  12. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -2
  13. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -2
  14. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -2
  15. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -2
  16. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -2
  17. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -2
  18. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -2
  19. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -2
  20. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -2
  21. package/SCSS-Themes/gantt/gantt/material.scss +1 -2
  22. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -2
  23. package/SCSS-Themes/gantt/gantt/material3.scss +1 -2
  24. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -2
  25. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -2
  26. package/SCSS-Themes/grids/grid/material.scss +2 -2
  27. package/SCSS-Themes/grids/grid/material3-dark.scss +14 -14
  28. package/SCSS-Themes/grids/grid/material3.scss +14 -14
  29. package/SCSS-Themes/highcontrast.scss +50 -24
  30. package/SCSS-Themes/material-dark.scss +50 -24
  31. package/SCSS-Themes/material.scss +52 -26
  32. package/SCSS-Themes/material3-dark.scss +64 -38
  33. package/SCSS-Themes/material3.scss +64 -38
  34. package/SCSS-Themes/navigations/accordion/bootstrap-dark.scss +5 -1
  35. package/SCSS-Themes/navigations/accordion/bootstrap.scss +5 -1
  36. package/SCSS-Themes/navigations/accordion/bootstrap4.scss +5 -1
  37. package/SCSS-Themes/navigations/accordion/bootstrap5-dark.scss +5 -1
  38. package/SCSS-Themes/navigations/accordion/bootstrap5.scss +5 -1
  39. package/SCSS-Themes/navigations/accordion/fabric-dark.scss +5 -1
  40. package/SCSS-Themes/navigations/accordion/fabric.scss +5 -1
  41. package/SCSS-Themes/navigations/accordion/fluent-dark.scss +5 -1
  42. package/SCSS-Themes/navigations/accordion/fluent.scss +5 -1
  43. package/SCSS-Themes/navigations/accordion/highcontrast.scss +5 -1
  44. package/SCSS-Themes/navigations/accordion/material-dark.scss +5 -1
  45. package/SCSS-Themes/navigations/accordion/material.scss +5 -1
  46. package/SCSS-Themes/navigations/accordion/material3-dark.scss +5 -1
  47. package/SCSS-Themes/navigations/accordion/material3.scss +5 -1
  48. package/SCSS-Themes/navigations/accordion/tailwind-dark.scss +5 -1
  49. package/SCSS-Themes/navigations/accordion/tailwind.scss +5 -1
  50. package/SCSS-Themes/navigations/pager/bootstrap-dark.scss +3 -1
  51. package/SCSS-Themes/navigations/pager/bootstrap.scss +3 -1
  52. package/SCSS-Themes/navigations/pager/bootstrap4.scss +3 -1
  53. package/SCSS-Themes/navigations/pager/bootstrap5-dark.scss +3 -1
  54. package/SCSS-Themes/navigations/pager/bootstrap5.scss +3 -1
  55. package/SCSS-Themes/navigations/pager/fabric-dark.scss +3 -1
  56. package/SCSS-Themes/navigations/pager/fabric.scss +3 -1
  57. package/SCSS-Themes/navigations/pager/fluent-dark.scss +3 -1
  58. package/SCSS-Themes/navigations/pager/fluent.scss +3 -1
  59. package/SCSS-Themes/navigations/pager/highcontrast.scss +3 -1
  60. package/SCSS-Themes/navigations/pager/material-dark.scss +3 -1
  61. package/SCSS-Themes/navigations/pager/material.scss +3 -1
  62. package/SCSS-Themes/navigations/pager/material3-dark.scss +3 -1
  63. package/SCSS-Themes/navigations/pager/material3.scss +3 -1
  64. package/SCSS-Themes/navigations/pager/tailwind-dark.scss +3 -1
  65. package/SCSS-Themes/navigations/pager/tailwind.scss +3 -1
  66. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +40 -19
  67. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +40 -19
  68. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +40 -19
  69. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +40 -19
  70. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +40 -19
  71. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +40 -19
  72. package/SCSS-Themes/pivotview/pivotview/fabric.scss +40 -19
  73. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +40 -19
  74. package/SCSS-Themes/pivotview/pivotview/fluent.scss +40 -19
  75. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +40 -19
  76. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +40 -19
  77. package/SCSS-Themes/pivotview/pivotview/material.scss +40 -19
  78. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +40 -19
  79. package/SCSS-Themes/pivotview/pivotview/material3.scss +40 -19
  80. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +40 -19
  81. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +40 -19
  82. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +1 -1
  83. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +1 -1
  84. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +1 -1
  85. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +1 -1
  86. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +1 -1
  87. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +1 -1
  88. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +1 -1
  89. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +1 -1
  90. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +1 -1
  91. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +1 -1
  92. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +1 -1
  93. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +1 -1
  94. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +1 -1
  95. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +1 -1
  96. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +1 -1
  97. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +1 -1
  98. package/SCSS-Themes/tailwind-dark.scss +50 -24
  99. package/SCSS-Themes/tailwind.scss +50 -24
  100. package/package.json +1 -1
@@ -2723,7 +2723,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2723
2723
  color: $acrdn-icon-color;
2724
2724
  }
2725
2725
  }
2726
-
2726
+ &.e-select.e-selected > .e-acrdn-header {
2727
+ &:focus {
2728
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2729
+ }
2730
+ }
2727
2731
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2728
2732
 
2729
2733
  &:focus {
@@ -31273,7 +31277,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
31273
31277
 
31274
31278
  &:focus-visible { // only for keybord
31275
31279
  @if $skin-name == 'Material3' {
31276
- box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
31280
+ box-shadow: $btn-keyboard-focus-box-shadow;
31277
31281
  }
31278
31282
  }
31279
31283
 
@@ -74373,7 +74377,9 @@ $pager-focus-shadow: 0 0 0 1px rgba($primary) inset !default;
74373
74377
  box-sizing: border-box;
74374
74378
  }
74375
74379
 
74376
- .e-pager-default.e-hide {
74380
+ .e-pager-default.e-hide,
74381
+ .e-pagesizes.e-hide,
74382
+ .e-hide {
74377
74383
  display: none;
74378
74384
  }
74379
74385
 
@@ -76157,8 +76163,8 @@ $grid-fltr-sortnumber-rightalign-margin: 0 8px 0 8px !default;
76157
76163
  $grid-sortnumber-rightalign-margin: 0 2px 0 2px !default;
76158
76164
  $grid-sortnumer-line-height: 20px !default;
76159
76165
  $grid-bigger-sortnumer-line-height: 24px !default;
76160
- $grid-sortdiv-right-align-margin: -12px 8px -12px -2px !default;
76161
- $grid-sortdiv-margin: -12px -2px -12px 8px !default;
76166
+ $grid-sortdiv-right-align-margin: -14px 8px -12px -2px !default;
76167
+ $grid-sortdiv-margin: -14px -2px -12px 8px !default;
76162
76168
  $grid-sortdiv-padding: 2px !default;
76163
76169
  $grid-ungroup-button-line-height: 12px !default;
76164
76170
  $grid-ungroup-button-font-size: 12px !default;
@@ -76215,10 +76221,10 @@ $grid-fltr-rtl-sortnumber-margin: 0 0 0 12px !default;
76215
76221
  $grid-rtl-sortnumber-margin: 0 8px 0 -8px !default;
76216
76222
  $grid-fltr-rtl-sortnumber-rightalign-margin: 0 0 0 12px !default;
76217
76223
  $grid-rtl-sortnumber-rightalign-margin: 0 8px 0 24px !default;
76218
- $grid-rtl-sortcelldiv-margin: -12px 8px -12px -2px !default;
76219
- $grid-rtl-sortcelldiv-right-align-margin: -12px 8px -12px -2px !default;
76220
- $grid-rtl-bigger-sortcelldiv-right-align-margin: -16px 12px -12px -2px !default;
76221
- $grid-rtl-bigger-sortcelldiv-margin: -16px 12px -12px -2px !default;
76224
+ $grid-rtl-sortcelldiv-margin: -13px 8px -12px -2px !default;
76225
+ $grid-rtl-sortcelldiv-right-align-margin: -13px 8px -12px -2px !default;
76226
+ $grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 12px -12px -2px !default;
76227
+ $grid-rtl-bigger-sortcelldiv-margin: -17px 12px -12px -2px !default;
76222
76228
  $grid-rtl-grouped-headercell-padding: 5px 0 !default;
76223
76229
  $grid-rtl-group-text-margin-left: 2px !default;
76224
76230
  $grid-rtl-group-sorticon-margin-right: -7px !default;
@@ -76324,15 +76330,15 @@ $grid-rtl-checkbox-content-padding-left: 14px !default;
76324
76330
  $grid-bigger-checkbox-padding-topbottom: 9px !default;
76325
76331
  $grid-bigger-checkbox-content-padding-left: 7px !default;
76326
76332
  $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
76327
- $grid-fltrdiv-margin: -14px -2px -12px 8px !default;
76328
- $grid-rtl-fltrdiv-margin: -14px 8px -12px -2px !default;
76333
+ $grid-fltrdiv-margin: -15px -2px -12px 8px !default;
76334
+ $grid-rtl-fltrdiv-margin: -15px 8px -12px -2px !default;
76329
76335
  $grid-rtl-bigger-fltrdiv-margin: -19px 4px -14px -2px !default;
76330
76336
  $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
76331
76337
  $grid-bigger-fltrdiv-margin: -19px -2px -14px 4px !default;
76332
- $grid-sortdiv-filtericon-margin: -14px 22px -12px 8px !default;
76333
- $grid-sortdiv-filtericon-rightalign-margin: -14px 8px -12px -2px !default;
76334
- $grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 8px -12px 22px !default;
76335
- $grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 22px !default;
76338
+ $grid-sortdiv-filtericon-margin: -15px 22px -12px 8px !default;
76339
+ $grid-sortdiv-filtericon-rightalign-margin: -15px 8px -12px -2px !default;
76340
+ $grid-rtl-sortdiv-filtericon-rightalign-margin: -15px 8px -12px 22px !default;
76341
+ $grid-rtl-sortdiv-filtericon-margin: -15px 8px -13px 22px !default;
76336
76342
  $grid-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px -2px !default;
76337
76343
  $grid-bigger-fltricon-sortdiv-margin: -19px 23px -14px 4px !default;
76338
76344
  $grid-rtl-bigger-fltricon-sortdiv-margin: -19px 4px -14px 24px !default;
@@ -76340,7 +76346,7 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px 23px !defau
76340
76346
  $grid-column-menu-sub-menu-box-shadow: $shadow-md !default;
76341
76347
  $grid-bigger-checkbox-filter-min-height: 360px !default;
76342
76348
  $grid-checkbox-filter-min-height: 307px !default;
76343
- $grid-column-menu-margin: -14px -18px -12px 8px !default;
76349
+ $grid-column-menu-margin: -15px -18px -12px 8px !default;
76344
76350
  $grid-column-menu-padding: 2px !default;
76345
76351
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
76346
76352
  $grid-bigger-column-menu-margin: -14px -18px -12px 8px !default;
@@ -76410,7 +76416,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
76410
76416
  $grid-rtl-group-sorticon-margin-left: -5px !default;
76411
76417
  $grid-rtl-column-menu-left: 23px !default;
76412
76418
  $grid-checkboxfiltertext-width: 150px !default;
76413
- $grid-rtl-column-menu-margin: -14px 8px -12px -16px !default;
76419
+ $grid-rtl-column-menu-margin: -15px 8px -12px -16px !default;
76414
76420
  $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
76415
76421
  $grid-filter-checkbox-width: 0 !default;
76416
76422
  $grid-filter-checkbox-white-space: nowrap !default;
@@ -92569,7 +92575,7 @@ $gantt-split-container-line-border-color: rgba($outline);
92569
92575
  pointer-events: none;
92570
92576
  position: absolute;
92571
92577
  top: 50%;
92572
- width: 98%;
92578
+ width: 99%;
92573
92579
  }
92574
92580
 
92575
92581
  .e-gantt-child-taskbar-inner-div,
@@ -94074,7 +94080,6 @@ $gantt-split-container-line-border-color: rgba($outline);
94074
94080
  .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
94075
94081
  background-color: $gantt-critical-child-progress-bar;
94076
94082
  border: $gantt-child-progress-bar-border;
94077
- position: absolute;
94078
94083
  border-radius: $gantt-child-progress-bar-border-radius;
94079
94084
  }
94080
94085
 
@@ -108813,6 +108818,7 @@ $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
108813
108818
  $pivotgrid-excelfilter-member-editor-node-limit-height: 100px !default;
108814
108819
  $pivotgrid-member-editor-node-limit-bigger-height: 455px !default;
108815
108820
  $pivotgrid-member-sort-border-radius: $text-xl !default;
108821
+ $pivotgrid-cell-value-margin-top: 0 !default;
108816
108822
 
108817
108823
  // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
108818
108824
  $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -109571,6 +109577,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
109571
109577
  }
109572
109578
  }
109573
109579
 
109580
+ &.sf-pivotview {
109581
+ .e-pivot-toolbar {
109582
+ box-sizing: border-box;
109583
+ }
109584
+ }
109585
+
109574
109586
  .e-pivot-toolbar {
109575
109587
  background: $pivotgrid-grp-bg-color;
109576
109588
  border-bottom: 0;
@@ -110080,6 +110092,32 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
110080
110092
 
110081
110093
  /*! PivotView theme */
110082
110094
  .e-pivotview {
110095
+ .e-pivotcell-container {
110096
+ display: flex;
110097
+
110098
+ .e-stackedheadertext,
110099
+ .e-headertext {
110100
+ &.e-cellvalue {
110101
+ overflow: hidden;
110102
+ text-overflow: ellipsis;
110103
+ }
110104
+ }
110105
+
110106
+ .e-sortfilterdiv.e-value-sort-icon {
110107
+ align-items: center;
110108
+ display: flex;
110109
+ }
110110
+ }
110111
+
110112
+ .e-gridclip .e-pivotcell-container {
110113
+ .e-stackedheadertext,
110114
+ .e-headertext {
110115
+ &.e-cellvalue {
110116
+ text-overflow: clip;
110117
+ }
110118
+ }
110119
+ }
110120
+
110083
110121
  .e-nextspan {
110084
110122
  display: inline-block;
110085
110123
  width: $pivotview-indent-space-size;
@@ -110228,19 +110266,7 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
110228
110266
 
110229
110267
  div {
110230
110268
  &.e-cellvalue {
110231
- margin-top: 5px;
110232
-
110233
- @if ($pivotgrid-skin == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast') or ($skin-name == 'Material3') {
110234
- margin-top: 0;
110235
- }
110236
-
110237
- @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') {
110238
- margin-top: 2px;
110239
- }
110240
-
110241
- @if ($skin-name == 'FluentUI') {
110242
- margin-top: 1px;
110243
- }
110269
+ margin-top: $pivotgrid-cell-value-margin-top;
110244
110270
  }
110245
110271
 
110246
110272
  div span.e-value-sort-icon {
@@ -110274,12 +110300,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
110274
110300
  }
110275
110301
  }
110276
110302
 
110277
- .e-stackedheadercelldiv .e-sortfilterdiv, .e-headercelldiv .e-sortfilterdiv {
110278
- margin: $pivotgrid-vsort-column-margin !important;
110279
- }
110280
-
110281
- .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
110282
- margin: $pivotgrid-vsort-column-parent-margin !important;
110303
+ .e-stackedheadercelldiv, .e-headercelldiv {
110304
+ .e-sortfilterdiv, .e-sortfilterdiv.e-value-sort-align {
110305
+ margin: $pivotgrid-vsort-column-parent-margin !important;
110306
+ margin-left: auto !important;
110307
+ margin-top: $pivotgrid-cell-value-margin-top !important;
110308
+ }
110283
110309
  }
110284
110310
 
110285
110311
  .e-rowsheader .e-sortfilterdiv {
@@ -727,7 +727,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
727
727
  color: $acrdn-icon-color;
728
728
  }
729
729
  }
730
-
730
+ &.e-select.e-selected > .e-acrdn-header {
731
+ &:focus {
732
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
733
+ }
734
+ }
731
735
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
732
736
 
733
737
  &:focus {
@@ -732,7 +732,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
732
732
  color: $acrdn-icon-color;
733
733
  }
734
734
  }
735
-
735
+ &.e-select.e-selected > .e-acrdn-header {
736
+ &:focus {
737
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
738
+ }
739
+ }
736
740
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
737
741
 
738
742
  &:focus {
@@ -735,7 +735,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
735
735
  color: $acrdn-icon-color;
736
736
  }
737
737
  }
738
-
738
+ &.e-select.e-selected > .e-acrdn-header {
739
+ &:focus {
740
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
741
+ }
742
+ }
739
743
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
740
744
 
741
745
  &:focus {
@@ -733,7 +733,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
733
733
  color: $acrdn-icon-color;
734
734
  }
735
735
  }
736
-
736
+ &.e-select.e-selected > .e-acrdn-header {
737
+ &:focus {
738
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
739
+ }
740
+ }
737
741
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
738
742
 
739
743
  &:focus {
@@ -733,7 +733,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
733
733
  color: $acrdn-icon-color;
734
734
  }
735
735
  }
736
-
736
+ &.e-select.e-selected > .e-acrdn-header {
737
+ &:focus {
738
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
739
+ }
740
+ }
737
741
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
738
742
 
739
743
  &:focus {
@@ -730,7 +730,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-b
730
730
  color: $acrdn-icon-color;
731
731
  }
732
732
  }
733
-
733
+ &.e-select.e-selected > .e-acrdn-header {
734
+ &:focus {
735
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
736
+ }
737
+ }
734
738
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
735
739
 
736
740
  &:focus {
@@ -735,7 +735,11 @@ $acrdn-nested-item-header-focus-box-shadow: none !default;
735
735
  color: $acrdn-icon-color;
736
736
  }
737
737
  }
738
-
738
+ &.e-select.e-selected > .e-acrdn-header {
739
+ &:focus {
740
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
741
+ }
742
+ }
739
743
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
740
744
 
741
745
  &:focus {
@@ -732,7 +732,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
732
732
  color: $acrdn-icon-color;
733
733
  }
734
734
  }
735
-
735
+ &.e-select.e-selected > .e-acrdn-header {
736
+ &:focus {
737
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
738
+ }
739
+ }
736
740
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
737
741
 
738
742
  &:focus {
@@ -732,7 +732,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
732
732
  color: $acrdn-icon-color;
733
733
  }
734
734
  }
735
-
735
+ &.e-select.e-selected > .e-acrdn-header {
736
+ &:focus {
737
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
738
+ }
739
+ }
736
740
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
737
741
 
738
742
  &:focus {
@@ -757,7 +757,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
757
757
  color: $acrdn-icon-color;
758
758
  }
759
759
  }
760
-
760
+ &.e-select.e-selected > .e-acrdn-header {
761
+ &:focus {
762
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
763
+ }
764
+ }
761
765
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
762
766
 
763
767
  &:focus {
@@ -733,7 +733,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
733
733
  color: $acrdn-icon-color;
734
734
  }
735
735
  }
736
-
736
+ &.e-select.e-selected > .e-acrdn-header {
737
+ &:focus {
738
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
739
+ }
740
+ }
737
741
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
738
742
 
739
743
  &:focus {
@@ -729,7 +729,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
729
729
  color: $acrdn-icon-color;
730
730
  }
731
731
  }
732
-
732
+ &.e-select.e-selected > .e-acrdn-header {
733
+ &:focus {
734
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
735
+ }
736
+ }
733
737
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
734
738
 
735
739
  &:focus {
@@ -732,7 +732,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
732
732
  color: $acrdn-icon-color;
733
733
  }
734
734
  }
735
-
735
+ &.e-select.e-selected > .e-acrdn-header {
736
+ &:focus {
737
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
738
+ }
739
+ }
736
740
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
737
741
 
738
742
  &:focus {
@@ -732,7 +732,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
732
732
  color: $acrdn-icon-color;
733
733
  }
734
734
  }
735
-
735
+ &.e-select.e-selected > .e-acrdn-header {
736
+ &:focus {
737
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
738
+ }
739
+ }
736
740
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
737
741
 
738
742
  &:focus {
@@ -731,7 +731,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
731
731
  color: $acrdn-icon-color;
732
732
  }
733
733
  }
734
-
734
+ &.e-select.e-selected > .e-acrdn-header {
735
+ &:focus {
736
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
737
+ }
738
+ }
735
739
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
736
740
 
737
741
  &:focus {
@@ -731,7 +731,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
731
731
  color: $acrdn-icon-color;
732
732
  }
733
733
  }
734
-
734
+ &.e-select.e-selected > .e-acrdn-header {
735
+ &:focus {
736
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
737
+ }
738
+ }
735
739
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
736
740
 
737
741
  &:focus {
@@ -430,7 +430,9 @@ $pager-focus-shadow: 0 0 0 1px lighten($brand-primary, 10%) inset !default;
430
430
  box-sizing: border-box;
431
431
  }
432
432
 
433
- .e-pager-default.e-hide {
433
+ .e-pager-default.e-hide,
434
+ .e-pagesizes.e-hide,
435
+ .e-hide {
434
436
  display: none;
435
437
  }
436
438
 
@@ -430,7 +430,9 @@ $pager-focus-shadow: 0 0 0 1px $input-border-focus inset !default;
430
430
  box-sizing: border-box;
431
431
  }
432
432
 
433
- .e-pager-default.e-hide {
433
+ .e-pager-default.e-hide,
434
+ .e-pagesizes.e-hide,
435
+ .e-hide {
434
436
  display: none;
435
437
  }
436
438
 
@@ -430,7 +430,9 @@ $pager-focus-shadow: 0 0 0 1px #66afe9 inset !default;
430
430
  box-sizing: border-box;
431
431
  }
432
432
 
433
- .e-pager-default.e-hide {
433
+ .e-pager-default.e-hide,
434
+ .e-pagesizes.e-hide,
435
+ .e-hide {
434
436
  display: none;
435
437
  }
436
438
 
@@ -445,7 +445,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
445
445
  box-sizing: border-box;
446
446
  }
447
447
 
448
- .e-pager-default.e-hide {
448
+ .e-pager-default.e-hide,
449
+ .e-pagesizes.e-hide,
450
+ .e-hide {
449
451
  display: none;
450
452
  }
451
453
 
@@ -445,7 +445,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
445
445
  box-sizing: border-box;
446
446
  }
447
447
 
448
- .e-pager-default.e-hide {
448
+ .e-pager-default.e-hide,
449
+ .e-pagesizes.e-hide,
450
+ .e-hide {
449
451
  display: none;
450
452
  }
451
453
 
@@ -429,7 +429,9 @@ $pager-focus-shadow: 0 0 0 1px $neutral-secondary inset !default;
429
429
  box-sizing: border-box;
430
430
  }
431
431
 
432
- .e-pager-default.e-hide {
432
+ .e-pager-default.e-hide,
433
+ .e-pagesizes.e-hide,
434
+ .e-hide {
433
435
  display: none;
434
436
  }
435
437
 
@@ -427,7 +427,9 @@ $pager-focus-shadow: 0 0 0 1px $neutral-secondary inset !default;
427
427
  box-sizing: border-box;
428
428
  }
429
429
 
430
- .e-pager-default.e-hide {
430
+ .e-pager-default.e-hide,
431
+ .e-pagesizes.e-hide,
432
+ .e-hide {
431
433
  display: none;
432
434
  }
433
435
 
@@ -432,7 +432,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
432
432
  box-sizing: border-box;
433
433
  }
434
434
 
435
- .e-pager-default.e-hide {
435
+ .e-pager-default.e-hide,
436
+ .e-pagesizes.e-hide,
437
+ .e-hide {
436
438
  display: none;
437
439
  }
438
440
 
@@ -432,7 +432,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
432
432
  box-sizing: border-box;
433
433
  }
434
434
 
435
- .e-pager-default.e-hide {
435
+ .e-pager-default.e-hide,
436
+ .e-pagesizes.e-hide,
437
+ .e-hide {
436
438
  display: none;
437
439
  }
438
440
 
@@ -427,7 +427,9 @@ $pager-focus-shadow: 0 0 0 1px $border-default inset !default;
427
427
  box-sizing: border-box;
428
428
  }
429
429
 
430
- .e-pager-default.e-hide {
430
+ .e-pager-default.e-hide,
431
+ .e-pagesizes.e-hide,
432
+ .e-hide {
431
433
  display: none;
432
434
  }
433
435
 
@@ -431,7 +431,9 @@ $pager-focus-shadow: 0 0 0 1px rgba($grey-white, .5) inset !default;
431
431
  box-sizing: border-box;
432
432
  }
433
433
 
434
- .e-pager-default.e-hide {
434
+ .e-pager-default.e-hide,
435
+ .e-pagesizes.e-hide,
436
+ .e-hide {
435
437
  display: none;
436
438
  }
437
439
 
@@ -429,7 +429,9 @@ $pager-focus-shadow: 0 0 0 1px $grey-500 inset !default;
429
429
  box-sizing: border-box;
430
430
  }
431
431
 
432
- .e-pager-default.e-hide {
432
+ .e-pager-default.e-hide,
433
+ .e-pagesizes.e-hide,
434
+ .e-hide {
433
435
  display: none;
434
436
  }
435
437
 
@@ -445,7 +445,9 @@ $pager-focus-shadow: 0 0 0 1px rgba($primary) inset !default;
445
445
  box-sizing: border-box;
446
446
  }
447
447
 
448
- .e-pager-default.e-hide {
448
+ .e-pager-default.e-hide,
449
+ .e-pagesizes.e-hide,
450
+ .e-hide {
449
451
  display: none;
450
452
  }
451
453
 
@@ -445,7 +445,9 @@ $pager-focus-shadow: 0 0 0 1px rgba($primary) inset !default;
445
445
  box-sizing: border-box;
446
446
  }
447
447
 
448
- .e-pager-default.e-hide {
448
+ .e-pager-default.e-hide,
449
+ .e-pagesizes.e-hide,
450
+ .e-hide {
449
451
  display: none;
450
452
  }
451
453
 
@@ -431,7 +431,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
431
431
  box-sizing: border-box;
432
432
  }
433
433
 
434
- .e-pager-default.e-hide {
434
+ .e-pager-default.e-hide,
435
+ .e-pagesizes.e-hide,
436
+ .e-hide {
435
437
  display: none;
436
438
  }
437
439
 
@@ -431,7 +431,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
431
431
  box-sizing: border-box;
432
432
  }
433
433
 
434
- .e-pager-default.e-hide {
434
+ .e-pager-default.e-hide,
435
+ .e-pagesizes.e-hide,
436
+ .e-hide {
435
437
  display: none;
436
438
  }
437
439