@syncfusion/blazor-themes 26.1.40 → 26.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/SCSS-Themes/base/fluent2-highcontrast.scss +1 -1
  2. package/SCSS-Themes/bds-dark.scss +9 -1
  3. package/SCSS-Themes/bds.scss +9 -1
  4. package/SCSS-Themes/bootstrap-dark.scss +9 -1
  5. package/SCSS-Themes/bootstrap.scss +9 -1
  6. package/SCSS-Themes/bootstrap4.scss +9 -1
  7. package/SCSS-Themes/bootstrap5-dark.scss +9 -1
  8. package/SCSS-Themes/bootstrap5.scss +9 -1
  9. package/SCSS-Themes/calendars/calendar/bds-dark.scss +5 -0
  10. package/SCSS-Themes/calendars/calendar/bds.scss +5 -0
  11. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +5 -0
  12. package/SCSS-Themes/calendars/calendar/bootstrap.scss +5 -0
  13. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +5 -0
  14. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +5 -0
  15. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +5 -0
  16. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +5 -0
  17. package/SCSS-Themes/calendars/calendar/fabric.scss +5 -0
  18. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +5 -0
  19. package/SCSS-Themes/calendars/calendar/fluent.scss +5 -0
  20. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +5 -0
  21. package/SCSS-Themes/calendars/calendar/fluent2.scss +5 -0
  22. package/SCSS-Themes/calendars/calendar/highcontrast.scss +5 -0
  23. package/SCSS-Themes/calendars/calendar/material-dark.scss +5 -0
  24. package/SCSS-Themes/calendars/calendar/material.scss +5 -0
  25. package/SCSS-Themes/calendars/calendar/material3-dark.scss +5 -0
  26. package/SCSS-Themes/calendars/calendar/material3.scss +5 -0
  27. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +5 -0
  28. package/SCSS-Themes/calendars/calendar/tailwind.scss +5 -0
  29. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss +3 -3
  30. package/SCSS-Themes/calendars/daterangepicker/fluent2.scss +3 -3
  31. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +1 -1
  32. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +1 -1
  33. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +1 -1
  34. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +1 -1
  35. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +1 -1
  36. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +1 -1
  37. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +1 -1
  38. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +1 -1
  39. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +1 -1
  40. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +1 -1
  41. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +1 -1
  42. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +1 -1
  43. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +1 -1
  44. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +1 -1
  45. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +1 -1
  46. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +1 -1
  47. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +1 -1
  48. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +1 -1
  49. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +1 -1
  50. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +1 -1
  51. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +3 -0
  52. package/SCSS-Themes/dropdowns/multi-select/bds.scss +3 -0
  53. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +3 -0
  54. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +3 -0
  55. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +3 -0
  56. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +3 -0
  57. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +3 -0
  58. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +3 -0
  59. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +3 -0
  60. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +3 -0
  61. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +3 -0
  62. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +5 -1
  63. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +5 -1
  64. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +3 -0
  65. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +3 -0
  66. package/SCSS-Themes/dropdowns/multi-select/material.scss +3 -0
  67. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +3 -0
  68. package/SCSS-Themes/dropdowns/multi-select/material3.scss +3 -0
  69. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +3 -0
  70. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +3 -0
  71. package/SCSS-Themes/fabric-dark.scss +9 -1
  72. package/SCSS-Themes/fabric.scss +9 -1
  73. package/SCSS-Themes/fluent-dark.scss +9 -1
  74. package/SCSS-Themes/fluent.scss +9 -1
  75. package/SCSS-Themes/fluent2-dark.scss +14 -5
  76. package/SCSS-Themes/fluent2-highcontrast.scss +1 -1
  77. package/SCSS-Themes/fluent2.scss +14 -5
  78. package/SCSS-Themes/highcontrast.scss +9 -1
  79. package/SCSS-Themes/material-dark.scss +9 -1
  80. package/SCSS-Themes/material.scss +9 -1
  81. package/SCSS-Themes/material3-dark.scss +9 -1
  82. package/SCSS-Themes/material3.scss +9 -1
  83. package/SCSS-Themes/tailwind-dark.scss +9 -1
  84. package/SCSS-Themes/tailwind.scss +9 -1
  85. package/package.json +1 -1
@@ -548,7 +548,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
548
548
 
549
549
  &.e-chip-input {
550
550
  width: 0;
551
- display: none;
551
+ visibility: hidden;
552
552
  }
553
553
  }
554
554
 
@@ -552,7 +552,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
552
552
 
553
553
  &.e-chip-input {
554
554
  width: 0;
555
- display: none;
555
+ visibility: hidden;
556
556
  }
557
557
  }
558
558
 
@@ -552,7 +552,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
552
552
 
553
553
  &.e-chip-input {
554
554
  width: 0;
555
- display: none;
555
+ visibility: hidden;
556
556
  }
557
557
  }
558
558
 
@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $hover-bg !default;
550
550
 
551
551
  &.e-chip-input {
552
552
  width: 0;
553
- display: none;
553
+ visibility: hidden;
554
554
  }
555
555
  }
556
556
 
@@ -551,7 +551,7 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !default;
551
551
 
552
552
  &.e-chip-input {
553
553
  width: 0;
554
- display: none;
554
+ visibility: hidden;
555
555
  }
556
556
  }
557
557
 
@@ -551,7 +551,7 @@ $ddt-item-hover-bg: $grey-100 !default;
551
551
 
552
552
  &.e-chip-input {
553
553
  width: 0;
554
- display: none;
554
+ visibility: hidden;
555
555
  }
556
556
  }
557
557
 
@@ -553,7 +553,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
553
553
 
554
554
  &.e-chip-input {
555
555
  width: 0;
556
- display: none;
556
+ visibility: hidden;
557
557
  }
558
558
  }
559
559
 
@@ -553,7 +553,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
553
553
 
554
554
  &.e-chip-input {
555
555
  width: 0;
556
- display: none;
556
+ visibility: hidden;
557
557
  }
558
558
  }
559
559
 
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -2464,6 +2464,9 @@ ejs-multiselect {
2464
2464
  @if $ddl-multiselect-skin-name != 'Material3' {
2465
2465
  background-color: $ddl-chip-bg-color;
2466
2466
  }
2467
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2468
+ border: $dd-chip-border;
2469
+ }
2467
2470
  border-radius: $ddl-chip-radius;
2468
2471
  height: $ddl-chip-height;
2469
2472
  }
@@ -2453,6 +2453,9 @@ ejs-multiselect {
2453
2453
  @if $ddl-multiselect-skin-name != 'Material3' {
2454
2454
  background-color: $ddl-chip-bg-color;
2455
2455
  }
2456
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2457
+ border: $dd-chip-border;
2458
+ }
2456
2459
  border-radius: $ddl-chip-radius;
2457
2460
  height: $ddl-chip-height;
2458
2461
  }
@@ -2535,6 +2535,9 @@ ejs-multiselect {
2535
2535
  @if $ddl-multiselect-skin-name != 'Material3' {
2536
2536
  background-color: $ddl-chip-bg-color;
2537
2537
  }
2538
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2539
+ border: $dd-chip-border;
2540
+ }
2538
2541
  border-radius: $ddl-chip-radius;
2539
2542
  height: $ddl-chip-height;
2540
2543
  }
@@ -2487,6 +2487,9 @@ ejs-multiselect {
2487
2487
  @if $ddl-multiselect-skin-name != 'Material3' {
2488
2488
  background-color: $ddl-chip-bg-color;
2489
2489
  }
2490
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2491
+ border: $dd-chip-border;
2492
+ }
2490
2493
  border-radius: $ddl-chip-radius;
2491
2494
  height: $ddl-chip-height;
2492
2495
  }
@@ -2487,6 +2487,9 @@ ejs-multiselect {
2487
2487
  @if $ddl-multiselect-skin-name != 'Material3' {
2488
2488
  background-color: $ddl-chip-bg-color;
2489
2489
  }
2490
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2491
+ border: $dd-chip-border;
2492
+ }
2490
2493
  border-radius: $ddl-chip-radius;
2491
2494
  height: $ddl-chip-height;
2492
2495
  }
@@ -2449,6 +2449,9 @@ ejs-multiselect {
2449
2449
  @if $ddl-multiselect-skin-name != 'Material3' {
2450
2450
  background-color: $ddl-chip-bg-color;
2451
2451
  }
2452
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2453
+ border: $dd-chip-border;
2454
+ }
2452
2455
  border-radius: $ddl-chip-radius;
2453
2456
  height: $ddl-chip-height;
2454
2457
  }
@@ -2440,6 +2440,9 @@ ejs-multiselect {
2440
2440
  @if $ddl-multiselect-skin-name != 'Material3' {
2441
2441
  background-color: $ddl-chip-bg-color;
2442
2442
  }
2443
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2444
+ border: $dd-chip-border;
2445
+ }
2443
2446
  border-radius: $ddl-chip-radius;
2444
2447
  height: $ddl-chip-height;
2445
2448
  }
@@ -2503,6 +2503,9 @@ ejs-multiselect {
2503
2503
  @if $ddl-multiselect-skin-name != 'Material3' {
2504
2504
  background-color: $ddl-chip-bg-color;
2505
2505
  }
2506
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2507
+ border: $dd-chip-border;
2508
+ }
2506
2509
  border-radius: $ddl-chip-radius;
2507
2510
  height: $ddl-chip-height;
2508
2511
  }
@@ -2503,6 +2503,9 @@ ejs-multiselect {
2503
2503
  @if $ddl-multiselect-skin-name != 'Material3' {
2504
2504
  background-color: $ddl-chip-bg-color;
2505
2505
  }
2506
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2507
+ border: $dd-chip-border;
2508
+ }
2506
2509
  border-radius: $ddl-chip-radius;
2507
2510
  height: $ddl-chip-height;
2508
2511
  }
@@ -184,7 +184,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
184
184
  $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
185
185
  $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
186
186
  $ddl-chip-mobile-font: $content-text-color !default;
187
- $ddl-chip-bg-color: $content-bg-color-alt3 !default;
187
+ $ddl-chip-bg-color: $chip-bg-color !default;
188
+ $dd-chip-border: 1px solid $chip-border-color !default;
188
189
  $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
189
190
  $ddl-chip-hover-font-color: $content-text-color-hover !default;
190
191
  $ddl-sel-hover-chip-bg-color: $content-bg-color-alt5 !default;
@@ -2493,6 +2494,9 @@ ejs-multiselect {
2493
2494
  @if $ddl-multiselect-skin-name != 'Material3' {
2494
2495
  background-color: $ddl-chip-bg-color;
2495
2496
  }
2497
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2498
+ border: $dd-chip-border;
2499
+ }
2496
2500
  border-radius: $ddl-chip-radius;
2497
2501
  height: $ddl-chip-height;
2498
2502
  }
@@ -184,7 +184,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
184
184
  $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
185
185
  $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
186
186
  $ddl-chip-mobile-font: $content-text-color !default;
187
- $ddl-chip-bg-color: $content-bg-color-alt3 !default;
187
+ $ddl-chip-bg-color: $chip-bg-color !default;
188
+ $dd-chip-border: 1px solid $chip-border-color !default;
188
189
  $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
189
190
  $ddl-chip-hover-font-color: $content-text-color-hover !default;
190
191
  $ddl-sel-hover-chip-bg-color: $content-bg-color-alt5 !default;
@@ -2493,6 +2494,9 @@ ejs-multiselect {
2493
2494
  @if $ddl-multiselect-skin-name != 'Material3' {
2494
2495
  background-color: $ddl-chip-bg-color;
2495
2496
  }
2497
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2498
+ border: $dd-chip-border;
2499
+ }
2496
2500
  border-radius: $ddl-chip-radius;
2497
2501
  height: $ddl-chip-height;
2498
2502
  }
@@ -2560,6 +2560,9 @@ ejs-multiselect {
2560
2560
  @if $ddl-multiselect-skin-name != 'Material3' {
2561
2561
  background-color: $ddl-chip-bg-color;
2562
2562
  }
2563
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2564
+ border: $dd-chip-border;
2565
+ }
2563
2566
  border-radius: $ddl-chip-radius;
2564
2567
  height: $ddl-chip-height;
2565
2568
  }
@@ -2498,6 +2498,9 @@ ejs-multiselect {
2498
2498
  @if $ddl-multiselect-skin-name != 'Material3' {
2499
2499
  background-color: $ddl-chip-bg-color;
2500
2500
  }
2501
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2502
+ border: $dd-chip-border;
2503
+ }
2501
2504
  border-radius: $ddl-chip-radius;
2502
2505
  height: $ddl-chip-height;
2503
2506
  }
@@ -2491,6 +2491,9 @@ ejs-multiselect {
2491
2491
  @if $ddl-multiselect-skin-name != 'Material3' {
2492
2492
  background-color: $ddl-chip-bg-color;
2493
2493
  }
2494
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2495
+ border: $dd-chip-border;
2496
+ }
2494
2497
  border-radius: $ddl-chip-radius;
2495
2498
  height: $ddl-chip-height;
2496
2499
  }
@@ -2488,6 +2488,9 @@ ejs-multiselect {
2488
2488
  @if $ddl-multiselect-skin-name != 'Material3' {
2489
2489
  background-color: $ddl-chip-bg-color;
2490
2490
  }
2491
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2492
+ border: $dd-chip-border;
2493
+ }
2491
2494
  border-radius: $ddl-chip-radius;
2492
2495
  height: $ddl-chip-height;
2493
2496
  }
@@ -2488,6 +2488,9 @@ ejs-multiselect {
2488
2488
  @if $ddl-multiselect-skin-name != 'Material3' {
2489
2489
  background-color: $ddl-chip-bg-color;
2490
2490
  }
2491
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2492
+ border: $dd-chip-border;
2493
+ }
2491
2494
  border-radius: $ddl-chip-radius;
2492
2495
  height: $ddl-chip-height;
2493
2496
  }
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -25343,6 +25343,11 @@ $calendar-small-font-size: 12px !default;
25343
25343
  color: $calendar-today-focused-font-color;
25344
25344
  }
25345
25345
  }
25346
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
25347
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
25348
+ color: $calendar-today-disabled-color;
25349
+ }
25350
+ }
25346
25351
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
25347
25352
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
25348
25353
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57762,7 +57767,7 @@ $ddt-item-hover-bg: $neutral-light !default;
57762
57767
 
57763
57768
  &.e-chip-input {
57764
57769
  width: 0;
57765
- display: none;
57770
+ visibility: hidden;
57766
57771
  }
57767
57772
  }
57768
57773
 
@@ -61261,6 +61266,9 @@ ejs-multiselect {
61261
61266
  @if $ddl-multiselect-skin-name != 'Material3' {
61262
61267
  background-color: $ddl-chip-bg-color;
61263
61268
  }
61269
+ @if $ddl-multiselect-skin-name == 'fluent2' {
61270
+ border: $dd-chip-border;
61271
+ }
61264
61272
  border-radius: $ddl-chip-radius;
61265
61273
  height: $ddl-chip-height;
61266
61274
  }
@@ -25297,6 +25297,11 @@ $calendar-small-font-size: 12px !default;
25297
25297
  color: $calendar-today-focused-font-color;
25298
25298
  }
25299
25299
  }
25300
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
25301
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
25302
+ color: $calendar-today-disabled-color;
25303
+ }
25304
+ }
25300
25305
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
25301
25306
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
25302
25307
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57547,7 +57552,7 @@ $ddt-item-hover-bg: $neutral-lighter !default;
57547
57552
 
57548
57553
  &.e-chip-input {
57549
57554
  width: 0;
57550
- display: none;
57555
+ visibility: hidden;
57551
57556
  }
57552
57557
  }
57553
57558
 
@@ -61037,6 +61042,9 @@ ejs-multiselect {
61037
61042
  @if $ddl-multiselect-skin-name != 'Material3' {
61038
61043
  background-color: $ddl-chip-bg-color;
61039
61044
  }
61045
+ @if $ddl-multiselect-skin-name == 'fluent2' {
61046
+ border: $dd-chip-border;
61047
+ }
61040
61048
  border-radius: $ddl-chip-radius;
61041
61049
  height: $ddl-chip-height;
61042
61050
  }
@@ -25622,6 +25622,11 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
25622
25622
  color: $calendar-today-focused-font-color;
25623
25623
  }
25624
25624
  }
25625
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
25626
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
25627
+ color: $calendar-today-disabled-color;
25628
+ }
25629
+ }
25625
25630
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
25626
25631
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
25627
25632
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -58074,7 +58079,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
58074
58079
 
58075
58080
  &.e-chip-input {
58076
58081
  width: 0;
58077
- display: none;
58082
+ visibility: hidden;
58078
58083
  }
58079
58084
  }
58080
58085
 
@@ -61627,6 +61632,9 @@ ejs-multiselect {
61627
61632
  @if $ddl-multiselect-skin-name != 'Material3' {
61628
61633
  background-color: $ddl-chip-bg-color;
61629
61634
  }
61635
+ @if $ddl-multiselect-skin-name == 'fluent2' {
61636
+ border: $dd-chip-border;
61637
+ }
61630
61638
  border-radius: $ddl-chip-radius;
61631
61639
  height: $ddl-chip-height;
61632
61640
  }
@@ -25622,6 +25622,11 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
25622
25622
  color: $calendar-today-focused-font-color;
25623
25623
  }
25624
25624
  }
25625
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
25626
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
25627
+ color: $calendar-today-disabled-color;
25628
+ }
25629
+ }
25625
25630
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
25626
25631
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
25627
25632
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -58074,7 +58079,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
58074
58079
 
58075
58080
  &.e-chip-input {
58076
58081
  width: 0;
58077
- display: none;
58082
+ visibility: hidden;
58078
58083
  }
58079
58084
  }
58080
58085
 
@@ -61627,6 +61632,9 @@ ejs-multiselect {
61627
61632
  @if $ddl-multiselect-skin-name != 'Material3' {
61628
61633
  background-color: $ddl-chip-bg-color;
61629
61634
  }
61635
+ @if $ddl-multiselect-skin-name == 'fluent2' {
61636
+ border: $dd-chip-border;
61637
+ }
61630
61638
  border-radius: $ddl-chip-radius;
61631
61639
  height: $ddl-chip-height;
61632
61640
  }
@@ -27101,6 +27101,11 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
27101
27101
  color: $calendar-today-focused-font-color;
27102
27102
  }
27103
27103
  }
27104
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
27105
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
27106
+ color: $calendar-today-disabled-color;
27107
+ }
27108
+ }
27104
27109
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
27105
27110
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
27106
27111
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -41979,7 +41984,7 @@ $range-indicator-label-width: 100% !default;
41979
41984
  $range-device-indicator-margin: 8px 0 0 !default;
41980
41985
  $range-device-indicator-height: 24px !default;
41981
41986
  $range-separator-height: 1px !default;
41982
- $range-border-value: 1px solid $content-bg-color-alt1 !default;
41987
+ $range-border-value: 1px solid $flyout-border !default;
41983
41988
  $range-container-border-value: none !default;
41984
41989
  $range-separator-margin: 0 !default;
41985
41990
  $range-footer-height: 47px !default;
@@ -42232,11 +42237,11 @@ $modal-range-tablet-font-size: 18px !default;
42232
42237
 
42233
42238
  $range-header-font-size: 16px !default;
42234
42239
 
42235
- $footer-top-border-color :1px solid $border-light !default;
42240
+ $footer-top-border-color :1px solid $flyout-border !default;
42236
42241
 
42237
42242
  /* stylelint-disable */
42238
42243
  .e-daterangepicker.e-popup .e-footer{
42239
- border-top: 1px solid $footer-top-border-color !important;
42244
+ border-top: $footer-top-border-color !important;
42240
42245
  }
42241
42246
 
42242
42247
  $range-icon-mouse-border-radius: 16px !default;
@@ -59634,7 +59639,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
59634
59639
 
59635
59640
  &.e-chip-input {
59636
59641
  width: 0;
59637
- display: none;
59642
+ visibility: hidden;
59638
59643
  }
59639
59644
  }
59640
59645
 
@@ -60871,7 +60876,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
60871
60876
  $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
60872
60877
  $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
60873
60878
  $ddl-chip-mobile-font: $content-text-color !default;
60874
- $ddl-chip-bg-color: $content-bg-color-alt3 !default;
60879
+ $ddl-chip-bg-color: $chip-bg-color !default;
60880
+ $dd-chip-border: 1px solid $chip-border-color !default;
60875
60881
  $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
60876
60882
  $ddl-chip-hover-font-color: $content-text-color-hover !default;
60877
60883
  $ddl-sel-hover-chip-bg-color: $content-bg-color-alt5 !default;
@@ -63180,6 +63186,9 @@ ejs-multiselect {
63180
63186
  @if $ddl-multiselect-skin-name != 'Material3' {
63181
63187
  background-color: $ddl-chip-bg-color;
63182
63188
  }
63189
+ @if $ddl-multiselect-skin-name == 'fluent2' {
63190
+ border: $dd-chip-border;
63191
+ }
63183
63192
  border-radius: $ddl-chip-radius;
63184
63193
  height: $ddl-chip-height;
63185
63194
  }
@@ -77,7 +77,7 @@
77
77
 
78
78
  --color-sf-primary: #1aebff;
79
79
  --color-sf-primary-text-color: #000;
80
- --color-sf-primary-light: rgba(26, 235, 255, .8);
80
+ --color-sf-primary-light: #99f6ff;
81
81
  --color-sf-primary-lighter: var(--color-sf-primary-light);
82
82
  --color-sf-primary-dark: var(--color-sf-primary);
83
83
  --color-sf-primary-darker: var(--color-sf-primary);
@@ -27859,6 +27859,11 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
27859
27859
  color: $calendar-today-focused-font-color;
27860
27860
  }
27861
27861
  }
27862
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
27863
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
27864
+ color: $calendar-today-disabled-color;
27865
+ }
27866
+ }
27862
27867
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
27863
27868
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
27864
27869
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -42737,7 +42742,7 @@ $range-indicator-label-width: 100% !default;
42737
42742
  $range-device-indicator-margin: 8px 0 0 !default;
42738
42743
  $range-device-indicator-height: 24px !default;
42739
42744
  $range-separator-height: 1px !default;
42740
- $range-border-value: 1px solid $content-bg-color-alt1 !default;
42745
+ $range-border-value: 1px solid $flyout-border !default;
42741
42746
  $range-container-border-value: none !default;
42742
42747
  $range-separator-margin: 0 !default;
42743
42748
  $range-footer-height: 47px !default;
@@ -42990,11 +42995,11 @@ $modal-range-tablet-font-size: 18px !default;
42990
42995
 
42991
42996
  $range-header-font-size: 16px !default;
42992
42997
 
42993
- $footer-top-border-color :1px solid $border-light !default;
42998
+ $footer-top-border-color :1px solid $flyout-border !default;
42994
42999
 
42995
43000
  /* stylelint-disable */
42996
43001
  .e-daterangepicker.e-popup .e-footer{
42997
- border-top: 1px solid $footer-top-border-color !important;
43002
+ border-top: $footer-top-border-color !important;
42998
43003
  }
42999
43004
 
43000
43005
  $range-icon-mouse-border-radius: 16px !default;
@@ -60392,7 +60397,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
60392
60397
 
60393
60398
  &.e-chip-input {
60394
60399
  width: 0;
60395
- display: none;
60400
+ visibility: hidden;
60396
60401
  }
60397
60402
  }
60398
60403
 
@@ -61629,7 +61634,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
61629
61634
  $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
61630
61635
  $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
61631
61636
  $ddl-chip-mobile-font: $content-text-color !default;
61632
- $ddl-chip-bg-color: $content-bg-color-alt3 !default;
61637
+ $ddl-chip-bg-color: $chip-bg-color !default;
61638
+ $dd-chip-border: 1px solid $chip-border-color !default;
61633
61639
  $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
61634
61640
  $ddl-chip-hover-font-color: $content-text-color-hover !default;
61635
61641
  $ddl-sel-hover-chip-bg-color: $content-bg-color-alt5 !default;
@@ -63938,6 +63944,9 @@ ejs-multiselect {
63938
63944
  @if $ddl-multiselect-skin-name != 'Material3' {
63939
63945
  background-color: $ddl-chip-bg-color;
63940
63946
  }
63947
+ @if $ddl-multiselect-skin-name == 'fluent2' {
63948
+ border: $dd-chip-border;
63949
+ }
63941
63950
  border-radius: $ddl-chip-radius;
63942
63951
  height: $ddl-chip-height;
63943
63952
  }
@@ -25378,6 +25378,11 @@ $calendar-small-font-size: 12px !default;
25378
25378
  color: $calendar-today-focused-font-color;
25379
25379
  }
25380
25380
  }
25381
+ #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
25382
+ @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
25383
+ color: $calendar-today-disabled-color;
25384
+ }
25385
+ }
25381
25386
  #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
25382
25387
  #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
25383
25388
  #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57683,7 +57688,7 @@ $ddt-item-hover-bg: $hover-bg !default;
57683
57688
 
57684
57689
  &.e-chip-input {
57685
57690
  width: 0;
57686
- display: none;
57691
+ visibility: hidden;
57687
57692
  }
57688
57693
  }
57689
57694
 
@@ -61293,6 +61298,9 @@ ejs-multiselect {
61293
61298
  @if $ddl-multiselect-skin-name != 'Material3' {
61294
61299
  background-color: $ddl-chip-bg-color;
61295
61300
  }
61301
+ @if $ddl-multiselect-skin-name == 'fluent2' {
61302
+ border: $dd-chip-border;
61303
+ }
61296
61304
  border-radius: $ddl-chip-radius;
61297
61305
  height: $ddl-chip-height;
61298
61306
  }