@syncfusion/ej2-schedule 26.1.35 → 26.1.38

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 (36) hide show
  1. package/dist/ej2-schedule.min.js +2 -2
  2. package/dist/ej2-schedule.umd.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +106 -45
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +105 -44
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +2 -2
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/schedule/actions/crud.js +3 -1
  13. package/src/schedule/actions/resize.js +5 -0
  14. package/src/schedule/base/schedule.js +6 -3
  15. package/src/schedule/event-renderer/agenda-base.js +2 -2
  16. package/src/schedule/event-renderer/event-base.js +1 -1
  17. package/src/schedule/event-renderer/month.js +2 -1
  18. package/src/schedule/event-renderer/timeline-view.js +6 -1
  19. package/src/schedule/event-renderer/vertical-view.js +4 -4
  20. package/src/schedule/event-renderer/year.js +1 -1
  21. package/src/schedule/exports/print.js +10 -7
  22. package/src/schedule/popups/quick-popups.js +1 -1
  23. package/src/schedule/renderer/header-renderer.js +1 -1
  24. package/src/schedule/renderer/month.js +5 -4
  25. package/src/schedule/renderer/renderer.js +8 -2
  26. package/src/schedule/renderer/timeline-year.js +3 -3
  27. package/src/schedule/renderer/vertical-view.d.ts +1 -0
  28. package/src/schedule/renderer/vertical-view.js +21 -9
  29. package/src/schedule/renderer/view-base.d.ts +1 -0
  30. package/src/schedule/renderer/view-base.js +25 -2
  31. package/src/schedule/renderer/year.js +1 -1
  32. package/styles/fluent2.css +64 -49
  33. package/styles/recurrence-editor/fluent2.css +30 -30
  34. package/styles/schedule/_fluent2-definition.scss +3 -3
  35. package/styles/schedule/_theme.scss +4 -0
  36. package/styles/schedule/fluent2.css +64 -49
package/styles/fluent2.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --color-sf-success: #0e700e;
11
11
  --color-sf-info: #008aa9;
12
12
  --color-sf-warning: #bc4b09;
13
- --color-sf-danger: #b10e1c;
13
+ --color-sf-danger: #d13438;
14
14
  --color-sf-success-light: #54b054;
15
15
  --color-sf-info-light: #56bfd7;
16
16
  --color-sf-warning-light: #fee5d7;
@@ -221,7 +221,7 @@
221
221
  --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
222
  --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
223
  --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
- --color-sf-rating-selected-color: var(--color-sf-content-text-color);
224
+ --color-sf-rating-selected-color: #242424;
225
225
  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
226
  --color-sf-rating-selected-disabled-color: #b3b3b3;
227
227
  --color-sf-rating-unrated-disabled-color: #b3b3b3;
@@ -246,7 +246,7 @@
246
246
  --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
247
  --color-sf-msg-success-bg-color: #f1faf1;
248
248
  --color-sf-msg-success-border-color: #9fd89f;
249
- --color-sf-msg-success-color-alt1: var(--color-sf-success);
249
+ --color-sf-msg-success-color-alt1: #0e700e;
250
250
  --color-sf-msg-success-bg-color-alt1: transparent;
251
251
  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
252
  --color-sf-msg-success-color-alt2: #fff;
@@ -261,7 +261,7 @@
261
261
  --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
262
  --color-sf-msg-danger-bg-color: #fdf3f4;
263
263
  --color-sf-msg-danger-border-color: #eeacb2;
264
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
264
+ --color-sf-msg-danger-color-alt1: #b10e1c;
265
265
  --color-sf-msg-danger-bg-color-alt1: transparent;
266
266
  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
267
  --color-sf-msg-danger-color-alt2: #fff;
@@ -276,7 +276,7 @@
276
276
  --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
277
  --color-sf-msg-info-bg-color: #f2fafc;
278
278
  --color-sf-msg-info-border-color: #a4deeb;
279
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
279
+ --color-sf-msg-info-color-alt1: #00748f;
280
280
  --color-sf-msg-info-bg-color-alt1: transparent;
281
281
  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
282
  --color-sf-msg-info-color-alt2: #fff;
@@ -291,7 +291,7 @@
291
291
  --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
292
  --color-sf-msg-warning-bg-color: #fdf6f3;
293
293
  --color-sf-msg-warning-border-color: #f4bfab;
294
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
294
+ --color-sf-msg-warning-color-alt1: #c43501;
295
295
  --color-sf-msg-warning-bg-color-alt1: transparent;
296
296
  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
297
  --color-sf-msg-warning-color-alt2: #fff;
@@ -317,7 +317,7 @@
317
317
  --color-sf-link-button-focus: #0f6cbd;
318
318
  --color-sf-link-button-border-focus: #242424;
319
319
  --color-sf-chip-bg-color: #f5f5f5;
320
- --color-sf-chip-border-color: rgba(0, 0, 0, 0);
320
+ --color-sf-chip-border-color: #f5f5f5;
321
321
  --color-sf-chip-bg-disabled: #f0f0f0;
322
322
  --color-sf-chip-border-disabled: #fff;
323
323
  --color-sf-secondary-outline-button-text-color-hover: #242424;
@@ -406,7 +406,7 @@
406
406
  --color-sf-border-focus: var(--color-sf-border);
407
407
  --color-sf-border-selected: #6b6b6b;
408
408
  --color-sf-border-dragged: var(--color-sf-primary);
409
- --color-sf-border-disabled: #08233b;
409
+ --color-sf-border-disabled: #424242;
410
410
  --color-sf-border-warning: #bc4b09;
411
411
  --color-sf-border-error: #dc626d;
412
412
  --color-sf-border-success: #9fd89f;
@@ -569,7 +569,7 @@
569
569
  --color-sf-diagram-palette-background: #e0e0e0;
570
570
  --color-sf-diagram-palette-hover-background: #bdbdbd;
571
571
  --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
- --color-sf-rating-selected-color: var(--color-sf-content-text-color);
572
+ --color-sf-rating-selected-color: #fff;
573
573
  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
574
  --color-sf-rating-selected-disabled-color: #575757;
575
575
  --color-sf-rating-unrated-disabled-color: #4d4d4d;
@@ -581,9 +581,9 @@
581
581
  --color-sf-msg-border-color: var(--color-sf-border);
582
582
  --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
583
  --color-sf-msg-bg-color-alt1: transparent;
584
- --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
584
+ --color-sf-msg-border-color-alt1: #666666;
585
585
  --color-sf-msg-color-alt2: #242424;
586
- --color-sf-msg-bg-color-alt2: #adadad;
586
+ --color-sf-msg-bg-color-alt2: #c2c2c2;
587
587
  --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
588
  --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
589
  --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
@@ -594,9 +594,9 @@
594
594
  --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
595
  --color-sf-msg-success-bg-color: #052505;
596
596
  --color-sf-msg-success-border-color: #107c10;
597
- --color-sf-msg-success-color-alt1: var(--color-sf-success);
597
+ --color-sf-msg-success-color-alt1: #54b054;
598
598
  --color-sf-msg-success-bg-color-alt1: transparent;
599
- --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
599
+ --color-sf-msg-success-border-color-alt1: #218c21;
600
600
  --color-sf-msg-success-color-alt2: #fff;
601
601
  --color-sf-msg-success-bg-color-alt2: #107c10;
602
602
  --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
@@ -609,9 +609,9 @@
609
609
  --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
610
  --color-sf-msg-danger-bg-color: #3b0509;
611
611
  --color-sf-msg-danger-border-color: #c50f1f;
612
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
612
+ --color-sf-msg-danger-color-alt1: #dc626d;
613
613
  --color-sf-msg-danger-bg-color-alt1: transparent;
614
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
614
+ --color-sf-msg-danger-border-color-alt1: #d33f4c;
615
615
  --color-sf-msg-danger-color-alt2: #fff;
616
616
  --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
617
  --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
@@ -624,9 +624,9 @@
624
624
  --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
625
  --color-sf-msg-info-bg-color: #002e38;
626
626
  --color-sf-msg-info-border-color: #0099bc;
627
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
627
+ --color-sf-msg-info-color-alt1: #56bfd7;
628
628
  --color-sf-msg-info-bg-color-alt1: transparent;
629
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
629
+ --color-sf-msg-info-border-color-alt1: #31afdd;
630
630
  --color-sf-msg-info-color-alt2: #fff;
631
631
  --color-sf-msg-info-bg-color-alt2: #0099bc;
632
632
  --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
@@ -639,9 +639,9 @@
639
639
  --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
640
  --color-sf-msg-warning-bg-color: #411200;
641
641
  --color-sf-msg-warning-border-color: #da3b01;
642
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
642
+ --color-sf-msg-warning-color-alt1: #e9835e;
643
643
  --color-sf-msg-warning-bg-color-alt1: transparent;
644
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
644
+ --color-sf-msg-warning-border-color-alt1: #e36537;
645
645
  --color-sf-msg-warning-color-alt2: #fff;
646
646
  --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
647
  --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
@@ -659,7 +659,7 @@
659
659
  --color-sf-link-button-focus: #115ea3;
660
660
  --color-sf-link-button-border-focus: #fff;
661
661
  --color-sf-chip-bg-color: #141414;
662
- --color-sf-chip-border-color: rgba(0, 0, 0, 0);
662
+ --color-sf-chip-border-color: #141414;
663
663
  --color-sf-chip-bg-disabled: #141414;
664
664
  --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
665
  --color-sf-secondary-outline-button-text-color-hover: #fff;
@@ -714,7 +714,7 @@
714
714
  --color-sf-overlay-bg-color: rgba($black, .4);
715
715
  --color-sf-table-bg-color-hover: var(--color-sf-black);
716
716
  --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
- --color-sf-table-bg-color-selected: var(--color-sf-black);
717
+ --color-sf-table-bg-color-selected: #1a3bff;
718
718
  --color-sf-content-text-color: #fff;
719
719
  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
720
  --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
@@ -724,7 +724,7 @@
724
724
  --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
725
  --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
726
  --color-sf-content-text-color-dragged: #000;
727
- --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
727
+ --color-sf-content-text-color-disabled: #3ff23f;
728
728
  --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
729
  --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
730
  --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
@@ -748,12 +748,12 @@
748
748
  --color-sf-border-focus: var(--color-sf-border-hover);
749
749
  --color-sf-border-selected: var(--color-sf-border-hover);
750
750
  --color-sf-border-dragged: var(--color-sf-border-light);
751
- --color-sf-border-disabled: #fff;
751
+ --color-sf-border-disabled: #3ff23f;
752
752
  --color-sf-border-warning: #f7630c;
753
753
  --color-sf-border-error: #c50f1f;
754
754
  --color-sf-border-success: #107c10;
755
755
  --color-sf-border-info: #0099bc;
756
- --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
756
+ --color-sf-spreadsheet-gridline: #e6e6e6;
757
757
  --color-sf-flyout-border: var(--color-sf-border-light);
758
758
  --color-sf-primary: #1aebff;
759
759
  --color-sf-primary-text-color: #000;
@@ -911,7 +911,7 @@
911
911
  --color-sf-diagram-palette-background: #000;
912
912
  --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
913
  --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
- --color-sf-rating-selected-color: var(--color-sf-content-text-color);
914
+ --color-sf-rating-selected-color: #fff;
915
915
  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
916
  --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
917
  --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
@@ -936,7 +936,7 @@
936
936
  --color-sf-msg-success-color: #107c10;
937
937
  --color-sf-msg-success-bg-color: #000;
938
938
  --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
- --color-sf-msg-success-color-alt1: var(--color-sf-success);
939
+ --color-sf-msg-success-color-alt1: #107c10;
940
940
  --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
941
  --color-sf-msg-success-border-color-alt1: #fff;
942
942
  --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
@@ -951,7 +951,7 @@
951
951
  --color-sf-msg-danger-color: #c50f1f;
952
952
  --color-sf-msg-danger-bg-color: #000;
953
953
  --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
954
+ --color-sf-msg-danger-color-alt1: #c50f1f;
955
955
  --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
956
  --color-sf-msg-danger-border-color-alt1: #fff;
957
957
  --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
@@ -966,7 +966,7 @@
966
966
  --color-sf-msg-info-color: #0099bc;
967
967
  --color-sf-msg-info-bg-color: #000;
968
968
  --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
969
+ --color-sf-msg-info-color-alt1: #0099bc;
970
970
  --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
971
  --color-sf-msg-info-border-color-alt1: #fff;
972
972
  --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
@@ -981,7 +981,7 @@
981
981
  --color-sf-msg-warning-color: #f7630c;
982
982
  --color-sf-msg-warning-bg-color: #000;
983
983
  --color-sf-msg-warning-border-color: #da3b01;
984
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
984
+ --color-sf-msg-warning-color-alt1: #f7630c;
985
985
  --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
986
  --color-sf-msg-warning-border-color-alt1: #fff;
987
987
  --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
@@ -1022,7 +1022,7 @@
1022
1022
  --color-sf-secondary-badge-border-color: #fff;
1023
1023
  --color-sf-secondary-badge-bg-color: #000;
1024
1024
  --color-sf-secondary-badge-bg-color-focus: #fff;
1025
- --color-sf-skeleton-bg-color: #ffffff;
1025
+ --color-sf-skeleton-bg-color: #fff;
1026
1026
  --color-sf-tab-selected-bg-color-disabled: #000;
1027
1027
  --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
1028
  --color-sf-ribbon-border-color: #fff;
@@ -1509,9 +1509,9 @@
1509
1509
  .e-schedule .e-schedule-toolbar {
1510
1510
  border: 0;
1511
1511
  border-bottom: 1px solid var(--color-sf-border-light);
1512
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1513
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1514
- margin-bottom: 3px;
1512
+ -webkit-box-shadow: none;
1513
+ box-shadow: none;
1514
+ margin-bottom: 0;
1515
1515
  min-height: 40px;
1516
1516
  }
1517
1517
  .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
@@ -1656,12 +1656,12 @@
1656
1656
  .e-schedule .e-schedule-resource-toolbar {
1657
1657
  background: var(--color-sf-content-bg-color-alt1);
1658
1658
  border-bottom: 1px solid var(--color-sf-border-light);
1659
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1660
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1659
+ -webkit-box-shadow: none;
1660
+ box-shadow: none;
1661
1661
  display: -webkit-box;
1662
1662
  display: -ms-flexbox;
1663
1663
  display: flex;
1664
- margin-bottom: 3px;
1664
+ margin-bottom: 0;
1665
1665
  min-height: 40px;
1666
1666
  padding: 10px;
1667
1667
  }
@@ -4254,11 +4254,10 @@
4254
4254
  }
4255
4255
  .e-schedule-dialog.e-device .e-dlg-header-content {
4256
4256
  background: var(--color-sf-content-bg-color-alt1);
4257
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
4258
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
4259
4257
  -webkit-box-shadow: none;
4260
4258
  box-shadow: none;
4261
- margin-bottom: 3px;
4259
+ box-shadow: none;
4260
+ margin-bottom: 0;
4262
4261
  }
4263
4262
  .e-schedule-dialog.e-device .e-title-location-row,
4264
4263
  .e-schedule-dialog.e-device .e-start-end-row,
@@ -5177,9 +5176,12 @@
5177
5176
  color: var(--color-sf-content-text-color-hover);
5178
5177
  }
5179
5178
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:focus {
5179
+ background: var(--color-sf-content-bg-color-focus);
5180
+ }
5181
+ .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:focus-visible {
5180
5182
  background: var(--color-sf-content-bg-color);
5181
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5182
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5183
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5184
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5183
5185
  }
5184
5186
  .e-schedule .e-vertical-view .e-selected-cell {
5185
5187
  background: var(--color-sf-content-bg-color-selected);
@@ -5190,9 +5192,12 @@
5190
5192
  color: var(--color-sf-content-text-color-hover);
5191
5193
  }
5192
5194
  .e-schedule .e-vertical-view .e-selected-cell:focus {
5195
+ background: var(--color-sf-content-bg-color-focus);
5196
+ }
5197
+ .e-schedule .e-vertical-view .e-selected-cell:focus-visible {
5193
5198
  background: var(--color-sf-content-bg-color);
5194
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5195
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5199
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5200
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5196
5201
  }
5197
5202
  .e-schedule .e-vertical-view .e-clone-time-indicator,
5198
5203
  .e-schedule .e-vertical-view .e-current-time {
@@ -5279,9 +5284,13 @@
5279
5284
  }
5280
5285
  .e-schedule .e-month-view .e-selected-cell:focus,
5281
5286
  .e-schedule .e-month-agenda-view .e-selected-cell:focus {
5287
+ background: var(--color-sf-content-bg-color-focus);
5288
+ }
5289
+ .e-schedule .e-month-view .e-selected-cell:focus-visible,
5290
+ .e-schedule .e-month-agenda-view .e-selected-cell:focus-visible {
5282
5291
  background: var(--color-sf-content-bg-color);
5283
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5284
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5292
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5293
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5285
5294
  }
5286
5295
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
5287
5296
  overflow: auto;
@@ -5368,9 +5377,12 @@
5368
5377
  background: var(--color-sf-content-bg-color-selected);
5369
5378
  }
5370
5379
  .e-schedule .e-timeline-view .e-selected-cell:focus {
5380
+ background: var(--color-sf-content-bg-color-focus);
5381
+ }
5382
+ .e-schedule .e-timeline-view .e-selected-cell:focus-visible {
5371
5383
  background: var(--color-sf-content-bg-color);
5372
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5373
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5384
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5385
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5374
5386
  }
5375
5387
  .e-schedule .e-timeline-view .e-alternate-cells {
5376
5388
  border-left-style: dotted;
@@ -5425,9 +5437,12 @@
5425
5437
  background: var(--color-sf-content-bg-color-selected);
5426
5438
  }
5427
5439
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:focus {
5440
+ background: var(--color-sf-content-bg-color-focus);
5441
+ }
5442
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:focus-visible {
5428
5443
  background: var(--color-sf-content-bg-color);
5429
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5430
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
5444
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5445
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
5431
5446
  }
5432
5447
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
5433
5448
  background: var(--color-sf-content-bg-color-alt2);
package/styles/recurrence-editor/fluent2.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --color-sf-success: #0e700e;
11
11
  --color-sf-info: #008aa9;
12
12
  --color-sf-warning: #bc4b09;
13
- --color-sf-danger: #b10e1c;
13
+ --color-sf-danger: #d13438;
14
14
  --color-sf-success-light: #54b054;
15
15
  --color-sf-info-light: #56bfd7;
16
16
  --color-sf-warning-light: #fee5d7;
@@ -221,7 +221,7 @@
221
221
  --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
222
  --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
223
  --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
- --color-sf-rating-selected-color: var(--color-sf-content-text-color);
224
+ --color-sf-rating-selected-color: #242424;
225
225
  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
226
  --color-sf-rating-selected-disabled-color: #b3b3b3;
227
227
  --color-sf-rating-unrated-disabled-color: #b3b3b3;
@@ -246,7 +246,7 @@
246
246
  --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
247
  --color-sf-msg-success-bg-color: #f1faf1;
248
248
  --color-sf-msg-success-border-color: #9fd89f;
249
- --color-sf-msg-success-color-alt1: var(--color-sf-success);
249
+ --color-sf-msg-success-color-alt1: #0e700e;
250
250
  --color-sf-msg-success-bg-color-alt1: transparent;
251
251
  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
252
  --color-sf-msg-success-color-alt2: #fff;
@@ -261,7 +261,7 @@
261
261
  --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
262
  --color-sf-msg-danger-bg-color: #fdf3f4;
263
263
  --color-sf-msg-danger-border-color: #eeacb2;
264
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
264
+ --color-sf-msg-danger-color-alt1: #b10e1c;
265
265
  --color-sf-msg-danger-bg-color-alt1: transparent;
266
266
  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
267
  --color-sf-msg-danger-color-alt2: #fff;
@@ -276,7 +276,7 @@
276
276
  --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
277
  --color-sf-msg-info-bg-color: #f2fafc;
278
278
  --color-sf-msg-info-border-color: #a4deeb;
279
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
279
+ --color-sf-msg-info-color-alt1: #00748f;
280
280
  --color-sf-msg-info-bg-color-alt1: transparent;
281
281
  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
282
  --color-sf-msg-info-color-alt2: #fff;
@@ -291,7 +291,7 @@
291
291
  --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
292
  --color-sf-msg-warning-bg-color: #fdf6f3;
293
293
  --color-sf-msg-warning-border-color: #f4bfab;
294
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
294
+ --color-sf-msg-warning-color-alt1: #c43501;
295
295
  --color-sf-msg-warning-bg-color-alt1: transparent;
296
296
  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
297
  --color-sf-msg-warning-color-alt2: #fff;
@@ -317,7 +317,7 @@
317
317
  --color-sf-link-button-focus: #0f6cbd;
318
318
  --color-sf-link-button-border-focus: #242424;
319
319
  --color-sf-chip-bg-color: #f5f5f5;
320
- --color-sf-chip-border-color: rgba(0, 0, 0, 0);
320
+ --color-sf-chip-border-color: #f5f5f5;
321
321
  --color-sf-chip-bg-disabled: #f0f0f0;
322
322
  --color-sf-chip-border-disabled: #fff;
323
323
  --color-sf-secondary-outline-button-text-color-hover: #242424;
@@ -406,7 +406,7 @@
406
406
  --color-sf-border-focus: var(--color-sf-border);
407
407
  --color-sf-border-selected: #6b6b6b;
408
408
  --color-sf-border-dragged: var(--color-sf-primary);
409
- --color-sf-border-disabled: #08233b;
409
+ --color-sf-border-disabled: #424242;
410
410
  --color-sf-border-warning: #bc4b09;
411
411
  --color-sf-border-error: #dc626d;
412
412
  --color-sf-border-success: #9fd89f;
@@ -569,7 +569,7 @@
569
569
  --color-sf-diagram-palette-background: #e0e0e0;
570
570
  --color-sf-diagram-palette-hover-background: #bdbdbd;
571
571
  --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
- --color-sf-rating-selected-color: var(--color-sf-content-text-color);
572
+ --color-sf-rating-selected-color: #fff;
573
573
  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
574
  --color-sf-rating-selected-disabled-color: #575757;
575
575
  --color-sf-rating-unrated-disabled-color: #4d4d4d;
@@ -581,9 +581,9 @@
581
581
  --color-sf-msg-border-color: var(--color-sf-border);
582
582
  --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
583
  --color-sf-msg-bg-color-alt1: transparent;
584
- --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
584
+ --color-sf-msg-border-color-alt1: #666666;
585
585
  --color-sf-msg-color-alt2: #242424;
586
- --color-sf-msg-bg-color-alt2: #adadad;
586
+ --color-sf-msg-bg-color-alt2: #c2c2c2;
587
587
  --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
588
  --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
589
  --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
@@ -594,9 +594,9 @@
594
594
  --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
595
  --color-sf-msg-success-bg-color: #052505;
596
596
  --color-sf-msg-success-border-color: #107c10;
597
- --color-sf-msg-success-color-alt1: var(--color-sf-success);
597
+ --color-sf-msg-success-color-alt1: #54b054;
598
598
  --color-sf-msg-success-bg-color-alt1: transparent;
599
- --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
599
+ --color-sf-msg-success-border-color-alt1: #218c21;
600
600
  --color-sf-msg-success-color-alt2: #fff;
601
601
  --color-sf-msg-success-bg-color-alt2: #107c10;
602
602
  --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
@@ -609,9 +609,9 @@
609
609
  --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
610
  --color-sf-msg-danger-bg-color: #3b0509;
611
611
  --color-sf-msg-danger-border-color: #c50f1f;
612
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
612
+ --color-sf-msg-danger-color-alt1: #dc626d;
613
613
  --color-sf-msg-danger-bg-color-alt1: transparent;
614
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
614
+ --color-sf-msg-danger-border-color-alt1: #d33f4c;
615
615
  --color-sf-msg-danger-color-alt2: #fff;
616
616
  --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
617
  --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
@@ -624,9 +624,9 @@
624
624
  --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
625
  --color-sf-msg-info-bg-color: #002e38;
626
626
  --color-sf-msg-info-border-color: #0099bc;
627
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
627
+ --color-sf-msg-info-color-alt1: #56bfd7;
628
628
  --color-sf-msg-info-bg-color-alt1: transparent;
629
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
629
+ --color-sf-msg-info-border-color-alt1: #31afdd;
630
630
  --color-sf-msg-info-color-alt2: #fff;
631
631
  --color-sf-msg-info-bg-color-alt2: #0099bc;
632
632
  --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
@@ -639,9 +639,9 @@
639
639
  --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
640
  --color-sf-msg-warning-bg-color: #411200;
641
641
  --color-sf-msg-warning-border-color: #da3b01;
642
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
642
+ --color-sf-msg-warning-color-alt1: #e9835e;
643
643
  --color-sf-msg-warning-bg-color-alt1: transparent;
644
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
644
+ --color-sf-msg-warning-border-color-alt1: #e36537;
645
645
  --color-sf-msg-warning-color-alt2: #fff;
646
646
  --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
647
  --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
@@ -659,7 +659,7 @@
659
659
  --color-sf-link-button-focus: #115ea3;
660
660
  --color-sf-link-button-border-focus: #fff;
661
661
  --color-sf-chip-bg-color: #141414;
662
- --color-sf-chip-border-color: rgba(0, 0, 0, 0);
662
+ --color-sf-chip-border-color: #141414;
663
663
  --color-sf-chip-bg-disabled: #141414;
664
664
  --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
665
  --color-sf-secondary-outline-button-text-color-hover: #fff;
@@ -714,7 +714,7 @@
714
714
  --color-sf-overlay-bg-color: rgba($black, .4);
715
715
  --color-sf-table-bg-color-hover: var(--color-sf-black);
716
716
  --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
- --color-sf-table-bg-color-selected: var(--color-sf-black);
717
+ --color-sf-table-bg-color-selected: #1a3bff;
718
718
  --color-sf-content-text-color: #fff;
719
719
  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
720
  --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
@@ -724,7 +724,7 @@
724
724
  --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
725
  --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
726
  --color-sf-content-text-color-dragged: #000;
727
- --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
727
+ --color-sf-content-text-color-disabled: #3ff23f;
728
728
  --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
729
  --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
730
  --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
@@ -748,12 +748,12 @@
748
748
  --color-sf-border-focus: var(--color-sf-border-hover);
749
749
  --color-sf-border-selected: var(--color-sf-border-hover);
750
750
  --color-sf-border-dragged: var(--color-sf-border-light);
751
- --color-sf-border-disabled: #fff;
751
+ --color-sf-border-disabled: #3ff23f;
752
752
  --color-sf-border-warning: #f7630c;
753
753
  --color-sf-border-error: #c50f1f;
754
754
  --color-sf-border-success: #107c10;
755
755
  --color-sf-border-info: #0099bc;
756
- --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
756
+ --color-sf-spreadsheet-gridline: #e6e6e6;
757
757
  --color-sf-flyout-border: var(--color-sf-border-light);
758
758
  --color-sf-primary: #1aebff;
759
759
  --color-sf-primary-text-color: #000;
@@ -911,7 +911,7 @@
911
911
  --color-sf-diagram-palette-background: #000;
912
912
  --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
913
  --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
- --color-sf-rating-selected-color: var(--color-sf-content-text-color);
914
+ --color-sf-rating-selected-color: #fff;
915
915
  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
916
  --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
917
  --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
@@ -936,7 +936,7 @@
936
936
  --color-sf-msg-success-color: #107c10;
937
937
  --color-sf-msg-success-bg-color: #000;
938
938
  --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
- --color-sf-msg-success-color-alt1: var(--color-sf-success);
939
+ --color-sf-msg-success-color-alt1: #107c10;
940
940
  --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
941
  --color-sf-msg-success-border-color-alt1: #fff;
942
942
  --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
@@ -951,7 +951,7 @@
951
951
  --color-sf-msg-danger-color: #c50f1f;
952
952
  --color-sf-msg-danger-bg-color: #000;
953
953
  --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
954
+ --color-sf-msg-danger-color-alt1: #c50f1f;
955
955
  --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
956
  --color-sf-msg-danger-border-color-alt1: #fff;
957
957
  --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
@@ -966,7 +966,7 @@
966
966
  --color-sf-msg-info-color: #0099bc;
967
967
  --color-sf-msg-info-bg-color: #000;
968
968
  --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
969
+ --color-sf-msg-info-color-alt1: #0099bc;
970
970
  --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
971
  --color-sf-msg-info-border-color-alt1: #fff;
972
972
  --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
@@ -981,7 +981,7 @@
981
981
  --color-sf-msg-warning-color: #f7630c;
982
982
  --color-sf-msg-warning-bg-color: #000;
983
983
  --color-sf-msg-warning-border-color: #da3b01;
984
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
984
+ --color-sf-msg-warning-color-alt1: #f7630c;
985
985
  --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
986
  --color-sf-msg-warning-border-color-alt1: #fff;
987
987
  --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
@@ -1022,7 +1022,7 @@
1022
1022
  --color-sf-secondary-badge-border-color: #fff;
1023
1023
  --color-sf-secondary-badge-bg-color: #000;
1024
1024
  --color-sf-secondary-badge-bg-color-focus: #fff;
1025
- --color-sf-skeleton-bg-color: #ffffff;
1025
+ --color-sf-skeleton-bg-color: #fff;
1026
1026
  --color-sf-tab-selected-bg-color-disabled: #000;
1027
1027
  --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
1028
  --color-sf-ribbon-border-color: #fff;
package/styles/schedule/_fluent2-definition.scss CHANGED
@@ -110,8 +110,8 @@ $schedule-popup-content-padding: 40px 18px 12px !default;
110
110
  $schedule-recurrence-font-size: $text-xs !default;
111
111
  $schedule-tbar-bgr-min-height: 48px !default;
112
112
  $schedule-tbar-border-bottom-size: 1px solid $border-light !default;
113
- $schedule-tbar-box-shadow: $shadow-sm !default;
114
- $schedule-tbar-box-shadow-bottom-margin: 3px !default;
113
+ $schedule-tbar-box-shadow: none !default;
114
+ $schedule-tbar-box-shadow-bottom-margin: 0 !default;
115
115
  $schedule-tbar-min-height: 40px !default;
116
116
  $schedule-tbar-down-arrow-font-size: $text-lg !default;
117
117
  $schedule-tbar-down-arrow-margin-top: 2px !default;
@@ -149,7 +149,7 @@ $schedule-header-hover-border-radius: 4px !default;
149
149
  $schedule-more-popup-wrapper-border-radius: 6px !default;
150
150
  $schedule-box-shadow: 0 1px 0 rgba($color: $black, $alpha: .15) !default;
151
151
  $schedule-select-focus-bg-color: $content-bg-color !default;
152
- $schedule-select-focus-box-shadow: $shadow-focus-ring1 !default;
152
+ $schedule-select-focus-box-shadow: $keyboard-focus !default;
153
153
  $schedule-popup-box-shadow-1: $shadow-lg !default;
154
154
  $schedule-popup-box-shadow-2: $shadow-lg !default;
155
155
  $schedule-popup-box-shadow-3: $shadow-lg !default;
package/styles/schedule/_theme.scss CHANGED
@@ -1,6 +1,10 @@
1
1
  @mixin schedule-select-cell-focus-styles {
2
2
  @if ($theme-name == 'fluent2') {
3
3
  &:focus {
4
+ background: $content-bg-color-focus;
5
+ }
6
+
7
+ &:focus-visible {
4
8
  background: $schedule-select-focus-bg-color;
5
9
  box-shadow: $schedule-select-focus-box-shadow;
6
10
  }