@progress/kendo-theme-classic 5.0.0-next.5 → 5.0.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 (112) hide show
  1. package/README.md +10 -17
  2. package/dist/all.css +10001 -12053
  3. package/dist/all.scss +15381 -15766
  4. package/package.json +3 -3
  5. package/scss/_variables.scss +2 -19
  6. package/scss/all.scss +1 -154
  7. package/scss/appbar/_variables.scss +1 -1
  8. package/scss/autocomplete/_index.scss +1 -0
  9. package/scss/autocomplete/_variables.scss +0 -24
  10. package/scss/avatar/_variables.scss +18 -8
  11. package/scss/button/_index.scss +2 -0
  12. package/scss/button/_variables.scss +62 -32
  13. package/scss/calendar/_index.scss +1 -0
  14. package/scss/card/_variables.scss +4 -4
  15. package/scss/chat/_variables.scss +3 -18
  16. package/scss/checkbox/_index.scss +2 -0
  17. package/scss/checkbox/_variables.scss +66 -75
  18. package/scss/chip/_index.scss +1 -0
  19. package/scss/chip/_variables.scss +142 -191
  20. package/scss/color-preview/_variables.scss +1 -0
  21. package/scss/coloreditor/_variables.scss +3 -3
  22. package/scss/colorpicker/_index.scss +1 -2
  23. package/scss/colorpicker/_variables.scss +1 -22
  24. package/scss/combobox/_index.scss +1 -0
  25. package/scss/combobox/_variables.scss +1 -33
  26. package/scss/dataviz/_index.scss +1 -0
  27. package/scss/dateinput/_index.scss +11 -0
  28. package/scss/dateinput/_layout.scss +1 -0
  29. package/scss/dateinput/_theme.scss +1 -0
  30. package/scss/dateinput/_variables.scss +1 -0
  31. package/scss/datepicker/_index.scss +13 -0
  32. package/scss/datepicker/_layout.scss +1 -0
  33. package/scss/datepicker/_theme.scss +1 -0
  34. package/scss/datepicker/_variables.scss +1 -0
  35. package/scss/{datetime → daterangepicker}/_index.scss +1 -2
  36. package/scss/daterangepicker/_layout.scss +1 -0
  37. package/scss/daterangepicker/_theme.scss +1 -0
  38. package/scss/daterangepicker/_variables.scss +1 -0
  39. package/scss/datetimepicker/_index.scss +17 -0
  40. package/scss/datetimepicker/_layout.scss +1 -0
  41. package/scss/datetimepicker/_theme.scss +1 -0
  42. package/scss/datetimepicker/_variables.scss +2 -0
  43. package/scss/drawer/_index.scss +1 -0
  44. package/scss/drawer/_variables.scss +1 -1
  45. package/scss/dropdownlist/_index.scss +1 -0
  46. package/scss/dropdowntree/_variables.scss +2 -4
  47. package/scss/editor/_variables.scss +8 -0
  48. package/scss/expansion-panel/_index.scss +3 -0
  49. package/scss/expansion-panel/_variables.scss +2 -2
  50. package/scss/fab/_variables.scss +129 -72
  51. package/scss/fab/index.md +0 -0
  52. package/scss/filter/_index.scss +1 -1
  53. package/scss/forms/_index.scss +1 -1
  54. package/scss/gantt/_index.scss +1 -1
  55. package/scss/grid/_index.scss +2 -1
  56. package/scss/grid/_variables.scss +10 -10
  57. package/scss/imageeditor/_variables.scss +1 -0
  58. package/scss/index.scss +157 -0
  59. package/scss/input/_index.scss +1 -1
  60. package/scss/input/_variables.scss +80 -58
  61. package/scss/list/_index.scss +12 -0
  62. package/scss/list/_layout.scss +1 -0
  63. package/scss/list/_theme.scss +1 -0
  64. package/scss/list/_variables.scss +248 -0
  65. package/scss/listbox/_index.scss +2 -0
  66. package/scss/listbox/_variables.scss +1 -1
  67. package/scss/menu/_index.scss +2 -0
  68. package/scss/menu/_variables.scss +123 -34
  69. package/scss/multiselect/_index.scss +2 -0
  70. package/scss/multiselect/_variables.scss +0 -36
  71. package/scss/orgchart/_variables.scss +2 -2
  72. package/scss/pager/_index.scss +1 -0
  73. package/scss/pager/_variables.scss +6 -6
  74. package/scss/panelbar/_index.scss +1 -0
  75. package/scss/panelbar/_variables.scss +7 -2
  76. package/scss/pdf-viewer/_variables.scss +2 -5
  77. package/scss/pivotgrid/_index.scss +1 -0
  78. package/scss/pivotgrid/_variables.scss +1 -4
  79. package/scss/popup/_index.scss +0 -4
  80. package/scss/popup/_variables.scss +2 -7
  81. package/scss/radio/_index.scss +2 -0
  82. package/scss/radio/_variables.scss +72 -91
  83. package/scss/scheduler/_index.scss +1 -1
  84. package/scss/spreadsheet/_index.scss +2 -1
  85. package/scss/switch/_variables.scss +108 -170
  86. package/scss/table/_index.scss +19 -0
  87. package/scss/table/_layout.scss +1 -0
  88. package/scss/table/_theme.scss +1 -0
  89. package/scss/table/_variables.scss +141 -0
  90. package/scss/tabstrip/_index.scss +1 -0
  91. package/scss/tabstrip/_variables.scss +3 -3
  92. package/scss/taskboard/_variables.scss +0 -2
  93. package/scss/timepicker/_index.scss +15 -0
  94. package/scss/timepicker/_layout.scss +1 -0
  95. package/scss/timepicker/_theme.scss +1 -0
  96. package/scss/timepicker/_variables.scss +1 -0
  97. package/scss/timeselector/_index.scss +13 -0
  98. package/scss/timeselector/_layout.scss +1 -0
  99. package/scss/timeselector/_theme.scss +1 -0
  100. package/scss/timeselector/_variables.scss +32 -0
  101. package/scss/toolbar/_index.scss +1 -0
  102. package/scss/toolbar/_variables.scss +2 -0
  103. package/scss/treeview/_variables.scss +125 -46
  104. package/scss/typography/_variables.scss +3 -3
  105. package/scss/utils/_border.scss +1 -2
  106. package/scss/virtual-scroller/_index.scss +10 -0
  107. package/scss/virtual-scroller/_layout.scss +1 -0
  108. package/scss/virtual-scroller/_theme.scss +1 -0
  109. package/scss/virtual-scroller/_variables.scss +1 -0
  110. package/scss/datetime/_layout.scss +0 -1
  111. package/scss/datetime/_theme.scss +0 -1
  112. package/scss/datetime/_variables.scss +0 -53
@@ -8,7 +8,7 @@
8
8
  @import "../radio/_index.scss";
9
9
  @import "../colorpicker/_index.scss";
10
10
  @import "../combobox/_index.scss";
11
- @import "../datetime/_index.scss";
11
+ @import "../datetimepicker/_index.scss";
12
12
  @import "../dropdownlist/_index.scss";
13
13
  @import "../toolbar/_index.scss";
14
14
  @import "../upload/_index.scss";
@@ -17,6 +17,7 @@
17
17
  @import "../tabstrip/_index.scss";
18
18
  @import "../treeview/_index.scss";
19
19
  @import "../icons/_index.scss";
20
+ @import "../list/_index.scss";
20
21
 
21
22
 
22
23
  // Component
@@ -2,14 +2,11 @@
2
2
 
3
3
  /// Font family of the switch.
4
4
  /// @group switch
5
- $kendo-switch-font-family: $font-family !default;
6
- /// Line height of the switch.
7
- /// @group switch
8
- $kendo-switch-line-height: $line-height !default;
5
+ $kendo-switch-font-family: null !default;
9
6
 
10
7
  /// Border width of the switch track.
11
8
  /// @group switch
12
- $kendo-switch-track-border-width: 0px !default;
9
+ $kendo-switch-track-border-width: 1px !default;
13
10
 
14
11
  /// Border width of the switch thumb.
15
12
  /// @group switch
@@ -17,7 +14,7 @@ $kendo-switch-thumb-border-width: 1px !default;
17
14
 
18
15
  /// Text transform of the switch label.
19
16
  /// @group switch
20
- $kendo-switch-label-text-transform: uppercase !default;
17
+ $kendo-switch-label-text-transform: null !default;
21
18
  /// Display of the switch label.
22
19
  /// @group switch
23
20
  $kendo-switch-label-display: inline !default;
@@ -25,229 +22,170 @@ $kendo-switch-label-display: inline !default;
25
22
  /// Map with the different switch sizes.
26
23
  /// @group switch
27
24
  $kendo-switch-sizes: (
28
- sm: 40px,
29
- md: 60px,
30
- lg: 80px
25
+ sm: ( font-size: 12px, track-width: 48px, track-height: 26px, thumb-width: 20px, thumb-height: 20px, thumb-offset: 3px, label-offset: 4px ),
26
+ md: ( font-size: 12px, track-width: 56px, track-height: 30px, thumb-width: 24px, thumb-height: 24px, thumb-offset: 3px, label-offset: 6px ),
27
+ lg: ( font-size: 12px, track-width: 64px, track-height: 34px, thumb-width: 28px, thumb-height: 28px, thumb-offset: 3px, label-offset: 8px )
31
28
  ) !default;
32
29
 
33
- /// Map with the font sizes for the different switch sizes.
30
+ /// The background of the track when the switch is not checked.
34
31
  /// @group switch
35
- $kendo-switch-font-sizes: (
36
- sm: 8px,
37
- md: $font-size-xs,
38
- lg: $font-size-sm
39
- ) !default;
40
-
41
- /// Map with the horizontal padding of the switch track for the different switch sizes.
32
+ $kendo-switch-off-track-bg: $component-bg !default;
33
+ /// The text color of the track when the switch is not checked.
42
34
  /// @group switch
43
- $kendo-switch-track-padding-x-sizes: (
44
- sm: 0px,
45
- md: 0px,
46
- lg: 0px
47
- ) !default;
48
-
49
- /// Map with the vertical padding of the switch track for the different switch sizes.
35
+ $kendo-switch-off-track-text: $component-text !default;
36
+ /// The border color of the track when the switch is not checked.
50
37
  /// @group switch
51
- $kendo-switch-track-padding-y-sizes: (
52
- sm: 0px,
53
- md: 0px,
54
- lg: 0px
55
- ) !default;
56
-
57
- /// Map with the height difference of the switch track for the different switch sizes.
38
+ $kendo-switch-off-track-border: $component-border !default;
39
+ /// The background gradient of the track when the switch is not checked.
58
40
  /// @group switch
59
- $kendo-switch-track-diff-sizes: (
60
- sm: 0px,
61
- md: 0px,
62
- lg: 0px
63
- ) !default;
41
+ $kendo-switch-off-track-gradient: null !default;
64
42
 
65
- /// Map with the different switch thumb sizes.
43
+ /// The background of the track when the hovered switch is not checked.
66
44
  /// @group switch
67
- $kendo-switch-thumb-sizes: (
68
- sm: 20px,
69
- md: 30px,
70
- lg: 40px
71
- ) !default;
72
-
73
- /// Map with the offset of the switch thumb for the different switch sizes.
45
+ $kendo-switch-off-track-hover-bg: null !default;
46
+ /// The text color of the track when the hovered switch is not checked.
74
47
  /// @group switch
75
- $kendo-switch-thumb-offset-sizes: (
76
- sm: 0px,
77
- md: 0px,
78
- lg: 0px
79
- ) !default;
80
-
81
- /// Map with the offset of the switch label for the different switch sizes.
48
+ $kendo-switch-off-track-hover-text: null !default;
49
+ /// The border color of the track when the hovered switch is not checked.
82
50
  /// @group switch
83
- $kendo-switch-label-offset-sizes: (
84
- sm: 6px,
85
- md: 8px,
86
- lg: 10px
87
- ) !default;
88
-
89
- /// Map with the width of the switch label for the different switch sizes.
51
+ $kendo-switch-off-track-hover-border: null !default;
52
+ /// The background gradient of the track when the hovered switch is not checked.
90
53
  /// @group switch
91
- $kendo-switch-label-width-sizes: (
92
- sm: calc( 100% - (#{map-get( $kendo-switch-thumb-sizes, "sm" )} + #{map-get( $kendo-switch-label-offset-sizes, "sm" )} + #{map-get( $kendo-switch-track-padding-x-sizes, "sm" )} ) ),
93
- md: calc( 100% - (#{map-get( $kendo-switch-thumb-sizes, "md" )} + #{map-get( $kendo-switch-label-offset-sizes, "md" )} + #{map-get( $kendo-switch-track-padding-x-sizes, "md" )} ) ),
94
- lg: calc( 100% - (#{map-get( $kendo-switch-thumb-sizes, "lg" )} + #{map-get( $kendo-switch-label-offset-sizes, "lg" )} + #{map-get( $kendo-switch-track-padding-x-sizes, "lg" )} ) )
95
- ) !default;
54
+ $kendo-switch-off-track-hover-gradient: null !default;
96
55
 
97
- /// The shadow of the switch track.
56
+ /// The background of the track when the focused switch is not checked.
98
57
  /// @group switch
99
- $kendo-switch-track-shadow: inset 0 0 0 1px $base-border !default;
100
- /// The shadow of the switch track when the switch is hovered.
58
+ $kendo-switch-off-track-focus-bg: null !default;
59
+ /// The text color of the track when the focused switch is not checked.
101
60
  /// @group switch
102
- $kendo-switch-track-hover-shadow: inset 0 0 0 1px $hovered-border !default;
103
- /// The shadow of the switch track when the switch is focused.
61
+ $kendo-switch-off-track-focus-text: null !default;
62
+ /// The border color of the track when the focused switch is not checked.
104
63
  /// @group switch
105
- $kendo-switch-track-focus-shadow: inset 0 0 0 3px rgba( black, .06) !default;
106
-
107
- /// The background of the switch when checked.
64
+ $kendo-switch-off-track-focus-border: null !default;
65
+ /// The background gradient of the track when the focused switch is not checked.
108
66
  /// @group switch
109
- $kendo-switch-on-bg: $primary !default;
110
- /// The text color of the switch when checked.
67
+ $kendo-switch-off-track-focus-gradient: null !default;
68
+ /// The ring around the track when the focused switch is not checked.
111
69
  /// @group switch
112
- $kendo-switch-on-text: contrast-wcag( $kendo-switch-on-bg ) !default;
113
- /// The border color of the switch when checked.
114
- /// @group switch
115
- $kendo-switch-on-border: null !default;
116
- /// The background gradient of the switch when checked.
117
- /// @group switch
118
- $kendo-switch-on-gradient: null !default;
119
- /// The shadow of the switch when checked.
120
- /// @group switch
121
- $kendo-switch-on-shadow: null !default;
70
+ $kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if($dark-theme, $white, $black), .25 ) !default;
122
71
 
123
- /// The background of the hovered switch when checked.
72
+ /// The background of the track when the disabled switch is not checked.
124
73
  /// @group switch
125
- $kendo-switch-on-hover-bg: shade( $kendo-switch-on-bg ) !default;
126
- /// The text color of the hovered switch when checked.
74
+ $kendo-switch-off-track-disabled-bg: null !default;
75
+ /// The text color of the track when the disabled switch is not checked.
127
76
  /// @group switch
128
- $kendo-switch-on-hover-text: $kendo-switch-on-text !default;
129
- /// The border color of the hovered switch when checked.
77
+ $kendo-switch-off-track-disabled-text: null !default;
78
+ /// The border color of the track when the disabled switch is not checked.
130
79
  /// @group switch
131
- $kendo-switch-on-hover-border: null !default;
132
- /// The background gradient of the hovered switch when checked.
80
+ $kendo-switch-off-track-disabled-border: null !default;
81
+ /// The background gradient of the track when the disabled switch is not checked.
133
82
  /// @group switch
134
- $kendo-switch-on-hover-gradient: null !default;
83
+ $kendo-switch-off-track-disabled-gradient: null !default;
135
84
 
136
- /// The background of the focused switch when checked.
137
- /// @group switch
138
- $kendo-switch-on-focus-bg: null !default;
139
- /// The text color of the focused switch when checked.
85
+ /// The background of the thumb when the switch is not checked.
140
86
  /// @group switch
141
- $kendo-switch-on-focus-text: null !default;
142
- /// The border color of the focused switch when checked.
87
+ $kendo-switch-off-thumb-bg: try-shade( $kendo-switch-off-track-bg ) !default;
88
+ /// The text color of the thumb when the switch is not checked.
143
89
  /// @group switch
144
- $kendo-switch-on-focus-border: null !default;
145
- /// The background gradient of the focused switch when checked.
90
+ $kendo-switch-off-thumb-text: null !default;
91
+ /// The border color of the thumb when the switch is not checked.
146
92
  /// @group switch
147
- $kendo-switch-on-focus-gradient: null !default;
148
- /// The shadow of the focused switch when checked.
93
+ $kendo-switch-off-thumb-border: $kendo-switch-off-track-border !default;
94
+ /// The background gradient of the thumb when the switch is not checked.
149
95
  /// @group switch
150
- $kendo-switch-on-focus-shadow: null !default;
96
+ $kendo-switch-off-thumb-gradient: $base-gradient !default;
151
97
 
152
- /// The background of the thumb when the switch is checked.
153
- /// @group switch
154
- $kendo-switch-on-thumb-bg: darken( white, 5 ) !default;
155
- /// The text color of the thumb when the switch is checked.
98
+ /// The background of the thumb when the hovered switch is not checked.
156
99
  /// @group switch
157
- $kendo-switch-on-thumb-text: $kendo-switch-on-text !default;
158
- /// The border color of the thumb when the switch is checked.
100
+ $kendo-switch-off-thumb-hover-bg: try-shade( $kendo-switch-off-thumb-bg ) !default;
101
+ /// The text color of the thumb when the hovered switch is not checked.
159
102
  /// @group switch
160
- $kendo-switch-on-thumb-border: $base-border !default;
161
- /// The background gradient of the thumb when the switch is checked.
103
+ $kendo-switch-off-thumb-hover-text: null !default;
104
+ /// The border color of the thumb when the hovered switch is not checked.
162
105
  /// @group switch
163
- $kendo-switch-on-thumb-gradient: null !default;
164
- /// The shadow of the thumb when the switch is checked.
106
+ $kendo-switch-off-thumb-hover-border: $kendo-switch-off-thumb-border !default;
107
+ /// The background gradient of the thumb when the hovered switch is not checked.
165
108
  /// @group switch
166
- $kendo-switch-on-thumb-shadow: null !default;
109
+ $kendo-switch-off-thumb-hover-gradient: null !default;
167
110
 
168
- /// The background of the thumb when the hovered switch is checked.
111
+
112
+ /// The background of the track when the switch is checked.
169
113
  /// @group switch
170
- $kendo-switch-on-thumb-hover-bg: darken( white, 7 ) !default;
171
- /// The text color of the thumb when the hovered switch is checked.
114
+ $kendo-switch-on-track-bg: $component-bg !default;
115
+ /// The text color of the track when the switch is checked.
172
116
  /// @group switch
173
- $kendo-switch-on-thumb-hover-text: $kendo-switch-on-text !default;
174
- /// The border color of the thumb when the hovered switch is checked.
117
+ $kendo-switch-on-track-text: $primary !default;
118
+ /// The border color of the track when the switch is checked.
175
119
  /// @group switch
176
- $kendo-switch-on-thumb-hover-border: $hovered-border !default;
177
- /// The background gradient of the thumb when the hovered switch is checked.
120
+ $kendo-switch-on-track-border: $component-border !default;
121
+ /// The background gradient of the track when the switch is checked.
178
122
  /// @group switch
179
- $kendo-switch-on-thumb-hover-gradient: null !default;
123
+ $kendo-switch-on-track-gradient: null !default;
180
124
 
181
- /// The background of the switch when not checked.
182
- /// @group switch
183
- $kendo-switch-off-bg: $component-bg !default;
184
- /// The text color of the switch when not checked.
125
+ /// The background of the track wen the hovered switch is checked.
185
126
  /// @group switch
186
- $kendo-switch-off-text: $component-text !default;
187
- /// The border color of the switch when not checked.
127
+ $kendo-switch-on-track-hover-bg: null !default;
128
+ /// The text color of the track wen the hovered switch is checked.
188
129
  /// @group switch
189
- $kendo-switch-off-border: null !default;
190
- /// The background gradient of the switch when not checked.
130
+ $kendo-switch-on-track-hover-text: null !default;
131
+ /// The border color of the track wen the hovered switch is checked.
191
132
  /// @group switch
192
- $kendo-switch-off-gradient: null !default;
193
- /// The shadow of the switch when not checked.
133
+ $kendo-switch-on-track-hover-border: null !default;
134
+ /// The background gradient of the track wen the hovered switch is checked.
194
135
  /// @group switch
195
- $kendo-switch-off-shadow: null !default;
136
+ $kendo-switch-on-track-hover-gradient: null !default;
196
137
 
197
- /// The background of the hovered switch when not checked.
138
+ /// The background of the track wen the focused switch is checked.
198
139
  /// @group switch
199
- $kendo-switch-off-hover-bg: $kendo-switch-off-bg !default;
200
- /// The text color of the hovered switch when not checked.
140
+ $kendo-switch-on-track-focus-bg: null !default;
141
+ /// The text color of the track wen the focused switch is checked.
201
142
  /// @group switch
202
- $kendo-switch-off-hover-text: $kendo-switch-off-text !default;
203
- /// The border color of the hovered switch when not checked.
143
+ $kendo-switch-on-track-focus-text: null !default;
144
+ /// The border color of the track wen the focused switch is checked.
204
145
  /// @group switch
205
- $kendo-switch-off-hover-border: null !default;
206
- /// The background gradient of the hovered switch when not checked.
146
+ $kendo-switch-on-track-focus-border: null !default;
147
+ /// The background gradient of the track wen the focused switch is checked.
207
148
  /// @group switch
208
- $kendo-switch-off-hover-gradient: null !default;
209
-
210
- /// The background of the focused switch when not checked.
149
+ $kendo-switch-on-track-focus-gradient: null !default;
150
+ /// The ring around the track wen the focused switch is checked.
211
151
  /// @group switch
212
- $kendo-switch-off-focus-bg: null !default;
213
- /// The text color of the focused switch when not checked.
152
+ $kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if($dark-theme, $white, $black), .25 ) !default;
153
+
154
+ /// The background of the track when the disabled switch is checked.
214
155
  /// @group switch
215
- $kendo-switch-off-focus-text: null !default;
216
- /// The border color of the focused switch when not checked.
156
+ $kendo-switch-on-track-disabled-bg: null !default;
157
+ /// The text color of the track when the disabled switch is checked.
217
158
  /// @group switch
218
- $kendo-switch-off-focus-border: null !default;
219
- /// The background gradient of the focused switch when not checked.
159
+ $kendo-switch-on-track-disabled-text: null !default;
160
+ /// The border color of the track when the disabled switch is checked.
220
161
  /// @group switch
221
- $kendo-switch-off-focus-gradient: null !default;
222
- /// The shadow of the focused switch when not checked.
162
+ $kendo-switch-on-track-disabled-border: null !default;
163
+ /// The background gradient of the track when the disabled switch is checked.
223
164
  /// @group switch
224
- $kendo-switch-off-focus-shadow: null !default;
165
+ $kendo-switch-on-track-disabled-gradient: null !default;
225
166
 
226
- /// The background of the thumb when the switch is not checked.
227
- /// @group switch
228
- $kendo-switch-off-thumb-bg: $kendo-switch-on-thumb-bg !default;
229
- /// The text color of the thumb when the switch is not checked.
167
+ /// The background of the thumb when the switch is checked.
230
168
  /// @group switch
231
- $kendo-switch-off-thumb-text: $kendo-switch-off-text !default;
232
- /// The border color of the thumb when the switch is not checked.
169
+ $kendo-switch-on-thumb-bg: $primary !default;
170
+ /// The text color of the thumb when the switch is checked.
233
171
  /// @group switch
234
- $kendo-switch-off-thumb-border: $kendo-switch-on-thumb-border !default;
235
- /// The background gradient of the thumb when the switch is not checked.
172
+ $kendo-switch-on-thumb-text: null !default;
173
+ /// The border color of the thumb when the switch is checked.
236
174
  /// @group switch
237
- $kendo-switch-off-thumb-gradient: null !default;
238
- /// The shadow of the thumb when the switch is not checked.
175
+ $kendo-switch-on-thumb-border: try-shade( $kendo-switch-on-thumb-bg ) !default;
176
+ /// The background gradient of the thumb when the switch is checked.
239
177
  /// @group switch
240
- $kendo-switch-off-thumb-shadow: null !default;
178
+ $kendo-switch-on-thumb-gradient: $base-gradient !default;
241
179
 
242
- /// The background of the thumb when the hovered switch is not checked.
180
+ /// The background of the thumb when the hovered switch is checked.
243
181
  /// @group switch
244
- $kendo-switch-off-thumb-hover-bg: $kendo-switch-on-thumb-hover-bg !default;
245
- /// The text color of the thumb when the hovered switch is not checked.
182
+ $kendo-switch-on-thumb-hover-bg: try-shade( $kendo-switch-on-thumb-bg ) !default;
183
+ /// The text color of the thumb when the hovered switch is checked.
246
184
  /// @group switch
247
- $kendo-switch-off-thumb-hover-text: $kendo-switch-off-text !default;
248
- /// The border color of the thumb when the hovered switch is not checked.
185
+ $kendo-switch-on-thumb-hover-text: null !default;
186
+ /// The border color of the thumb when the hovered switch is checked.
249
187
  /// @group switch
250
- $kendo-switch-off-thumb-hover-border: $kendo-switch-on-thumb-hover-border !default;
251
- /// The background gradient of the thumb when the hovered switch is not checked.
188
+ $kendo-switch-on-thumb-hover-border: try-shade( $kendo-switch-on-thumb-hover-bg ) !default;
189
+ /// The background gradient of the thumb when the hovered switch is checked.
252
190
  /// @group switch
253
- $kendo-switch-off-thumb-hover-gradient: null !default;
191
+ $kendo-switch-on-thumb-hover-gradient: null !default;
@@ -0,0 +1,19 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../common/_index.scss";
6
+ @import "../input/_index.scss";
7
+ @import "../floating-label/_index.scss";
8
+ @import "../combobox/_index.scss";
9
+ @import "../popup/_index.scss";
10
+ @import "../toolbar/_variables.scss";
11
+ @import "../menu/_variables.scss";
12
+ @import "../grid/_variables.scss";
13
+
14
+
15
+ // Component
16
+ @import "_variables.scss";
17
+ @import "_layout.scss";
18
+ @import "_theme.scss";
19
+
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/table/_layout.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/table/_theme.scss";
@@ -0,0 +1,141 @@
1
+ // Table
2
+
3
+ /// The width of the table border.
4
+ /// @group table
5
+ $kendo-table-border-width: 1px !default;
6
+ /// The width of vertical border of table cells.
7
+ /// @group table
8
+ $kendo-table-cell-vertical-border-width: $grid-cell-vertical-border-width !default;
9
+ /// The width of horizontal border of table cells.
10
+ /// @group table
11
+ $kendo-table-cell-horizontal-border-width: $grid-cell-horizontal-border-width !default;
12
+
13
+ /// The font size of the table if no size is specified.
14
+ /// @group table
15
+ $kendo-table-font-size: null !default;
16
+
17
+ /// The line-height of the table if no size is specified.
18
+ /// @group table
19
+ $kendo-table-line-height: null !default;
20
+
21
+ /// The horizontal padding of the cells in the table if no size is specified.
22
+ /// @group table
23
+ $kendo-table-cell-padding-x: null !default;
24
+
25
+ /// The vertical padding of the cells in the table if no size is specified.
26
+ /// @group table
27
+ $kendo-table-cell-padding-y: null !default;
28
+
29
+ /// The sizes of the table.
30
+ /// @group table
31
+ $kendo-table-sizes: (
32
+ sm: (
33
+ font-size: $font-size-md,
34
+ line-height: $line-height-md,
35
+ cell-padding-x: map-get( $spacing, 2 ),
36
+ cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
37
+ ),
38
+ md: (
39
+ font-size: $font-size-md,
40
+ line-height: $line-height-md,
41
+ cell-padding-x: map-get( $spacing, 2 ),
42
+ cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
43
+ ),
44
+ lg: (
45
+ font-size: $font-size-md,
46
+ line-height: $line-height-md,
47
+ cell-padding-x: map-get( $spacing, 2 ),
48
+ cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
49
+ )
50
+ ) !default;
51
+
52
+
53
+ /// Background color of tables.
54
+ /// @group table
55
+ $kendo-table-bg: $grid-bg !default;
56
+ /// Text color of tables.
57
+ /// @group table
58
+ $kendo-table-text: $grid-text !default;
59
+ /// Border color of tables.
60
+ /// @group table
61
+ $kendo-table-border: $grid-border !default;
62
+
63
+
64
+ /// Background color of table headers.
65
+ /// @group table
66
+ $kendo-table-header-bg: $grid-header-bg !default;
67
+ /// Text color of table headers.
68
+ /// @group table
69
+ $kendo-table-header-text: $grid-header-text !default;
70
+ /// Border color of table headers.
71
+ /// @group table
72
+ $kendo-table-header-border: $grid-header-border !default;
73
+
74
+
75
+ /// Background color of table footers.
76
+ /// @group table
77
+ $kendo-table-footer-bg: $grid-footer-bg !default;
78
+ /// Text color of table footers.
79
+ /// @group table
80
+ $kendo-table-footer-text: $grid-footer-text !default;
81
+ /// Border color of table footers.
82
+ /// @group table
83
+ $kendo-table-footer-border: $grid-footer-border !default;
84
+
85
+
86
+ /// Background color of group rows in table.
87
+ /// @group table
88
+ $kendo-table-group-row-bg: $kendo-table-header-bg !default;
89
+ /// Text color of group rows in table.
90
+ /// @group table
91
+ $kendo-table-group-row-text: $kendo-table-header-text !default;
92
+ /// Border color of group rows in table.
93
+ /// @group table
94
+ $kendo-table-group-row-border: $kendo-table-header-border !default;
95
+
96
+
97
+ /// Background color of alternating rows in table.
98
+ /// @group table
99
+ $kendo-table-alt-row-bg: $grid-alt-bg !default;
100
+ /// Text color of alternating rows in table.
101
+ /// @group table
102
+ $kendo-table-alt-row-text: $grid-alt-text !default;
103
+ /// Border color of alternating rows in table.
104
+ /// @group table
105
+ $kendo-table-alt-row-border: $grid-alt-border !default;
106
+
107
+
108
+ /// Background color of hovered rows in table.
109
+ /// @group table
110
+ $kendo-table-hover-bg: $grid-hovered-bg !default;
111
+ /// Text color of hovered rows in table.
112
+ /// @group table
113
+ $kendo-table-hover-text: $grid-hovered-text !default;
114
+ /// Border color of hovered rows in table.
115
+ /// @group table
116
+ $kendo-table-hover-border: $grid-hovered-border !default;
117
+
118
+
119
+ /// Background color of focused rows in table.
120
+ /// @group table
121
+ $kendo-table-focus-bg: null !default;
122
+ /// Text color of focused rows in table.
123
+ /// @group table
124
+ $kendo-table-focus-text: null !default;
125
+ /// Border color of focused rows in table.
126
+ /// @group table
127
+ $kendo-table-focus-border: null !default;
128
+ /// Box shadow of focused rows in table.
129
+ /// @group table
130
+ $kendo-table-focus-shadow: $grid-focused-shadow !default;
131
+
132
+
133
+ /// Background color of selected rows in table.
134
+ /// @group table
135
+ $kendo-table-selected-bg: $grid-selected-bg !default;
136
+ /// Text color of selected rows in table.
137
+ /// @group table
138
+ $kendo-table-selected-text: $grid-selected-text !default;
139
+ /// Border color of selected rows in table.
140
+ /// @group table
141
+ $kendo-table-selected-border: $grid-selected-border !default;
@@ -5,6 +5,7 @@
5
5
  @import "../common/_index.scss";
6
6
  @import "../button/_index.scss";
7
7
  @import "../icons/_index.scss";
8
+ @import "../list/_index.scss";
8
9
 
9
10
 
10
11
  // Component
@@ -77,7 +77,7 @@ $tabstrip-item-selected-border: $component-border !default;
77
77
  /// @group tabstrip
78
78
  $tabstrip-item-selected-gradient: false !default;
79
79
 
80
- $tabstrip-item-focused-shadow: $list-item-focused-shadow !default;
80
+ $tabstrip-item-focused-shadow: $kendo-list-item-focus-shadow !default;
81
81
 
82
82
  $tabstrip-item-dragging-shadow: 0px 3px 4px rgba(0, 0, 0, .15) !default;
83
83
 
@@ -86,10 +86,10 @@ $tabstrip-indicator-color: null !default;
86
86
 
87
87
  /// Horizontal padding of tabstrip content
88
88
  /// @group tabstrip
89
- $tabstrip-content-padding-x: $tabstrip-item-padding-x !default;
89
+ $tabstrip-content-padding-x: map-get( $spacing, 4 ) !default;
90
90
  /// Vertical padding of tabstrip content
91
91
  /// @group tabstrip
92
- $tabstrip-content-padding-y: $tabstrip-item-padding-y !default;
92
+ $tabstrip-content-padding-y: map-get( $spacing, 4 ) !default;
93
93
  /// Width of border around tabstrip content
94
94
  /// @group tabstrip
95
95
  $tabstrip-content-border-width: 1px !default;
@@ -46,8 +46,6 @@ $taskboard-column-cards-padding-y: null !default;
46
46
  $taskboard-column-cards-padding-x: null !default;
47
47
  $taskboard-column-cards-gap: ( $taskboard-spacer / 2 ) !default;
48
48
 
49
- $taskboard-column-new-calc-height: calc( #{$kendo-input-calc-height} + #{$taskboard-column-header-padding-y * 2} ) !default;
50
-
51
49
  $taskboard-pane-width: $taskboard-column-width !default;
52
50
  $taskboard-pane-padding-y: null !default;
53
51
  $taskboard-pane-padding-x: null !default;
@@ -0,0 +1,15 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../input/_index.scss";
6
+ @import "../button/_index.scss";
7
+ @import "../popup/_index.scss";
8
+ @import "../list/_index.scss";
9
+ @import "../timeselector/_index.scss";
10
+
11
+
12
+ // Component
13
+ @import "_variables.scss";
14
+ @import "_layout.scss";
15
+ @import "_theme.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timepicker/_layout.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timepicker/_theme.scss";
@@ -0,0 +1 @@
1
+ // Time picker
@@ -0,0 +1,13 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../list/_index.scss";
6
+ @import "../action-buttons/_index.scss";
7
+ @import "../button/_index.scss";
8
+
9
+
10
+ // Component
11
+ @import "_variables.scss";
12
+ @import "_layout.scss";
13
+ @import "_theme.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timeselector/_layout.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timeselector/_theme.scss";