@progress/kendo-theme-fluent 6.8.0-dev.1 → 7.0.0-dev.0

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 (44) hide show
  1. package/dist/all.css +392 -111
  2. package/dist/meta/sassdoc-data.json +2964 -584
  3. package/dist/meta/sassdoc-raw-data.json +1729 -545
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/action-sheet/_variables.scss +1 -1
  8. package/scss/bottom-navigation/_variables.scss +2 -2
  9. package/scss/chat/_variables.scss +3 -3
  10. package/scss/colorgradient/_layout.scss +2 -0
  11. package/scss/colorgradient/_theme.scss +3 -30
  12. package/scss/colorgradient/_variables.scss +16 -10
  13. package/scss/core/_index.scss +10 -4
  14. package/scss/core/_legacy.scss +4 -0
  15. package/scss/core/elevation/_index.scss +44 -0
  16. package/scss/core/elevation/_legacy.scss +48 -0
  17. package/scss/core/helpers/_index.scss +1 -0
  18. package/scss/core/helpers/_indicators.scss +35 -0
  19. package/scss/core/module-system/_components.scss +1 -0
  20. package/scss/dataviz/_variables.scss +1 -1
  21. package/scss/dialog/_variables.scss +1 -1
  22. package/scss/dock-manager/_index.scss +29 -0
  23. package/scss/dock-manager/_layout.scss +224 -0
  24. package/scss/dock-manager/_theme.scss +47 -0
  25. package/scss/dock-manager/_variables.scss +119 -0
  26. package/scss/fab/_layout.scss +0 -1
  27. package/scss/grid/_variables.scss +1 -1
  28. package/scss/index.scss +7 -1
  29. package/scss/listview/_layout.scss +1 -1
  30. package/scss/menu/_variables.scss +1 -1
  31. package/scss/pdf-viewer/_layout.scss +31 -50
  32. package/scss/pdf-viewer/_theme.scss +0 -4
  33. package/scss/pdf-viewer/_variables.scss +8 -9
  34. package/scss/popover/_variables.scss +2 -2
  35. package/scss/popup/_variables.scss +1 -1
  36. package/scss/scheduler/_layout.scss +1 -15
  37. package/scss/scheduler/_theme.scss +0 -17
  38. package/scss/scheduler/_variables.scss +1 -5
  39. package/scss/splitter/_layout.scss +1 -0
  40. package/scss/taskboard/_variables.scss +1 -1
  41. package/scss/timeline/_variables.scss +1 -1
  42. package/scss/tooltip/_variables.scss +1 -1
  43. package/scss/utils/_layout.scss +1 -0
  44. package/scss/window/_variables.scss +2 -2
@@ -531,20 +531,6 @@
531
531
  justify-content: center;
532
532
  }
533
533
 
534
- // Current time
535
- .k-current-time {
536
- position: absolute;
537
-
538
- &.k-current-time-arrow-left,
539
- &.k-current-time-arrow-right,
540
- &.k-current-time-arrow-down {
541
- width: 0;
542
- height: 0;
543
- background: transparent;
544
- border: 4px solid transparent;
545
- }
546
- }
547
-
548
534
  // Draging hint
549
535
  .k-event-drag-hint {
550
536
  opacity: .5;
@@ -938,7 +924,7 @@
938
924
 
939
925
  .k-safari {
940
926
  .k-scheduler-tooltip .k-tooltip-event:not(:last-child) {
941
- margin-block-end: var( --kendo-scheduler-tooltip-event-gap #{$kendo-scheduler-tooltip-event-gap} );
927
+ margin-block-end: var( --kendo-scheduler-tooltip-event-gap, #{$kendo-scheduler-tooltip-event-gap} );
942
928
  }
943
929
 
944
930
  .k-scheduler-yearview .k-calendar-view .k-month {
@@ -11,23 +11,6 @@
11
11
  );
12
12
  }
13
13
 
14
- // Current time
15
- .k-current-time {
16
- background: var( --kendo-scheduler-current-time-color, #{$kendo-scheduler-current-time-color} );
17
-
18
- &.k-current-time-arrow-left {
19
- border-right-color: var( --kendo-scheduler-current-time-color, #{$kendo-scheduler-current-time-color} );
20
- }
21
-
22
- &.k-current-time-arrow-right {
23
- border-left-color: var( --kendo-scheduler-current-time-color, #{$kendo-scheduler-current-time-color} );
24
- }
25
-
26
- &.k-current-time-arrow-down {
27
- border-top-color: var( --kendo-scheduler-current-time-color, #{$kendo-scheduler-current-time-color} );
28
- }
29
- }
30
-
31
14
  // Header and footer
32
15
  .k-scheduler-toolbar {
33
16
  @include fill(
@@ -146,10 +146,6 @@ $kendo-scheduler-datecolumn-width: 12em !default;
146
146
  /// @group scheduler
147
147
  $kendo-scheduler-timecolumn-width: 11em !default;
148
148
 
149
- /// Color of the current time marker in the scheduler.
150
- /// @group scheduler
151
- $kendo-scheduler-current-time-color: #ff0000 !default;
152
-
153
149
  /// Background color of the non-working hours in the scheduler.
154
150
  /// @group scheduler
155
151
  $kendo-scheduler-nonwork-bg: k-get-theme-color-var( neutral-10 ) !default;
@@ -221,7 +217,7 @@ $kendo-scheduler-tooltip-text: k-get-theme-color-var( neutral-130 ) !default;
221
217
  $kendo-scheduler-tooltip-border: null !default;
222
218
  /// Shadow of the scheduler tooltip.
223
219
  /// @group scheduler
224
- $kendo-scheduler-tooltip-shadow: 0px 0px 10px rgba(0, 0, 0, .2 ) !default;
220
+ $kendo-scheduler-tooltip-shadow: k-elevation(5) !default;
225
221
 
226
222
  /// Vertical spacing of the scheduler tooltip title.
227
223
  /// @group scheduler
@@ -21,6 +21,7 @@
21
21
  // Pane
22
22
  .k-pane {
23
23
  overflow: hidden;
24
+ box-sizing:border-box;
24
25
  }
25
26
  .k-scrollable {
26
27
  overflow: auto;
@@ -185,7 +185,7 @@ $kendo-taskboard-card-focus-shadow: none !default;
185
185
  $kendo-taskboard-card-selected-border: k-get-theme-color-var( primary-100 ) !default;
186
186
  /// Selected shadow of the task board card.
187
187
  /// @group taskboard
188
- $kendo-taskboard-card-selected-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
188
+ $kendo-taskboard-card-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
189
189
 
190
190
  /// Font size of the task board card title.
191
191
  /// @group taskboard
@@ -98,7 +98,7 @@ $kendo-timeline-flag-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
98
98
  $kendo-timeline-flag-line-height: var( --kendo-line-height, normal ) !default;
99
99
  /// The box shadow of the flag in the timeline.
100
100
  /// @group timeline
101
- $kendo-timeline-flag-box-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
101
+ $kendo-timeline-flag-box-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
102
102
  /// The min widht of the flag in the timeline.
103
103
  /// @group timeline
104
104
  $kendo-timeline-flag-min-width: map.get( $kendo-spacing, 20 ) !default;
@@ -48,7 +48,7 @@ $kendo-tooltip-text: var( --kendo-component-text, initial ) !default;
48
48
  $kendo-tooltip-border: transparent !default;
49
49
  /// The box-shadow of the tooltip
50
50
  /// @group tooltip
51
- $kendo-tooltip-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
51
+ $kendo-tooltip-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
52
52
 
53
53
  /// The text color of the tooltip button
54
54
  /// @group tooltip
@@ -4,6 +4,7 @@
4
4
  $kendo-spacing: $kendo-spacing,
5
5
  $kendo-font-sizes: $kendo-font-sizes,
6
6
  $kendo-border-radii: $kendo-border-radii,
7
+ $kendo-elevation: $kendo-elevation
7
8
  );
8
9
 
9
10
  @mixin kendo-utils--layout() {
@@ -81,10 +81,10 @@ $kendo-window-text: var( --kendo-component-text, initial ) !default;
81
81
  $kendo-window-border: k-get-theme-color-var( primary-100 ) !default;
82
82
  /// The box shadow of the Window.
83
83
  /// @group window
84
- $kendo-window-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
84
+ $kendo-window-shadow: var( --kendo-box-shadow-depth-8, none ) !default;
85
85
  /// The box shadow of the focused Window.
86
86
  /// @group window
87
- $kendo-window-focus-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
87
+ $kendo-window-focus-shadow: var( --kendo-box-shadow-depth-9, none ) !default;
88
88
 
89
89
  /// The background color of the Window titlebar.
90
90
  /// @group window