@progress/kendo-theme-classic 6.5.0-dev.0 → 6.5.0-dev.1

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 (40) hide show
  1. package/dist/all.css +48 -13
  2. package/dist/all.scss +1023 -174
  3. package/dist/meta/sassdoc-data.json +40914 -19326
  4. package/dist/meta/sassdoc-raw-data.json +18106 -8156
  5. package/dist/meta/variables.json +235 -207
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +5 -5
  21. package/scss/appbar/_variables.scss +39 -7
  22. package/scss/bottom-navigation/_variables.scss +42 -8
  23. package/scss/breadcrumb/_variables.scss +177 -6
  24. package/scss/coloreditor/_variables.scss +53 -4
  25. package/scss/colorgradient/_variables.scss +86 -5
  26. package/scss/colorpalette/_variables.scss +18 -1
  27. package/scss/dialog/_variables.scss +16 -2
  28. package/scss/editor/_variables.scss +33 -0
  29. package/scss/expansion-panel/_variables.scss +56 -12
  30. package/scss/filter/_variables.scss +18 -1
  31. package/scss/listbox/_variables.scss +21 -20
  32. package/scss/listview/_variables.scss +42 -7
  33. package/scss/loader/_variables.scss +88 -12
  34. package/scss/notification/_variables.scss +20 -19
  35. package/scss/popover/_variables.scss +60 -6
  36. package/scss/progressbar/_variables.scss +24 -23
  37. package/scss/scrollview/_variables.scss +59 -6
  38. package/scss/tilelayout/_variables.scss +21 -4
  39. package/scss/upload/_variables.scss +62 -9
  40. package/scss/window/_variables.scss +61 -6
@@ -1,43 +1,42 @@
1
1
  // Notification
2
2
 
3
- /// Vertical padding of the notification container.
3
+ /// The horizontal padding of the Notification.
4
4
  /// @group notification
5
5
  $kendo-notification-padding-x: 8px !default;
6
- /// Horizontal padding of the notification.
6
+ /// The vertical padding of the Notification.
7
7
  /// @group notification
8
8
  $kendo-notification-padding-y: 4px !default;
9
- /// Width of the border around the notification.
9
+ /// The width of the border around the Notification.
10
10
  /// @group notification
11
11
  $kendo-notification-border-width: 1px !default;
12
- /// Border radius of the notification.
12
+ /// The border radius of the Notification.
13
13
  /// @group notification
14
14
  $kendo-notification-border-radius: $kendo-border-radius-md !default;
15
- /// Box shadow of the notification.
16
- /// @group notification
17
- $kendo-notification-shadow: $kendo-popup-shadow !default;
18
- /// Font family of the notification.
15
+ /// The font family of the Notification.
19
16
  /// @group notification
20
17
  $kendo-notification-font-family: $kendo-font-family !default;
21
- /// Font size of the notification.
18
+ /// The font size of the Notification.
22
19
  /// @group notification
23
20
  $kendo-notification-font-size: $kendo-font-size-sm !default;
24
- /// Line height of the notification.
21
+ /// The line height of the Notification.
25
22
  /// @group notification
26
23
  $kendo-notification-line-height: $kendo-line-height-md !default;
27
-
28
- /// Horizontal spacing of the notification icon.
29
- /// @group notification
30
- $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
31
-
32
- /// Background color of the notification.
24
+ /// The background color of the Notification.
33
25
  /// @group notification
34
26
  $kendo-notification-bg: $kendo-component-bg !default;
35
- /// Text color of the notification.
27
+ /// The text color of the Notification.
36
28
  /// @group notification
37
29
  $kendo-notification-text: $kendo-component-text !default;
38
- /// Border color of the notification.
30
+ /// The border color of the Notification.
39
31
  /// @group notification
40
32
  $kendo-notification-border: $kendo-component-border !default;
33
+ /// The box shadow of the Notification.
34
+ /// @group notification
35
+ $kendo-notification-shadow: $kendo-popup-shadow !default;
36
+
37
+ /// The horizontal spacing of the Notification icon.
38
+ /// @group notification
39
+ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
41
40
 
42
41
  @function notification-theme( $colors ) {
43
42
  $_theme: ();
@@ -53,7 +52,9 @@ $kendo-notification-border: $kendo-component-border !default;
53
52
  @return $_theme;
54
53
  }
55
54
 
56
- /// Theme colors of the notification.
55
+ /// The theme colors map for the Notification.
57
56
  /// @group notification
58
57
  $kendo-notification-theme-colors: $kendo-theme-colors !default;
58
+ /// The generated theme colors map for the Notification.
59
+ /// @group notification
59
60
  $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;
@@ -1,31 +1,85 @@
1
1
  // Popover
2
+
3
+ /// The width of the border around the Popover.
4
+ /// @group popover
2
5
  $kendo-popover-border-width: $kendo-card-border-width !default;
6
+ /// The style of the border around the Popover.
7
+ /// @group popover
3
8
  $kendo-popover-border-style: solid !default;
9
+ /// The radius of the border around the Popover.
10
+ /// @group popover
4
11
  $kendo-popover-border-radius: $kendo-card-border-radius !default;
5
- $kendo-popover-font-size: $kendo-card-font-size !default;
12
+ /// The font family of the Popover.
13
+ /// @group popover
6
14
  $kendo-popover-font-family: $kendo-card-font-family !default;
15
+ /// The font size of the Popover.
16
+ /// @group popover
17
+ $kendo-popover-font-size: $kendo-card-font-size !default;
18
+ /// The line height of the Popover.
19
+ /// @group popover
7
20
  $kendo-popover-line-height: $kendo-card-line-height !default;
8
- $kendo-popover-bg: $kendo-component-bg !default;
21
+
22
+ /// The text color of the Popover.
23
+ /// @group popover
9
24
  $kendo-popover-text: $kendo-component-text !default;
25
+ /// The background color of the Popover.
26
+ /// @group popover
27
+ $kendo-popover-bg: $kendo-component-bg !default;
28
+ /// The border color of the Popover.
29
+ /// @group popover
10
30
  $kendo-popover-border: $kendo-component-border !default;
31
+ /// The box shadow of the Popover.
32
+ /// @group popover
11
33
  $kendo-popover-shadow: $kendo-popup-shadow !default;
12
34
 
13
- $kendo-popover-header-padding-y: $kendo-card-header-padding-y !default;
35
+ /// The horizontal padding of the Popover header.
36
+ /// @group popover
14
37
  $kendo-popover-header-padding-x: $kendo-card-header-padding-x !default;
38
+ /// The vertical padding of the Popover header.
39
+ /// @group popover
40
+ $kendo-popover-header-padding-y: $kendo-card-header-padding-y !default;
41
+ /// The border width of the Popover header.
42
+ /// @group popover
15
43
  $kendo-popover-header-border-width: $kendo-card-header-border-width !default;
44
+ /// The border style of the Popover header.
45
+ /// @group popover
16
46
  $kendo-popover-header-border-style: $kendo-popover-border-style !default;
17
- $kendo-popover-header-bg: $kendo-card-header-bg !default;
47
+ /// The text color of the Popover header.
48
+ /// @group popover
18
49
  $kendo-popover-header-text: $kendo-card-header-text !default;
50
+ /// The background color of the Popover header.
51
+ /// @group popover
52
+ $kendo-popover-header-bg: $kendo-card-header-bg !default;
53
+ /// The border color of the Popover header.
54
+ /// @group popover
19
55
  $kendo-popover-header-border: $kendo-card-header-border !default;
20
56
 
21
- $kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
57
+ /// The horizontal padding of the Popover body.
58
+ /// @group popover
22
59
  $kendo-popover-body-padding-x: $kendo-card-body-padding-x !default;
60
+ /// The vertical padding of the Popover body.
61
+ /// @group popover
62
+ $kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
23
63
 
64
+ /// The border width of the Popover actions.
65
+ /// @group popover
24
66
  $kendo-popover-actions-border-width: $kendo-popover-border-width !default;
25
67
 
68
+ /// The width of the Popover callout.
69
+ /// @group popover
26
70
  $kendo-popover-callout-width: $kendo-card-callout-width !default;
71
+ /// The height of the Popover callout.
72
+ /// @group popover
27
73
  $kendo-popover-callout-height: $kendo-card-callout-height !default;
74
+ /// The border width of the Popover callout.
75
+ /// @group popover
28
76
  $kendo-popover-callout-border-width: $kendo-popover-border-width !default;
77
+ /// The border style of the Popover callout.
78
+ /// @group popover
29
79
  $kendo-popover-callout-border-style: $kendo-popover-border-style !default;
80
+ /// The background color of the Popover callout.
81
+ /// @group popover
30
82
  $kendo-popover-callout-bg: $kendo-popover-bg !default;
31
- $kendo-popover-callout-border: $kendo-popover-border !default;
83
+ /// The border color of the Popover callout.
84
+ /// @group popover
85
+ $kendo-popover-callout-border: $kendo-popover-border !default;
@@ -1,73 +1,74 @@
1
- // Progressbar
1
+ // ProgressBar
2
2
 
3
- /// Height of the progressbar.
3
+ /// The height of the ProgressBar.
4
4
  /// @group progressbar
5
5
  $kendo-progressbar-height: 22px !default;
6
- /// Horizontal width of the progressbar.
6
+ /// The horizontal width of the ProgressBar.
7
7
  /// @group progressbar
8
8
  $kendo-progressbar-horizontal-width: 100% !default;
9
- /// Animation timing of the progressbar.
9
+ /// The animation timing of the ProgressBar.
10
10
  /// @group progressbar
11
11
  $kendo-progressbar-animation-timing: 1s linear infinite !default;
12
- /// Border width of the progressbar.
12
+ /// The width of the border around the ProgressBar.
13
13
  /// @group progressbar
14
14
  $kendo-progressbar-border-width: 0px !default;
15
- /// Font family of the progressbar.
15
+ /// The font family of the ProgressBar.
16
16
  /// @group progressbar
17
17
  $kendo-progressbar-font-family: $kendo-font-family !default;
18
- /// Font size of the progressbar.
18
+ /// The font size of the ProgressBar.
19
19
  /// @group progressbar
20
20
  $kendo-progressbar-font-size: $kendo-font-size-sm !default;
21
- /// Line height of the progressbar.
21
+ /// The line height of the ProgressBar.
22
22
  /// @group progressbar
23
23
  $kendo-progressbar-line-height: 1 !default;
24
- /// Background color of the progressbar.
24
+
25
+ /// The background color of the ProgressBar.
25
26
  /// @group progressbar
26
27
  $kendo-progressbar-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
27
- /// Text color of the progressbar.
28
+ /// The text color of the ProgressBar.
28
29
  /// @group progressbar
29
30
  $kendo-progressbar-text: $kendo-component-text !default;
30
- /// Border color of the progressbar.
31
+ /// The border color of the ProgressBar.
31
32
  /// @group progressbar
32
33
  $kendo-progressbar-border: $kendo-component-border !default;
33
- /// Background gradient of the progressbar.
34
+ /// The background gradient of the ProgressBar.
34
35
  /// @group progressbar
35
36
  $kendo-progressbar-gradient: null !default;
36
37
 
37
- /// Progress background color of the progressbar.
38
+ /// The progress background color of the ProgressBar.
38
39
  /// @group progressbar
39
40
  $kendo-progressbar-value-bg: $kendo-color-primary !default;
40
- /// Progress text color of the progressbar.
41
+ /// The progress text color of the ProgressBar.
41
42
  /// @group progressbar
42
43
  $kendo-progressbar-value-text: k-contrast-legacy( $kendo-progressbar-value-bg ) !default;
43
- /// Progress border color of the progressbar.
44
+ /// The progress border color of the ProgressBar.
44
45
  /// @group progressbar
45
46
  $kendo-progressbar-value-border: k-try-shade( $kendo-progressbar-value-bg ) !default;
46
- /// Progress background gradient of the progressbar.
47
+ /// The progress background gradient of the ProgressBar.
47
48
  /// @group progressbar
48
49
  $kendo-progressbar-value-gradient: null !default;
49
50
 
50
- /// Background color of the indeterminate progressbar.
51
+ /// The background color of the indeterminate ProgressBar.
51
52
  /// @group progressbar
52
53
  $kendo-progressbar-indeterminate-bg: $kendo-progressbar-bg !default;
53
- /// Text color of the indeterminate progressbar.
54
+ /// The text color of the indeterminate ProgressBar.
54
55
  /// @group progressbar
55
56
  $kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
56
- /// Border color of the indeterminate progressbar.
57
+ /// The border color of the indeterminate ProgressBar.
57
58
  /// @group progressbar
58
59
  $kendo-progressbar-indeterminate-border: $kendo-progressbar-border !default;
59
- /// Background gradient of the indeterminate progressbar.
60
+ /// The background gradient of the indeterminate ProgressBar.
60
61
  /// @group progressbar
61
62
  $kendo-progressbar-indeterminate-gradient: null !default;
62
63
 
63
- /// Border color of the chunk progressbar.
64
+ /// The border color of the chunk ProgressBar.
64
65
  /// @group progressbar
65
66
  $kendo-progressbar-chunk-border: $kendo-body-bg !default;
66
67
 
67
68
  // Circular Progressbar
68
- /// Arc stroke color of the circular progressbar.
69
+ /// The arc stroke color of the circular ProgressBar.
69
70
  /// @group progressbar
70
71
  $kendo-circular-progressbar-arc-stroke: $kendo-color-primary !default;
71
- /// Scale stroke background color of the circular progressbar.
72
+ /// The scale stroke background color of the circular ProgressBar.
72
73
  /// @group progressbar
73
74
  $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
@@ -1,39 +1,92 @@
1
- // Scrollview
1
+ // ScrollView
2
+
3
+ /// The width of the border around the ScrollView.
4
+ /// @group scrollview
2
5
  $kendo-scrollview-border-width: 1px !default;
6
+ /// The font family of the ScrollView.
7
+ /// @group scrollview
3
8
  $kendo-scrollview-font-family: $kendo-font-family !default;
9
+ /// The font size of the ScrollView.
10
+ /// @group scrollview
4
11
  $kendo-scrollview-font-size: $kendo-font-size-md !default;
12
+ /// The line height of the ScrollView.
13
+ /// @group scrollview
5
14
  $kendo-scrollview-line-height: $kendo-line-height-md !default;
6
15
 
7
- $kendo-scrollview-bg: $kendo-component-bg !default;
16
+ /// The text color of the ScrollView.
17
+ /// @group scrollview
8
18
  $kendo-scrollview-text: $kendo-component-text !default;
19
+ /// The background color of the ScrollView.
20
+ /// @group scrollview
21
+ $kendo-scrollview-bg: $kendo-component-bg !default;
22
+ /// The border color of the ScrollView.
23
+ /// @group scrollview
9
24
  $kendo-scrollview-border: $kendo-component-border !default;
10
25
 
26
+ /// The size of the ScrollView page button.
27
+ /// @group scrollview
11
28
  $kendo-scrollview-pagebutton-size: 10px !default;
29
+ /// The background color of the ScrollView page button.
30
+ /// @group scrollview
12
31
  $kendo-scrollview-pagebutton-bg: $kendo-button-bg !default;
32
+ /// The border color of the ScrollView page button.
33
+ /// @group scrollview
13
34
  $kendo-scrollview-pagebutton-border: $kendo-button-border !default;
35
+ /// The primary background color of the ScrollView page button.
36
+ /// @group scrollview
14
37
  $kendo-scrollview-pagebutton-primary-bg: $kendo-color-primary !default;
38
+ /// The primary border color of the ScrollView page button.
39
+ /// @group scrollview
15
40
  $kendo-scrollview-pagebutton-primary-border: k-try-shade( $kendo-color-primary, 2 ) !default;
41
+ /// The box shadow of the ScrollView page button.
42
+ /// @group scrollview
16
43
  $kendo-scrollview-pagebutton-shadow: 0 0 0 2px rgba( black, .13 ) !default;
17
44
 
45
+ /// The offset of the ScrollView pager.
46
+ /// @group scrollview
18
47
  $kendo-scrollview-pager-offset: 0 !default;
48
+ /// The spacing between the ScrollView pager items.
49
+ /// @group scrollview
19
50
  $kendo-scrollview-pager-item-spacing: 20px !default;
51
+ /// The border width of the ScrollView pager items.
52
+ /// @group scrollview
20
53
  $kendo-scrollview-pager-item-border-width: 0px !default;
54
+ /// The height of the ScrollView pager.
55
+ /// @group scrollview
21
56
  $kendo-scrollview-pager-height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-border-width * 2} + #{$kendo-scrollview-pager-item-spacing * 2} ) !default;
22
57
 
23
- $kendo-scrollview-pager-multidot-threshold: 10 !default;
24
- $kendo-scrollview-pager-multidot-intermediate: 3 !default;
25
- $kendo-scrollview-pager-multidot-step: 1px !default;
26
-
58
+ /// The text color of the highlight over the tapped ScrollView navigation arrows.
59
+ /// @group scrollview
27
60
  $kendo-scrollview-arrow-tap-highlight-color: $kendo-color-rgba-transparent !default;
61
+ /// The color of the ScrollView navigation arrows.
62
+ /// @group scrollview
28
63
  $kendo-scrollview-navigation-color: white !default;
64
+ /// The box shadow of the ScrollView navigation arrows.
65
+ /// @group scrollview
29
66
  $kendo-scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;
67
+ /// The background color of the ScrollView navigation.
68
+ /// @group scrollview
30
69
  $kendo-scrollview-navigation-bg: rgba( black, 0 ) !default;
70
+ /// The opacity of the ScrollView navigation.
71
+ /// @group scrollview
31
72
  $kendo-scrollview-navigation-default-opacity: .7 !default;
73
+ /// The hover opacity of the ScrollView navigation.
74
+ /// @group scrollview
32
75
  $kendo-scrollview-navigation-hover-opacity: 1 !default;
76
+ /// The hover background color of the ScrollView navigation arrows.
77
+ /// @group scrollview
33
78
  $kendo-scrollview-navigation-hover-span-bg: null !default;
34
79
 
80
+ /// The background color of the ScrollView pager in light mode.
81
+ /// @group scrollview
35
82
  $kendo-scrollview-light-bg: rgba( white, .4 ) !default;
83
+ /// The background color of the ScrollView pager in dark mode.
84
+ /// @group scrollview
36
85
  $kendo-scrollview-dark-bg: rgba( black, .4 ) !default;
37
86
 
87
+ /// The duration of the ScrollView transition.
88
+ /// @group scrollview
38
89
  $kendo-scrollview-transition-duration: .3s !default;
90
+ /// The timing function of the ScrollView transition.
91
+ /// @group scrollview
39
92
  $kendo-scrollview-transition-timing-function: ease-in-out !default;
@@ -1,12 +1,29 @@
1
1
  // TileLayout
2
+
3
+ /// The width of the border around the TileLayout.
4
+ /// @group tilelayout
2
5
  $kendo-tile-layout-border-width: 0px !default;
6
+ /// The background color of the TileLayout.
7
+ /// @group tilelayout
8
+ $kendo-tile-layout-bg: $kendo-base-bg !default;
9
+
10
+ /// The width of the border around the TileLayout card.
11
+ /// @group tilelayout
3
12
  $kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
13
+ /// The focus box shadow of the TileLayout card.
14
+ /// @group tilelayout
4
15
  $kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;
5
16
 
17
+ /// The width of the border around the TileLayout hint.
18
+ /// @group tilelayout
6
19
  $kendo-tile-layout-hint-border-width: 1px !default;
20
+ /// The radius of the border around the TileLayout hint.
21
+ /// @group tilelayout
7
22
  $kendo-tile-layout-hint-border-radius: $kendo-border-radius-lg !default;
8
-
9
- $kendo-tile-layout-bg: $kendo-base-bg !default;
10
-
11
- $kendo-tile-layout-hint-bg: rgba( white, .2 ) !default;
23
+ /// The color of the border around the TileLayout hint.
24
+ /// @group tilelayout
12
25
  $kendo-tile-layout-hint-border: $kendo-component-border !default;
26
+ /// The background color of the TileLayout hint.
27
+ /// @group tilelayout
28
+ $kendo-tile-layout-hint-bg: rgba( white, .2 ) !default;
29
+
@@ -1,46 +1,99 @@
1
1
  // Upload
2
2
 
3
+ /// The width of the border around the Upload.
4
+ /// @group upload
3
5
  $kendo-upload-border-width: 1px !default;
6
+ /// The font family of the Upload.
7
+ /// @group upload
4
8
  $kendo-upload-font-family: $kendo-font-family !default;
9
+ /// The font size of the Upload.
10
+ /// @group upload
5
11
  $kendo-upload-font-size: $kendo-font-size-md !default;
12
+ /// The line height of the Upload.
13
+ /// @group upload
6
14
  $kendo-upload-line-height: $kendo-line-height-md !default;
15
+ /// The maximum height of the list with uploaded items.
16
+ /// @group upload
7
17
  $kendo-upload-max-height: 300px !default;
8
18
 
9
- $kendo-upload-bg: $kendo-component-bg !default;
19
+ /// The text color of the Upload.
20
+ /// @group upload
10
21
  $kendo-upload-text: $kendo-component-text !default;
22
+ /// The background color of the Upload.
23
+ /// @group upload
24
+ $kendo-upload-bg: $kendo-component-bg !default;
25
+ /// The border color of the Upload.
26
+ /// @group upload
11
27
  $kendo-upload-border: $kendo-component-border !default;
12
28
 
29
+ /// The horizontal padding of the Upload dropzone.
30
+ /// @group upload
13
31
  $kendo-upload-dropzone-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
32
+ /// The vertical padding of the Upload dropzone.
33
+ /// @group upload
14
34
  $kendo-upload-dropzone-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
15
- $kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
35
+ /// The text color of the Upload dropzone.
36
+ /// @group upload
16
37
  $kendo-upload-dropzone-text: $kendo-component-header-text !default;
38
+ /// The background color of the Upload dropzone.
39
+ /// @group upload
40
+ $kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
41
+ /// The border color of the Upload dropzone.
42
+ /// @group upload
17
43
  $kendo-upload-dropzone-border: $kendo-upload-border !default;
44
+ /// The background color of the hovered Upload dropzone.
45
+ /// @group upload
18
46
  $kendo-upload-dropzone-hover-bg: $kendo-hover-bg !default;
19
47
 
48
+ /// The text color of the Upload status message.
49
+ /// @group upload
20
50
  $kendo-upload-status-text: $kendo-subtle-text !default;
51
+ /// The opacity of the Upload status message.
52
+ /// @group upload
21
53
  $kendo-upload-status-text-opacity: null !default;
22
54
 
55
+ /// The horizontal padding of an uploaded item.
56
+ /// @group upload
23
57
  $kendo-upload-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
58
+ /// The vertical padding of an uploaded item.
59
+ /// @group upload
24
60
  $kendo-upload-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
25
61
 
62
+ /// The vertical spacing between uploaded batch items.
63
+ /// @group upload
26
64
  $kendo-upload-multiple-items-spacing: 12px !default;
27
65
 
66
+ /// The font size of the Upload validation message.
67
+ /// @group upload
28
68
  $kendo-upload-validation-font-size: 11px !default;
69
+ /// The horizontal spacing of the Upload status icon.
70
+ /// @group upload
29
71
  $kendo-upload-icon-spacing: $kendo-icon-spacing !default;
72
+ /// The color of the uploaded items icon.
73
+ /// @group upload
30
74
  $kendo-upload-icon-color: $kendo-subtle-text !default;
31
75
 
32
- $kendo-upload-item-image-width: 30px !default;
33
- $kendo-upload-item-image-height: 30px !default;
34
- $kendo-upload-item-image-border: 0px !default; // TODO: remove
35
-
76
+ /// The thickness of the Upload progress bar.
77
+ /// @group upload
36
78
  $kendo-upload-progress-thickness: 2px !default;
79
+ /// The background color of the Upload progress bar.
80
+ /// @group upload
37
81
  $kendo-upload-progress-bg: $kendo-color-info !default;
38
82
 
39
- $kendo-upload-success-bg: $kendo-color-success !default;
83
+ /// The success text color of the Upload.
84
+ /// @group upload
40
85
  $kendo-upload-success-text: $kendo-color-success !default;
86
+ /// The success background color of the Upload progress bar.
87
+ /// @group upload
88
+ $kendo-upload-success-bg: $kendo-color-success !default;
41
89
 
42
- $kendo-upload-error-bg: $kendo-color-error !default;
90
+ /// The error text color of the Upload.
91
+ /// @group upload
43
92
  $kendo-upload-error-text: $kendo-color-error !default;
44
- $kendo-upload-error-border: $kendo-color-error !default;
93
+ /// The error background color of the Upload progress bar.
94
+ /// @group upload
95
+ $kendo-upload-error-bg: $kendo-color-error !default;
45
96
 
97
+ /// The shadow of the focused Upload button, actions and uploaded items.
98
+ /// @group upload
46
99
  $kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .13 ) !default;
@@ -1,53 +1,108 @@
1
1
  @import "../action-buttons/_variables.scss";
2
2
 
3
-
4
3
  // Window
5
4
 
5
+ /// The width of the border around the Window.
6
+ /// @group window
6
7
  $kendo-window-border-width: 1px !default;
8
+ /// The border radius of the Window.
9
+ /// @group window
7
10
  $kendo-window-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
11
+ /// The font family of the Window.
12
+ /// @group window
8
13
  $kendo-window-font-family: $kendo-font-family !default;
14
+ /// The font size of the Window.
15
+ /// @group window
9
16
  $kendo-window-font-size: $kendo-font-size-md !default;
17
+ /// The line height of the Window.
18
+ /// @group window
10
19
  $kendo-window-line-height: $kendo-line-height-md !default;
11
20
 
21
+ /// The horizontal padding of the Window titlebar.
22
+ /// @group window
12
23
  $kendo-window-titlebar-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
24
+ /// The vertical padding of the Window titlebar.
25
+ /// @group window
13
26
  $kendo-window-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
27
+ /// The width of the border of the Window titlebar.
28
+ /// @group window
14
29
  $kendo-window-titlebar-border-width: 0 0 1px !default;
30
+ /// The style of the border of the Window titlebar.
31
+ /// @group window
15
32
  $kendo-window-titlebar-border-style: solid !default;
16
33
 
34
+ /// The font size of the title of the Window.
35
+ /// @group window
17
36
  $kendo-window-title-font-size: $kendo-font-size-lg !default;
37
+ /// The line height of the title of the Window.
38
+ /// @group window
18
39
  $kendo-window-title-line-height: 1.25 !default;
19
40
 
41
+ /// The spacing between the buttons in the Window titlebar.
42
+ /// @group window
20
43
  $kendo-window-actions-gap: null !default;
21
-
44
+ /// The opacity of the buttons in the Window titlebar.
45
+ /// @group window
22
46
  $kendo-window-action-opacity: null !default;
47
+ /// The opacity of the hovered buttons in the Window titlebar.
48
+ /// @group window
23
49
  $kendo-window-action-hover-opacity: null !default;
24
50
 
51
+ /// The horizontal padding of the content of the Window.
52
+ /// @group window
25
53
  $kendo-window-inner-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
54
+ /// The vertical padding of the content of the Window.
55
+ /// @group window
26
56
  $kendo-window-inner-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
27
57
 
58
+ /// The horizontal padding of the Window action buttons.
59
+ /// @group window
28
60
  $kendo-window-buttongroup-padding-x: $kendo-actions-padding-x !default;
61
+ /// The vertical padding of the Window action buttons.
62
+ /// @group window
29
63
  $kendo-window-buttongroup-padding-y: $kendo-actions-padding-y !default;
64
+ /// The width of the top border of the Window action buttons.
65
+ /// @group window
30
66
  $kendo-window-buttongroup-border-width: 1px !default;
31
67
 
68
+ /// The background color of the Window.
69
+ /// @group window
32
70
  $kendo-window-bg: $kendo-component-bg !default;
71
+ /// The text color of the Window.
72
+ /// @group window
33
73
  $kendo-window-text: $kendo-component-text !default;
74
+ /// The border color of the Window.
75
+ /// @group window
34
76
  $kendo-window-border: $kendo-component-border !default;
77
+ /// The box shadow of the Window.
78
+ /// @group window
79
+ $kendo-window-shadow: 1px 1px 7px 1px rgba( black, .12 ) !default;
80
+ /// The box shadow of the focused Window.
81
+ /// @group window
82
+ $kendo-window-focus-shadow: 1px 1px 7px 1px rgba( black, .25 ) !default;
35
83
 
84
+ /// The background color of the Window titlebar.
85
+ /// @group window
36
86
  $kendo-window-titlebar-bg: $kendo-component-header-bg !default;
87
+ /// The text color of the Window titlebar.
88
+ /// @group window
37
89
  $kendo-window-titlebar-text: $kendo-component-header-text !default;
90
+ /// The border color of the Window titlebar.
91
+ /// @group window
38
92
  $kendo-window-titlebar-border: $kendo-component-header-border !default;
93
+ /// The background gradient of the Window titlebar.
94
+ /// @group window
39
95
  $kendo-window-titlebar-gradient: $kendo-component-header-gradient !default;
40
96
 
41
- $kendo-window-shadow: 1px 1px 7px 1px rgba( black, .12 ) !default;
42
- $kendo-window-focus-shadow: 1px 1px 7px 1px rgba( black, .25 ) !default;
43
-
97
+ /// The map of the width for the different Window sizes.
98
+ /// @group window
44
99
  $kendo-window-sizes: (
45
100
  sm: 300px,
46
101
  md: 800px,
47
102
  lg: 1200px
48
103
  ) !default;
49
104
 
50
- /// Theme colors map for the window.
105
+ /// The theme colors map for the Window.
51
106
  /// @group window
52
107
  $kendo-window-theme-colors: (
53
108
  "primary": k-map-get($kendo-theme-colors, "primary"),