@progress/kendo-theme-fluent 7.2.1-dev.1 → 7.2.1-dev.2

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 (9) hide show
  1. package/dist/all.css +3 -0
  2. package/dist/meta/sassdoc-data.json +208 -208
  3. package/dist/meta/sassdoc-raw-data.json +104 -104
  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/gantt/_layout.scss +5 -0
  8. package/scss/slider/_variables.scss +45 -45
  9. package/scss/timeline/_variables.scss +59 -59
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "7.2.1-dev.1",
6
+ "version": "7.2.1-dev.2",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "7.2.1-dev.1",
6
+ "version": "7.2.1-dev.2",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "7.2.1-dev.1",
4
+ "version": "7.2.1-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,12 +53,12 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "2.1.0",
56
- "@progress/kendo-theme-core": "7.2.1-dev.1",
57
- "@progress/kendo-theme-utils": "7.2.1-dev.1"
56
+ "@progress/kendo-theme-core": "7.2.1-dev.2",
57
+ "@progress/kendo-theme-utils": "7.2.1-dev.2"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "e457fb8fc63a63e7f4b44765d1240403e0b74703"
63
+ "gitHead": "08e13ce0104dd28d6921783cb33c2ba53da6a0e7"
64
64
  }
package/scss/gantt/_layout.scss CHANGED
@@ -63,6 +63,11 @@
63
63
  display: inline-flex;
64
64
  }
65
65
 
66
+ // Splitter
67
+ .k-gantt-splitter {
68
+ border-width: 0;
69
+ }
70
+
66
71
  // React gantt
67
72
  .k-treelist-scrollable {
68
73
  width: 100%;
package/scss/slider/_variables.scss CHANGED
@@ -2,150 +2,150 @@
2
2
  @use "sass:map";
3
3
  @use "../core/" as *;
4
4
 
5
- /// The default slider size.
5
+ /// The default size of the Slider.
6
6
  /// @group slider
7
7
  $kendo-slider-size: 200px !default;
8
- /// The default slider track wrap size.
8
+ /// The default size of the Slider's track wrap.
9
9
  /// @group slider
10
10
  $kendo-slider-alt-size: 26px !default;
11
- /// The spacing of the slider.
11
+ /// The spacing of the Slider.
12
12
  /// @group slider
13
13
  $kendo-slider-spacing: map.get( $kendo-spacing, 2 ) !default;
14
14
 
15
- /// Font family of the slider.
15
+ /// The font family of the Slider.
16
16
  /// @group slider
17
17
  $kendo-slider-font-family: var( --kendo-font-family, inherit ) !default;
18
- /// Font size of the slider.
18
+ /// The font size of the Slider.
19
19
  /// @group slider
20
20
  $kendo-slider-font-size: var( --kendo-font-size-sm, inherit ) !default;
21
- /// Line height of the slider.
21
+ /// The line height of the Slider.
22
22
  /// @group slider
23
23
  $kendo-slider-line-height: var( --kendo-line-height, normal ) !default;
24
- /// The text color of the slider.
24
+ /// The text color of the Slider.
25
25
  /// @group slider
26
26
  $kendo-slider-text: inherit !default;
27
27
 
28
- /// The size of the slider track.
28
+ /// The size of the Slider track.
29
29
  /// @group slider
30
30
  $kendo-slider-track-size: map.get( $kendo-spacing, 1 ) !default;
31
- /// The border radius of the slider track.
31
+ /// The border radius of the Slider track.
32
32
  /// @group slider
33
33
  $kendo-slider-track-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
34
- /// The background color of the slider track.
34
+ /// The background color of the Slider track.
35
35
  /// @group slider
36
36
  $kendo-slider-track-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 )) !default;
37
- /// The border color of the slider track.
37
+ /// The border color of the Slider track.
38
38
  /// @group slider
39
39
  $kendo-slider-track-border: inherit !default;
40
- /// The hover background color of the slider track.
40
+ /// The background color of the hovered Slider track.
41
41
  /// @group slider
42
42
  $kendo-slider-track-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 )) !default;
43
- /// The hover border color of the slider track.
43
+ /// The border color of the hovered Slider track.
44
44
  /// @group slider
45
45
  $kendo-slider-track-hover-border: inherit !default;
46
- /// The focus background color of the slider track.
46
+ /// The background color of the focused Slider track.
47
47
  /// @group slider
48
48
  $kendo-slider-track-focus-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 )) !default;
49
- /// The focus border color of the slider track.
49
+ /// The border color of the focused Slider track.
50
50
  /// @group slider
51
51
  $kendo-slider-track-focus-border: inherit !default;
52
52
 
53
- /// The selection background color of the slider track.
53
+ /// The background color of the Slider's track selection.
54
54
  /// @group slider
55
55
  $kendo-slider-selection-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
56
56
 
57
- /// The default size of the slider thumb.
57
+ /// The default size of the Slider thumb.
58
58
  /// @group slider
59
59
  $kendo-slider-thumb-size: 16px !default;
60
- /// The default border width of the slider thumb.
60
+ /// The default border width of the Slider thumb.
61
61
  /// @group slider
62
62
  $kendo-slider-thumb-border-width: map.get( $kendo-spacing, 0.5 ) !default;
63
- /// The border radius of the slider thumb.
63
+ /// The border radius of the Slider thumb.
64
64
  /// @group slider
65
65
  $kendo-slider-thumb-border-radius: 999em !default;
66
- /// The active transition scale of the slider thumb.
66
+ /// The transition scale of the active Slider thumb.
67
67
  /// @group slider
68
68
  $kendo-slider-thumb-active-scale: null !default;
69
- /// The active size of the slider thumb.
69
+ /// The size of the active Slider thumb.
70
70
  /// @group slider
71
71
  $kendo-slider-thumb-active-size: null !default;
72
72
 
73
- /// The background color of the slider thumb.
73
+ /// The background color of the Slider thumb.
74
74
  /// @group slider
75
75
  $kendo-slider-thumb-bg: var( --kendo-component-bg, transparent ) !default;
76
- /// The text color of the slider thumb.
76
+ /// The text color of the Slider thumb.
77
77
  /// @group slider
78
78
  $kendo-slider-thumb-text: inherit !default;
79
- /// The border color of the slider thumb.
79
+ /// The border color of the Slider thumb.
80
80
  /// @group slider
81
81
  $kendo-slider-thumb-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
82
- /// The gradient of the slider thumb.
82
+ /// The gradient of the Slider thumb.
83
83
  /// @group slider
84
84
  $kendo-slider-thumb-gradient: transparent !default;
85
85
 
86
- /// The hover background color of the slider thumb.
86
+ /// The background color of the hovered Slider thumb.
87
87
  /// @group slider
88
88
  $kendo-slider-thumb-hover-bg: $kendo-slider-thumb-bg !default;
89
- /// The hover text color of the slider thumb.
89
+ /// The text color of the hovered Slider thumb.
90
90
  /// @group slider
91
91
  $kendo-slider-thumb-hover-text: inherit !default;
92
- /// The hover border color of the slider thumb.
92
+ /// The border color of the hovered Slider thumb.
93
93
  /// @group slider
94
94
  $kendo-slider-thumb-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-120 )) !default;
95
- /// The hover gradient of the slider thumb.
95
+ /// The gradient of the hovered Slider thumb.
96
96
  /// @group slider
97
97
  $kendo-slider-thumb-hover-gradient: transparent !default;
98
98
 
99
- /// The active background color of the slider thumb.
99
+ /// The background color of the active Slider thumb.
100
100
  /// @group slider
101
101
  $kendo-slider-thumb-active-bg: $kendo-slider-thumb-hover-bg !default;
102
- /// The active text color of the slider thumb.
102
+ /// The text color of the active Slider thumb.
103
103
  /// @group slider
104
104
  $kendo-slider-thumb-active-text: inherit !default;
105
- /// The active border color of the slider thumb.
105
+ /// The border color of the active Slider thumb.
106
106
  /// @group slider
107
107
  $kendo-slider-thumb-active-border: if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-130 )) !default;
108
- /// The active gradient of the slider thumb.
108
+ /// The gradient of the active Slider thumb.
109
109
  /// @group slider
110
110
  $kendo-slider-thumb-active-gradient: transparent !default;
111
111
 
112
- /// The focus background color of the slider thumb.
112
+ /// The background color of the focused Slider thumb.
113
113
  /// @group slider
114
114
  $kendo-slider-thumb-focus-bg: $kendo-slider-thumb-hover-bg !default;
115
- /// The focus text color of the slider thumb.
115
+ /// The text color of the focused Slider thumb.
116
116
  /// @group slider
117
117
  $kendo-slider-thumb-focus-text: inherit !default;
118
- /// The focus border color of the slider thumb.
118
+ /// The border color of the focused Slider thumb.
119
119
  /// @group slider
120
120
  $kendo-slider-thumb-focus-border: $kendo-slider-thumb-active-border !default;
121
- /// The focus gradient of the slider thumb.
121
+ /// The gradient of the focused Slider thumb.
122
122
  /// @group slider
123
123
  $kendo-slider-thumb-focus-gradient: transparent !default;
124
124
 
125
- /// The text color of the disabled slider.
125
+ /// The text color of the disabled Slider.
126
126
  /// @group slider
127
127
  $kendo-slider-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .7 ), k-get-theme-color-var( neutral-130 )) !default;
128
- /// The background color of the disabled slider track.
128
+ /// The background color of the disabled Slider track.
129
129
  /// @group slider
130
130
  $kendo-slider-track-disabled-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 )) !default;
131
- /// The selection background color of the disabled slider track.
131
+ /// The background color of the disabled Slider's track selection.
132
132
  /// @group slider
133
133
  $kendo-slider-selection-disabled-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 )) !default;
134
- /// The background color of the disabled slider thumb.
134
+ /// The background color of the disabled Slider thumb.
135
135
  /// @group slider
136
136
  $kendo-slider-thumb-disabled-border: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 )) !default;
137
137
 
138
138
 
139
- /// The transition speed of the slider.
139
+ /// The transition speed of the Slider.
140
140
  /// @group slider
141
141
  $kendo-slider-transition-speed: .3s !default;
142
- /// The transition function function.
142
+ /// The transition function of the Slider.
143
143
  /// @group slider
144
144
  $kendo-slider-transition-function: ease-out !default;
145
145
 
146
- /// The transition speed of the slider thumb.
146
+ /// The transition speed of the Slider thumb.
147
147
  /// @group slider
148
148
  $kendo-slider-thumb-transition-speed: .4s !default;
149
- /// The transition function of the slider thumb.
149
+ /// The transition function of the Slider thumb.
150
150
  /// @group slider
151
151
  $kendo-slider-thumb-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
package/scss/timeline/_variables.scss CHANGED
@@ -5,193 +5,193 @@
5
5
 
6
6
  // Timeline
7
7
 
8
- /// The horizontal spacing of the timeline.
8
+ /// The horizontal spacing of the Timeline.
9
9
  /// @group timeline
10
10
  $kendo-timeline-spacing-x: map.get( $kendo-spacing, 10 ) !default;
11
- /// The vertical spacing of the timeline.
11
+ /// The vertical spacing of the Timeline.
12
12
  /// @group timeline
13
13
  $kendo-timeline-spacing-y: map.get( $kendo-spacing, 10 ) !default;
14
- /// The padding between the items in the timeline.
14
+ /// The padding between the Timeline's track items.
15
15
  /// @group timeline
16
16
  $kendo-timeline-items-padding: map.get( $kendo-spacing, 4 ) !default;
17
17
 
18
- /// The font family of the timeline.
18
+ /// The font family of the Timeline.
19
19
  /// @group timeline
20
20
  $kendo-timeline-font-family: var( --kendo-font-family, inherit ) !default;
21
- /// The font size of the timeline.
21
+ /// The font size of the Timeline.
22
22
  /// @group timeline
23
23
  $kendo-timeline-font-size: var( --kendo-font-size, inherit ) !default;
24
- /// The line height of the timeline.
24
+ /// The line height of the Timeline.
25
25
  /// @group timeline
26
26
  $kendo-timeline-line-height: var( --kendo-line-height, normal ) !default;
27
27
 
28
- /// The horizontal mobile spacing of the timeline.
28
+ /// The horizontal spacing of the mobile Timeline.
29
29
  /// @group timeline
30
30
  $kendo-timeline-mobile-spacing-x: map.get( $kendo-spacing, 4 ) !default;
31
- /// The vertical mobile spacing of the timeline.
31
+ /// The vertical spacing of the mobile Timeline.
32
32
  /// @group timeline
33
33
  $kendo-timeline-mobile-spacing-y: map.get( $kendo-spacing, 4 ) !default;
34
34
 
35
- /// The track arrow width of the timeline.
35
+ /// The width of the Timeline track arrow.
36
36
  /// @group timeline
37
37
  $kendo-timeline-track-arrow-width: map.get( $kendo-spacing, 7.5 ) !default;
38
- /// The track arrow height of the timeline.
38
+ /// The height of the Timeline track arrow.
39
39
  /// @group timeline
40
40
  $kendo-timeline-track-arrow-height: map.get( $kendo-spacing, 7.5 ) !default;
41
41
 
42
- /// The size of the track in the timeline.
42
+ /// The size of the Timeline track.
43
43
  /// @group timeline
44
44
  $kendo-timeline-track-size: map.get( $kendo-spacing, 1.5 ) !default;
45
- /// The bottom padding of the wrapper of the track in the timeline.
45
+ /// The bottom padding of the Timeline's track wrapper.
46
46
  /// @group timeline
47
47
  $kendo-timeline-track-wrap-padding-bottom: math.div( $kendo-timeline-track-size, 2 ) !default;
48
- /// The border width of the track in the timeline.
48
+ /// The border width of the Timeline track.
49
49
  /// @group timeline
50
50
  $kendo-timeline-track-border-width: 1px !default;
51
- /// The bottom margin of the track in the timeline.
51
+ /// The bottom margin of the Timeline track.
52
52
  /// @group timeline
53
53
  $kendo-timeline-track-margin-bottom: map.get( $kendo-spacing, 4 ) !default;
54
- /// The bottom of the track in the timeline.
54
+ /// The bottom offset of the Timeline track.
55
55
  /// @group timeline
56
56
  $kendo-timeline-track-bottom-calc: calc( ( #{ $kendo-timeline-track-arrow-height } / 2 ) + #{ $kendo-timeline-track-wrap-padding-bottom } ) !default;
57
- /// The left of the track in the timeline.
57
+ /// The left offset of the Timeline track.
58
58
  /// @group timeline
59
59
  $kendo-timeline-track-start-calc: calc( #{ $kendo-timeline-track-arrow-width } - 2 * #{ $kendo-timeline-track-border-width } ) !default;
60
- /// The right of the track in the timeline.
60
+ /// The right offset of the Timeline track.
61
61
  /// @group timeline
62
62
  $kendo-timeline-track-end-calc: calc( #{ $kendo-timeline-track-arrow-width } - 2 * #{ $kendo-timeline-track-border-width } ) !default;
63
- /// The background of the track in the timeline.
63
+ /// The background color of the Timeline track.
64
64
  /// @group timeline
65
65
  $kendo-timeline-track-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
66
- /// The border color of the track in the timeline.
66
+ /// The border color of the Timeline track.
67
67
  /// @group timeline
68
68
  $kendo-timeline-track-border-color: if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 )) !default;
69
69
 
70
- /// The inset block end of the arrow in the timeline.
70
+ /// The block end inset of the Timeline arrow.
71
71
  /// @group timeline
72
72
  $kendo-timeline-arrow-inset-block-end: calc( #{ $kendo-timeline-track-size } + #{ $kendo-timeline-track-wrap-padding-bottom } + #{ $kendo-timeline-track-border-width } ) !default;
73
- /// The disabled background of the arrow in the timeline.
73
+ /// The background color of the disabled Timeline arrow.
74
74
  /// @group timeline
75
75
  $kendo-timeline-track-arrow-disabled-bg: var( --kendo-disabled-bg, initial ) !default;
76
- /// The disabled text of the arrow in the timeline.
76
+ /// The text color of the disabled Timeline arrow.
77
77
  /// @group timeline
78
78
  $kendo-timeline-track-arrow-disabled-text: var( --kendo-disabled-text, initial ) !default;
79
- /// The disabled border color of the arrow in the timeline.
79
+ /// The border color of the disabled Timeline arrow.
80
80
  /// @group timeline
81
81
  $kendo-timeline-track-arrow-disabled-border: var( --kendo-disabled-border, initial) !default;
82
82
 
83
- /// The offset of the track event in the timeline.
83
+ /// The offset of the Timeline track event.
84
84
  /// @group timeline
85
85
  $kendo-timeline-track-event-offset: map.get( $kendo-spacing, 8 ) !default;
86
86
 
87
- /// The horizontal padding of the flag in the timeline.
87
+ /// The horizontal padding of the Timeline flag.
88
88
  /// @group timeline
89
89
  $kendo-timeline-flag-padding-x: map.get( $kendo-spacing, 2 ) !default;
90
- /// The vertical padding of the flag in the timeline.
90
+ /// The vertical padding of the Timeline flag.
91
91
  /// @group timeline
92
92
  $kendo-timeline-flag-padding-y: map.get( $kendo-spacing, 2 ) !default;
93
- /// The border radius of the flag in the timeline.
93
+ /// The border radius of the Timeline flag.
94
94
  /// @group timeline
95
95
  $kendo-timeline-flag-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
96
- /// The line height of the flag in the timeline.
96
+ /// The line height of the Timeline flag.
97
97
  /// @group timeline
98
98
  $kendo-timeline-flag-line-height: var( --kendo-line-height, normal ) !default;
99
- /// The box shadow of the flag in the timeline.
99
+ /// The box shadow of the Timeline flag.
100
100
  /// @group timeline
101
101
  $kendo-timeline-flag-box-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
102
- /// The min widht of the flag in the timeline.
102
+ /// The minimum width of the Timeline flag.
103
103
  /// @group timeline
104
104
  $kendo-timeline-flag-min-width: map.get( $kendo-spacing, 20 ) !default;
105
- /// The max width of the flag in the timeline.
105
+ /// The maximum width of the Timeline flag.
106
106
  /// @group timeline
107
107
  $kendo-timeline-flag-max-width: calc( #{ $kendo-timeline-flag-min-width } + 2 * #{ $kendo-timeline-spacing-x } ) !default;
108
- /// The max width of the mobile flag in the timeline.
108
+ /// The maximum width of the mobile Timeline flag.
109
109
  /// @group timeline
110
110
  $kendo-timeline-mobile-flag-max-width: calc( #{ $kendo-timeline-flag-min-width } + 2 * #{ $kendo-timeline-mobile-spacing-x } ) !default;
111
- /// The min width of the horizontal flag in the timeline.
111
+ /// The minimum width of the horizontal Timeline flag.
112
112
  /// @group timeline
113
113
  $kendo-timeline-horizontal-flag-min-width: map.get( $kendo-spacing, 15 ) !default;
114
- /// The background of the flag in the timeline.
114
+ /// The background color of the Timeline flag.
115
115
  /// @group timeline
116
116
  $kendo-timeline-flag-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
117
- /// The text of the flag in the timeline.
117
+ /// The text color of the Timeline flag.
118
118
  /// @group timeline
119
119
  $kendo-timeline-flag-text: var( --kendo-component-bg, initial ) !default;
120
- /// The width of the flag callout in the timeline.
120
+ /// The width of the Timeline's flag callout.
121
121
  /// @group timeline
122
122
  $kendo-timeline-flag-callout-width: map.get( $kendo-spacing, 2.5 ) !default;
123
- /// The height of the flag callout in the timeline.
123
+ /// The height of the Timeline's flag callout.
124
124
  /// @group timeline
125
125
  $kendo-timeline-flag-callout-height: map.get( $kendo-spacing, 2.5 ) !default;
126
- /// The offset bottom of the flag in the timeline.
126
+ /// The bottom offset of the Timeline flag.
127
127
  /// @group timeline
128
128
  $kendo-timeline-flag-offset-bottom: map.get( $kendo-spacing, 1 ) !default;
129
- /// The bottom margin of the flag in the timeline.
129
+ /// The bottom margin of the Timeline flag.
130
130
  /// @group timeline
131
131
  $kendo-timeline-flag-margin-bottom-calc: calc( #{ $kendo-timeline-track-size } + 2 * #{ $kendo-timeline-track-border-width } + #{ $kendo-timeline-flag-offset-bottom } + #{ $kendo-timeline-flag-callout-height } ) !default;
132
132
 
133
- /// The background of the card header in the timeline.
133
+ /// The background color of the Timeline's Card header.
134
134
  /// @group timeline
135
135
  $kendo-timeline-card-header-bg: var( --kendo-component-bg, initial ) !default;
136
- /// The text of the card header in the timeline.
136
+ /// The text color of the Timeline's Card header.
137
137
  /// @group timeline
138
138
  $kendo-timeline-card-header-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
139
- /// The border of the card body scroll in the timeline.
139
+ /// The border of the Timeline's Card body scroll.
140
140
  /// @group timeline
141
141
  $kendo-timeline-card-body-scroll-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 )) !default;
142
- /// The background of the card body scroll of the timeline.
142
+ /// The background color of the Timeline's Card body scroll.
143
143
  /// @group timeline
144
144
  $kendo-timeline-card-body-scroll-bg: var( --kendo-component-bg, initial ) !default;
145
- /// The hover of the card scroll thumb in the timeline.
145
+ /// The color of the Timeline's hovered card scroll thumb.
146
146
  /// @group timeline
147
147
  $kendo-timeline-card-scroll-thumb-hover: var( --kendo-hover-border, initial ) !default;
148
148
 
149
- /// The text of the date body in the timeline.
149
+ /// The text color of the Timeline date body.
150
150
  /// @group timeline
151
151
  $kendo-timeline-date-body-text: var( --kendo-body-text, initial ) !default;
152
- /// The width of the date in the timeline.
152
+ /// The width of the Timeline date.
153
153
  /// @group timeline
154
154
  $kendo-timeline-date-width: map.get( $kendo-spacing, 12 ) + map.get( $kendo-spacing, 0.5 ) !default;
155
- /// The bottom margin of the date in the timeline.
155
+ /// The bottom margin of the Timeline date.
156
156
  /// @group timeline
157
157
  $kendo-timeline-date-margin-bottom: map.get( $kendo-spacing, 2 ) !default;
158
158
 
159
- /// The padding of the vertical timeline.
159
+ /// The padding of the vertical Timeline.
160
160
  /// @group timeline
161
161
  $kendo-timeline-vertical-padding-calc: calc( #{ $kendo-timeline-spacing-x } + ( #{ $kendo-timeline-flag-min-width } - #{ $kendo-timeline-track-size } ) / 2 ) !default;
162
- /// The padding of the vertical dates timeline.
162
+ /// The padding of the vertical Timeline date.
163
163
  /// @group timeline
164
164
  $kendo-timeline-vertical-padding-with-dates-calc: calc( #{ $kendo-timeline-vertical-padding-calc } + #{ $kendo-timeline-date-width } ) !default;
165
- /// The border radius of the vertical timeline.
165
+ /// The border radius of the vertical Timeline.
166
166
  /// @group timeline
167
167
  $kendo-timeline-vertical-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-lg} ) !default;
168
- /// The padding of the vertical mobile timeline.
168
+ /// The padding of the vertical mobile Timeline.
169
169
  /// @group timeline
170
170
  $kendo-timeline-mobile-vertical-padding-calc: calc( #{ $kendo-timeline-mobile-spacing-x } + ( #{ $kendo-timeline-flag-min-width } - #{ $kendo-timeline-track-size } ) / 2 ) !default;
171
- /// The padding of the vertical mobile dates in the timeline.
171
+ /// The padding of the vertical mobile Timeline date.
172
172
  /// @group timeline
173
173
  $kendo-timeline-mobile-vertical-padding-with-dates-calc: calc( #{ $kendo-timeline-mobile-vertical-padding-calc } + #{ $kendo-timeline-date-width } ) !default;
174
174
 
175
- /// The width of the circle in the timeline
175
+ /// The width of the Timeline circle.
176
176
  /// @group timeline
177
177
  $kendo-timeline-circle-width: map.get( $kendo-spacing, 4 ) !default;
178
- /// The height of the circle in the timeline.
178
+ /// The height of the Timeline circle.
179
179
  /// @group timeline
180
180
  $kendo-timeline-circle-height: map.get( $kendo-spacing, 4 ) !default;
181
- /// The background of the circle in the timeline.
181
+ /// The background color of the Timeline circle.
182
182
  /// @group timeline
183
183
  $kendo-timeline-circle-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
184
184
 
185
- /// The width of the events in the timeline.
185
+ /// The width of the Timeline event.
186
186
  /// @group timeline
187
187
  $kendo-timeline-event-width: 400px !default;
188
- /// The height of the events in the timeline.
188
+ /// The height of the Timeline event.
189
189
  /// @group timeline
190
190
  $kendo-timeline-event-height: 600px !default;
191
- /// The min height of the events in the timeline.
191
+ /// The minimum height of the Timeline event.
192
192
  /// @group timeline
193
193
  $kendo-timeline-event-min-height-calc: calc( 2 * ( #{ $kendo-timeline-track-event-offset } - #{ $kendo-card-border-width } ) ) !default;
194
194
 
195
- /// The spacing of the icons in the timeline.
195
+ /// The spacing of the Timeline icons.
196
196
  /// @group timeline
197
197
  $kendo-timeline-icon-spacing: var( --kendo-icon-spacing, .5rem ) !default;