@progress/kendo-theme-classic 5.0.0-beta.2 → 5.0.0-beta.6

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 (39) hide show
  1. package/README.md +5 -8
  2. package/dist/all.css +2583 -2198
  3. package/dist/all.scss +3641 -3217
  4. package/package.json +3 -3
  5. package/scss/appbar/_variables.scss +1 -1
  6. package/scss/autocomplete/_variables.scss +0 -19
  7. package/scss/button/_variables.scss +60 -32
  8. package/scss/card/_variables.scss +4 -4
  9. package/scss/chat/_variables.scss +0 -7
  10. package/scss/checkbox/_index.scss +2 -1
  11. package/scss/checkbox/_variables.scss +65 -74
  12. package/scss/chip/_variables.scss +30 -15
  13. package/scss/coloreditor/_variables.scss +3 -3
  14. package/scss/combobox/_variables.scss +1 -31
  15. package/scss/fab/_variables.scss +129 -72
  16. package/scss/fab/index.md +0 -0
  17. package/scss/grid/_variables.scss +7 -7
  18. package/scss/imageeditor/_variables.scss +1 -0
  19. package/scss/index.scss +1 -0
  20. package/scss/input/_variables.scss +40 -16
  21. package/scss/list/_index.scss +1 -0
  22. package/scss/list/_variables.scss +19 -19
  23. package/scss/listbox/_variables.scss +1 -1
  24. package/scss/menu/_variables.scss +56 -46
  25. package/scss/orgchart/_variables.scss +2 -2
  26. package/scss/pager/_variables.scss +1 -1
  27. package/scss/pdf-viewer/_variables.scss +2 -5
  28. package/scss/radio/_index.scss +1 -1
  29. package/scss/radio/_variables.scss +71 -90
  30. package/scss/switch/_variables.scss +22 -25
  31. package/scss/table/_variables.scss +15 -15
  32. package/scss/toolbar/_index.scss +1 -0
  33. package/scss/toolbar/_variables.scss +2 -0
  34. package/scss/treeview/_variables.scss +68 -85
  35. package/scss/typography/_variables.scss +3 -3
  36. package/scss/virtual-scroller/_index.scss +10 -0
  37. package/scss/virtual-scroller/_layout.scss +1 -0
  38. package/scss/virtual-scroller/_theme.scss +1 -0
  39. package/scss/virtual-scroller/_variables.scss +1 -0
package/scss/treeview/_variables.scss CHANGED
@@ -1,143 +1,126 @@
1
1
  // Treeview
2
2
 
3
- /// The sizes of the treeview.
4
- /// @group treeview
5
- $kendo-treeview-sizes: (
6
- sm: (
7
- font-size: map-get( $spacing, 3),
8
- line-height: $line-height,
9
- item-padding-x: map-get( $spacing, thin ),
10
- item-padding-y: map-get( $spacing, 1 )
11
- ),
12
- md: (
13
- font-size: $font-size,
14
- line-height: $line-height,
15
- item-padding-x: map-get( $spacing, 1 ),
16
- item-padding-y: map-get( $spacing, 2 )
17
- ),
18
- lg: (
19
- font-size: map-get( $spacing, 4),
20
- line-height: $line-height,
21
- item-padding-x: map-get( $spacing, 2 ),
22
- item-padding-y: map-get( $spacing, 3 )
23
- )
24
- ) !default;
25
-
26
- /// The horizontal padding of the treeview.
27
- /// @group treeview
28
- $kendo-treeview-padding-x: 0px !default;
29
- /// The vertical padding of the treeview.
30
- /// @group treeview
31
- $kendo-treeview-padding-y: 0px !default;
32
- /// The font family of the treeview.
3
+ /// Font family of the treeview component.
33
4
  /// @group treeview
34
5
  $kendo-treeview-font-family: $font-family !default;
35
- /// The font size of the treeview.
6
+ /// Font size of the treeview component.
36
7
  /// @group treeview
37
- $kendo-treeview-font-size: $font-size !default;
38
- /// The line height of the treeview.
8
+ $kendo-treeview-font-size: $font-size-md !default;
9
+ /// Line height of the treeview component.
39
10
  /// @group treeview
40
- $kendo-treeview-line-height: $line-height !default;
11
+ $kendo-treeview-line-height: $line-height-md !default;
41
12
 
42
- /// The indent of the treeview item.
13
+ /// Indentation of child groups in treeview component.
43
14
  /// @group treeview
44
15
  $kendo-treeview-indent: 16px !default;
45
16
 
46
- /// The horizontal padding of the treeview item.
17
+ /// Horizontal padding of treeview items.
47
18
  /// @group treeview
48
- $kendo-treeview-item-padding-x: $nav-item-padding-x !default;
49
- /// The vertical padding of the treeview item.
19
+ $kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
20
+ /// Vertical padding of treeview items.
50
21
  /// @group treeview
51
- $kendo-treeview-item-padding-y: $nav-item-padding-y !default;
52
- /// The border width of the treeview item.
22
+ $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
23
+ /// Border width of treeview items.
53
24
  /// @group treeview
54
25
  $kendo-treeview-item-border-width: 0px !default;
55
- /// The border radius of the treeview item.
26
+ /// Border radius of treeview items.
56
27
  /// @group treeview
57
28
  $kendo-treeview-item-border-radius: $border-radius !default;
58
29
 
59
- /// The background of the treeview.
30
+
31
+ /// The sizes of the treeview.
32
+ /// @group treeview
33
+ $kendo-treeview-sizes: (
34
+ sm: (
35
+ font-size: $font-size-md,
36
+ line-height: $line-height-md,
37
+ item-padding-x: map-get( $spacing, 2 ),
38
+ item-padding-y: map-get( $spacing, 1 ) - map-get( $spacing, thin )
39
+ ),
40
+ md: (
41
+ font-size: $font-size-md,
42
+ line-height: $line-height-md,
43
+ item-padding-x: map-get( $spacing, 2 ),
44
+ item-padding-y: map-get( $spacing, 1 )
45
+ ),
46
+ lg: (
47
+ font-size: $font-size-md,
48
+ line-height: $line-height-md,
49
+ item-padding-x: map-get( $spacing, 2 ),
50
+ item-padding-y: map-get( $spacing, 1 ) + map-get( $spacing, thin )
51
+ )
52
+ ) !default;
53
+
54
+
55
+ /// Background color of the treeview component.
60
56
  /// @group treeview
61
57
  $kendo-treeview-bg: null !default;
62
- /// The text color of the treeview.
58
+ /// Text color of the treeview component.
63
59
  /// @group treeview
64
60
  $kendo-treeview-text: $component-text !default;
65
- /// The border color of the treeview.
61
+ /// Border color of the treeview component.
66
62
  /// @group treeview
67
63
  $kendo-treeview-border: null !default;
68
64
 
69
- /// The background of a hovered treeview item.
65
+ /// Background color of hovered treeview items.
70
66
  /// @group treeview
71
- $kendo-treeview-item-hovered-bg: $hovered-bg !default;
72
- /// The text color of a hovered treeview item.
67
+ $kendo-treeview-item-hover-bg: $hovered-bg !default;
68
+ /// Text color of hovered treeview items.
73
69
  /// @group treeview
74
- $kendo-treeview-item-hovered-text: $hovered-text !default;
75
- /// The border of a hovered treeview item.
70
+ $kendo-treeview-item-hover-text: $hovered-text !default;
71
+ /// Border color of hovered treeview items.
76
72
  /// @group treeview
77
- $kendo-treeview-item-hovered-border: $hovered-border !default;
78
- /// The gradient of a hovered treeview item.
73
+ $kendo-treeview-item-hover-border: $hovered-border !default;
74
+ /// Background gradient of hovered treeview items.
79
75
  /// @group treeview
80
- $kendo-treeview-item-hovered-gradient: $hovered-gradient !default;
76
+ $kendo-treeview-item-hover-gradient: $hovered-gradient !default;
81
77
 
82
- /// The background of a selected treeview item.
78
+ /// Background color of selected treeview items.
83
79
  /// @group treeview
84
80
  $kendo-treeview-item-selected-bg: $selected-bg !default;
85
- /// The text color of a selected treeview item.
81
+ /// Text color of selected treeview items.
86
82
  /// @group treeview
87
83
  $kendo-treeview-item-selected-text: $selected-text !default;
88
- /// The border of a selected treeview item.
84
+ /// Border color of selected treeview items.
89
85
  /// @group treeview
90
86
  $kendo-treeview-item-selected-border: $selected-border !default;
91
- /// The gradient of a selected treeview item.
87
+ /// Background gradient of selected treeview items.
92
88
  /// @group treeview
93
89
  $kendo-treeview-item-selected-gradient: $selected-gradient !default;
94
90
 
95
- /// The shadow of a focused treeview item.
96
- /// @group treeview
97
- $kendo-treeview-item-focused-shadow: $focused-shadow !default;
98
- /// The shadow of a selected and focused treeview item.
99
- /// @group treeview
100
- $kendo-treeview-item-selected-focused-shadow: null !default;
101
-
102
- /// The horizontal padding of the load more checkboxes.
103
- /// @group treeview
104
- $kendo-treeview-loadmore-checkboxes-padding-x: calc( #{$icon-spacing} + #{map-get( $kendo-checkbox-sizes, "md" )} + #{$kendo-treeview-indent} ) !default;
105
- /// The icon indent of the load more checkboxes.
106
- /// @group treeview
107
- $kendo-treeview-loadmore-checkboxes-icon-indent: calc( -1 * (#{$icon-spacing} + #{$kendo-treeview-indent}) ) !default;
108
- /// The horizontal margin of the load more checkboxes.
91
+ /// Box shadow of focused treeview items.
109
92
  /// @group treeview
110
- $kendo-treeview-loadmore-checkboxes-icon-margin-x: $icon-spacing !default;
93
+ $kendo-treeview-item-focus-shadow: $focused-shadow !default;
111
94
 
112
- /// The background of load more.
95
+ /// Background color of load more.
113
96
  /// @group treeview
114
97
  $kendo-treeview-loadmore-bg: transparent !default;
115
- /// The text color of load more.
98
+ /// Text color of load more.
116
99
  /// @group treeview
117
- $kendo-treeview-loadmore-text: $primary !default;
118
- /// The border of load more.
100
+ $kendo-treeview-loadmore-text: $link-text !default;
101
+ /// Border color of load more.
119
102
  /// @group treeview
120
103
  $kendo-treeview-loadmore-border: null !default;
121
104
 
122
- /// The background of a hovered load more.
105
+ /// Background color of a hovered load more.
123
106
  /// @group treeview
124
107
  $kendo-treeview-loadmore-hover-bg: transparent !default;
125
- /// The text color of a hovered load more.
108
+ /// Text color of a hovered load more.
126
109
  /// @group treeview
127
- $kendo-treeview-loadmore-hover-text: $primary-darker !default;
128
- /// The border of a hovered load more.
110
+ $kendo-treeview-loadmore-hover-text: $link-hover-text !default;
111
+ /// Border color of a hovered load more.
129
112
  /// @group treeview
130
113
  $kendo-treeview-loadmore-hover-border: null !default;
131
114
 
132
- /// The background of a focused load more.
115
+ /// Background color of a focused load more.
133
116
  /// @group treeview
134
117
  $kendo-treeview-loadmore-focus-bg: transparent !default;
135
- /// The text color of a focused load more.
118
+ /// Text color of a focused load more.
136
119
  /// @group treeview
137
- $kendo-treeview-loadmore-focus-text: $primary !default;
138
- /// The border of a focused load more.
120
+ $kendo-treeview-loadmore-focus-text: $link-hover-text !default;
121
+ /// Border color of a focused load more.
139
122
  /// @group treeview
140
123
  $kendo-treeview-loadmore-focus-border: null !default;
141
- /// The shadow of a focused load more.
124
+ /// Box shadow of a focused load more.
142
125
  /// @group treeview
143
- $kendo-treeview-loadmore-focus-shadow: none !default;
126
+ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
package/scss/typography/_variables.scss CHANGED
@@ -9,8 +9,8 @@ $enable-typography: false !default;
9
9
  $font-size: 14px !default;
10
10
  $font-size-xs: 10px !default;
11
11
  $font-size-sm: 12px !default;
12
- $font-size-md: 16px !default;
13
- $font-size-lg: 18px !default;
12
+ $font-size-md: $font-size !default;
13
+ $font-size-lg: 16px !default;
14
14
  $font-size-xl: 20px !default;
15
15
 
16
16
  /// Font family across all components.
@@ -25,7 +25,7 @@ $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono",
25
25
  /// @group typography
26
26
  $line-height: (20 / 14) !default;
27
27
  $line-height-xs: 1 !default;
28
- $line-height-sm: 1.2 !default;
28
+ $line-height-sm: 1.25 !default;
29
29
  $line-height-md: $line-height !default;
30
30
  $line-height-lg: 1.5 !default;
31
31
  $line-height-em: $line-height * 1em !default;
package/scss/virtual-scroller/_index.scss ADDED
@@ -0,0 +1,10 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+
6
+
7
+ // Component
8
+ @import "_variables.scss";
9
+ @import "_layout.scss";
10
+ @import "_theme.scss";
package/scss/virtual-scroller/_layout.scss ADDED
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/virtual-scroller/_layout.scss";
package/scss/virtual-scroller/_theme.scss ADDED
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/virtual-scroller/_theme.scss";
package/scss/virtual-scroller/_variables.scss ADDED
@@ -0,0 +1 @@
1
+ // Virtual-scroller