@progress/kendo-theme-bootstrap 5.0.0-beta.0 → 5.0.0-beta.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 (16) hide show
  1. package/dist/all.css +2351 -2390
  2. package/dist/all.scss +3864 -3601
  3. package/package.json +3 -3
  4. package/scss/button/_index.scss +1 -1
  5. package/scss/input/_index.scss +1 -1
  6. package/scss/list/_theme.scss +2 -2
  7. package/scss/list/_variables.scss +213 -46
  8. package/scss/listbox/_index.scss +1 -0
  9. package/scss/menu/_index.scss +1 -0
  10. package/scss/menu/_variables.scss +6 -6
  11. package/scss/multiselect/_index.scss +1 -1
  12. package/scss/popup/_index.scss +0 -1
  13. package/scss/popup/_layout.scss +5 -8
  14. package/scss/popup/_variables.scss +2 -2
  15. package/scss/table/_theme.scss +0 -8
  16. package/scss/table/_variables.scss +101 -32
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-bootstrap",
3
3
  "description": "Bootstrap theme for Kendo UI",
4
- "version": "5.0.0-beta.0",
4
+ "version": "5.0.0-beta.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -49,8 +49,8 @@
49
49
  "postpublish": "echo 'no postpublish for bootstrap theme'"
50
50
  },
51
51
  "dependencies": {
52
- "@progress/kendo-theme-default": "^5.0.0-beta.0",
52
+ "@progress/kendo-theme-default": "^5.0.0-beta.1",
53
53
  "bootstrap": "^5.1.0"
54
54
  },
55
- "gitHead": "cf3cf196b3134f227f04a272b4dc4a480b008a84"
55
+ "gitHead": "5f6c640b397e7dfb0481ea1eecd8fbce7abb967f"
56
56
  }
package/scss/button/_index.scss CHANGED
@@ -4,8 +4,8 @@
4
4
  // Dependencies
5
5
  @import "../badge/_index.scss";
6
6
  @import "../icons/_index.scss";
7
- @import "../list/_index.scss";
8
7
  @import "../popup/_index.scss";
8
+ @import "../list/_index.scss";
9
9
  @import "../typography/_variables.scss";
10
10
 
11
11
 
package/scss/input/_index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../button/_variables.scss";
6
+ @import "../button/_index.scss";
7
7
 
8
8
 
9
9
  // Component
package/scss/list/_theme.scss CHANGED
@@ -4,8 +4,8 @@
4
4
 
5
5
  .k-list {}
6
6
 
7
- .k-list .k-list-item:focus,
8
- .k-list .k-list-item.k-focus,
7
+ .k-list-item:focus,
8
+ .k-list-item.k-focus,
9
9
  .k-list-optionlabel:focus,
10
10
  .k-list-optionlabel.k-focus {
11
11
  &:hover,
package/scss/list/_variables.scss CHANGED
@@ -1,81 +1,248 @@
1
1
  // List
2
2
 
3
- /// Horizontal padding of the list item.
3
+ /// Font size of the list component, if no size is set.
4
+ /// @group list
5
+ $kendo-list-font-size: null !default;
6
+ $kendo-list-font-size-sm: $font-size-sm !default;
7
+ $kendo-list-font-size-md: $font-size-md !default;
8
+ $kendo-list-font-size-lg: $font-size-md !default;
9
+
10
+ /// Line height of the list component, if no size is set.
11
+ /// @group list
12
+ $kendo-list-line-height: null !default;
13
+ $kendo-list-line-height-sm: null !default;
14
+ $kendo-list-line-height-md: null !default;
15
+ $kendo-list-line-height-lg: null !default;
16
+
17
+ /// Horizontal padding of list header, if no size is set.
18
+ /// @group list
19
+ $kendo-list-header-padding-x: null !default;
20
+ $kendo-list-header-padding-x-base: map-get( $spacing, 4 ) !default;
21
+ $kendo-list-header-padding-x-sm: ( $kendo-list-header-padding-x-base * .75 ) !default;
22
+ $kendo-list-header-padding-x-md: ( $kendo-list-header-padding-x-base * 1 ) !default;
23
+ $kendo-list-header-padding-x-lg: ( $kendo-list-header-padding-x-base * 1.25 ) !default;
24
+
25
+ /// Vertical padding of list header, if no size is set.
26
+ /// @group list
27
+ $kendo-list-header-padding-y: null !default;
28
+ $kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
29
+ $kendo-list-header-padding-y-sm: ( $kendo-list-header-padding-y-base * .75 ) !default;
30
+ $kendo-list-header-padding-y-md: ( $kendo-list-header-padding-y-base * 1 ) !default;
31
+ $kendo-list-header-padding-y-lg: ( $kendo-list-header-padding-y-base * 1.25 ) !default;
32
+
33
+ /// Border width of list header.
34
+ /// @group list
35
+ $kendo-list-header-border-width: 0 0 1px !default;
36
+
37
+ /// Font size of list header, if no size is set.
38
+ /// @group list
39
+ $kendo-list-header-font-size: null !default;
40
+ $kendo-list-header-font-size-sm: null !default;
41
+ $kendo-list-header-font-size-md: null !default;
42
+ $kendo-list-header-font-size-lg: null !default;
43
+
44
+ /// Line height of list header, if no size is set.
45
+ /// @group list
46
+ $kendo-list-header-line-height: null !default;
47
+ $kendo-list-header-line-height-sm: null !default;
48
+ $kendo-list-header-line-height-md: null !default;
49
+ $kendo-list-header-line-height-lg: null !default;
50
+
51
+ /// Font weight of list header.
52
+ /// @group list
53
+ $kendo-list-header-font-weight: bold !default;
54
+
55
+ /// Horizontal padding of list items, when no size is set.
4
56
  /// @group list
5
57
  $kendo-list-item-padding-x: null !default;
6
58
  $kendo-list-item-padding-x-base: map-get( $spacing, 4 ) !default;
7
- $kendo-list-item-padding-x-sm: $kendo-list-item-padding-x-base * .75 !default;
8
- $kendo-list-item-padding-x-md: $kendo-list-item-padding-x-base * 1 !default;
9
- $kendo-list-item-padding-x-lg: $kendo-list-item-padding-x-base * 1.25 !default;
59
+ $kendo-list-item-padding-x-sm: ( $kendo-list-item-padding-x-base * .75 ) !default;
60
+ $kendo-list-item-padding-x-md: ( $kendo-list-item-padding-x-base * 1 ) !default;
61
+ $kendo-list-item-padding-x-lg: ( $kendo-list-item-padding-x-base * 1.25 ) !default;
10
62
 
11
- /// Vertical padding of the list item.
63
+ /// Vertical padding of list items, when no size is set.
12
64
  /// @group list
13
65
  $kendo-list-item-padding-y: null !default;
14
66
  $kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
15
- $kendo-list-item-padding-y-sm: $kendo-list-item-padding-y-base * .75 !default;
16
- $kendo-list-item-padding-y-md: $kendo-list-item-padding-y-base * 1 !default;
17
- $kendo-list-item-padding-y-lg: $kendo-list-item-padding-y-base * 1.25 !default;
67
+ $kendo-list-item-padding-y-sm: ( $kendo-list-item-padding-y-base * .75 ) !default;
68
+ $kendo-list-item-padding-y-md: ( $kendo-list-item-padding-y-base * 1 ) !default;
69
+ $kendo-list-item-padding-y-lg: ( $kendo-list-item-padding-y-base * 1.25 ) !default;
18
70
 
19
- /// Font sizes of the list item.
71
+ /// Font size of list items, if no size is set.
20
72
  /// @group list
21
73
  $kendo-list-item-font-size: null !default;
22
- $kendo-list-item-font-size-sm: $font-size-sm !default;
23
- $kendo-list-item-font-size-md: $font-size-md !default;
24
- $kendo-list-item-font-size-lg: $font-size-lg !default;
74
+ $kendo-list-item-font-size-sm: null !default;
75
+ $kendo-list-item-font-size-md: null !default;
76
+ $kendo-list-item-font-size-lg: null !default;
25
77
 
26
- /// The background of the list item.
78
+ /// Line height of list items, if no size is set.
27
79
  /// @group list
28
- $kendo-list-item-bg: null !default;
29
- /// The text color of the list item.
80
+ $kendo-list-item-line-height: null !default;
81
+ $kendo-list-item-line-height-sm: null !default;
82
+ $kendo-list-item-line-height-md: null !default;
83
+ $kendo-list-item-line-height-lg: null !default;
84
+
85
+ /// Horizontal padding of list group items, when no size is set.
30
86
  /// @group list
31
- $kendo-list-item-text: $component-text !default;
87
+ $kendo-list-group-item-padding-x: null !default;
88
+ $kendo-list-group-item-padding-x-base: map-get( $spacing, 4 ) !default;
89
+ $kendo-list-group-item-padding-x-sm: ( $kendo-list-group-item-padding-x-base * .75 ) !default;
90
+ $kendo-list-group-item-padding-x-md: ( $kendo-list-group-item-padding-x-base * 1 ) !default;
91
+ $kendo-list-group-item-padding-x-lg: ( $kendo-list-group-item-padding-x-base * 1.25 ) !default;
32
92
 
33
- /// The background of hovered list item.
93
+ /// Vertical padding of list group items, when no size is set.
34
94
  /// @group list
35
- $kendo-list-item-hover-bg: $hovered-bg !default;
36
- /// The text color of hovered list item.
95
+ $kendo-list-group-item-padding-y: null !default;
96
+ $kendo-list-group-item-padding-y-base: map-get( $spacing, 1 ) !default;
97
+ $kendo-list-group-item-padding-y-sm: ( $kendo-list-group-item-padding-y-base * .75 ) !default;
98
+ $kendo-list-group-item-padding-y-md: ( $kendo-list-group-item-padding-y-base * 1 ) !default;
99
+ $kendo-list-group-item-padding-y-lg: ( $kendo-list-group-item-padding-y-base * 1.25 ) !default;
100
+
101
+ /// Border width of list group items.
37
102
  /// @group list
38
- $kendo-list-item-hover-text: $hovered-text !default;
103
+ $kendo-list-group-item-border-width: 1px 0 0 !default;
39
104
 
40
- /// The background of selected list item.
105
+ /// Font size of list group items, if no size is set.
41
106
  /// @group list
42
- $kendo-list-item-selected-bg: $selected-bg !default;
43
- /// The text color of selected list item.
107
+ $kendo-list-group-item-font-size: null !default;
108
+ $kendo-list-group-item-font-size-sm: null !default;
109
+ $kendo-list-group-item-font-size-md: null !default;
110
+ $kendo-list-group-item-font-size-lg: null !default;
111
+
112
+ /// Line height of list group items, if no size is set.
44
113
  /// @group list
45
- $kendo-list-item-selected-text: $selected-text !default;
114
+ $kendo-list-group-item-line-height: null !default;
115
+ $kendo-list-group-item-line-height-sm: null !default;
116
+ $kendo-list-group-item-line-height-md: null !default;
117
+ $kendo-list-group-item-line-height-lg: null !default;
46
118
 
47
- /// The base shadow of focused list item.
119
+ /// Font weight of list group item.
48
120
  /// @group list
49
- $kendo-list-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-list-item-text, .15 ) !default;
121
+ $kendo-list-group-item-font-weight: bold !default;
122
+
123
+
124
+ // Kendo list sizes
125
+ $kendo-list-sizes: (
126
+ sm: (
127
+ font-size: $kendo-list-font-size-sm,
128
+ line-height: $kendo-list-line-height-sm,
129
+ header-padding-x: $kendo-list-header-padding-x-sm,
130
+ header-padding-y: $kendo-list-header-padding-y-sm,
131
+ header-font-size: null,
132
+ header-line-height: null,
133
+ item-padding-x: $kendo-list-item-padding-x-sm,
134
+ item-padding-y: $kendo-list-item-padding-y-sm,
135
+ item-font-size: null,
136
+ item-line-height: null,
137
+ group-item-padding-x: $kendo-list-group-item-padding-x-sm,
138
+ group-item-padding-y: $kendo-list-group-item-padding-y-sm,
139
+ group-item-font-size: null,
140
+ group-item-line-height: null
141
+ ),
142
+ md: (
143
+ font-size: $kendo-list-font-size-md,
144
+ line-height: $kendo-list-line-height-md,
145
+ header-padding-x: $kendo-list-header-padding-x-md,
146
+ header-padding-y: $kendo-list-header-padding-y-md,
147
+ header-font-size: null,
148
+ header-line-height: null,
149
+ item-padding-x: $kendo-list-item-padding-x-md,
150
+ item-padding-y: $kendo-list-item-padding-y-md,
151
+ item-font-size: null,
152
+ item-line-height: null,
153
+ group-item-padding-x: $kendo-list-group-item-padding-x-md,
154
+ group-item-padding-y: $kendo-list-group-item-padding-y-md,
155
+ group-item-font-size: null,
156
+ group-item-line-height: null
157
+ ),
158
+ lg: (
159
+ font-size: $kendo-list-font-size-lg,
160
+ line-height: $kendo-list-line-height-lg,
161
+ header-padding-x: $kendo-list-header-padding-x-lg,
162
+ header-padding-y: $kendo-list-header-padding-y-lg,
163
+ header-font-size: null,
164
+ header-line-height: null,
165
+ item-padding-x: $kendo-list-item-padding-x-lg,
166
+ item-padding-y: $kendo-list-item-padding-y-lg,
167
+ item-font-size: null,
168
+ item-line-height: null,
169
+ group-item-padding-x: $kendo-list-group-item-padding-x-lg,
170
+ group-item-padding-y: $kendo-list-group-item-padding-y-lg,
171
+ group-item-font-size: null,
172
+ group-item-line-height: null
173
+ )
174
+ ) !default;
50
175
 
51
- /// The text color of the 'No Data' text.
176
+
177
+ /// Background color of the list component.
178
+ /// @group list
179
+ $kendo-list-bg: $component-bg !default;
180
+ /// Text color of the list component.
52
181
  /// @group list
53
- $kendo-list-container-no-data-text: rgba( $component-text, .5 ) !default;
182
+ $kendo-list-text: $component-text !default;
183
+ /// Border color of the list component.
184
+ /// @group list
185
+ $kendo-list-border: $component-border !default;
186
+
54
187
 
55
- /// Padding of the list group header.
188
+ /// Background color of list header.
189
+ /// @group list
190
+ $kendo-list-header-bg: null !default;
191
+ /// Text color of list header.
192
+ /// @group list
193
+ $kendo-list-header-text: null !default;
194
+ /// Border color of list header.
195
+ /// @group list
196
+ $kendo-list-header-border: inherit !default;
197
+ /// Box shadow of list header.
56
198
  /// @group list
57
- $kendo-list-group-header-padding: null !default;
58
- $kendo-list-group-header-padding-sm: $kendo-list-item-padding-y-sm $kendo-list-item-padding-x-sm !default;
59
- $kendo-list-group-header-padding-md: $kendo-list-item-padding-y-md $kendo-list-item-padding-x-md !default;
60
- $kendo-list-group-header-padding-lg: $kendo-list-item-padding-y-lg $kendo-list-item-padding-x-lg !default;
199
+ $kendo-list-header-shadow: null !default;
61
200
 
62
- /// Font sizes of the list group header.
201
+
202
+ /// Background color of list items.
203
+ /// @group list
204
+ $kendo-list-item-bg: null !default;
205
+ /// Text color of list items.
63
206
  /// @group list
64
- $kendo-list-group-header-font-size: null !default;
65
- $kendo-list-group-header-font-size-sm: $font-size-xs !default;
66
- $kendo-list-group-header-font-size-md: $font-size-sm !default;
67
- $kendo-list-group-header-font-size-lg: $font-size-md !default;
207
+ $kendo-list-item-text: null !default;
68
208
 
69
- /// The text color of the list group header.
209
+ /// Background color of hovered list items.
210
+ /// @group list
211
+ $kendo-list-item-hover-bg: $hovered-bg !default;
212
+ /// Text color of hovered list items.
213
+ /// @group list
214
+ $kendo-list-item-hover-text: $hovered-text !default;
215
+
216
+ /// Background color of focused list items.
217
+ /// @group list
218
+ $kendo-list-item-focus-bg: null !default;
219
+ /// Text color of focused list items.
220
+ /// @group list
221
+ $kendo-list-item-focus-text: null !default;
222
+ /// Box shadow of focused list items.
223
+ /// @group list
224
+ $kendo-list-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-list-text, .15 ) !default;
225
+
226
+ /// Background color of selected list items.
227
+ /// @group list
228
+ $kendo-list-item-selected-bg: $selected-bg !default;
229
+ /// Text color of selected list items.
230
+ /// @group list
231
+ $kendo-list-item-selected-text: $selected-text !default;
232
+
233
+ /// Background color of list group items.
234
+ /// @group list
235
+ $kendo-list-group-item-bg: null !default;
236
+ /// Text color of list group items.
70
237
  /// @group list
71
- $kendo-list-group-header-text: $subtle-text !default;
72
- /// The border color of the list group header.
238
+ $kendo-list-group-item-text: null !default;
239
+ /// The border color of list group items.
73
240
  /// @group list
74
- $kendo-list-group-header-border: $grouping-header-border !default;
75
- /// The base shadow of the list group header.
241
+ $kendo-list-group-item-border: inherit !default;
242
+ /// The base shadow of list group items.
76
243
  /// @group list
77
- $kendo-list-group-header-shadow: none !default;
244
+ $kendo-list-group-item-shadow: null !default;
78
245
 
79
- /// Border width of the stuck list group header.
246
+ /// Text color of the 'No Data' text.
80
247
  /// @group list
81
- $kendo-list-stuck-group-header-border-width: $frozen-grouping-header-border-width !default;
248
+ $kendo-list-no-data-text: $subtle-text !default;
package/scss/listbox/_index.scss CHANGED
@@ -7,6 +7,7 @@
7
7
  @import "../popup/_index.scss";
8
8
  @import "../list/_index.scss";
9
9
  @import "../icons/_index.scss";
10
+ @import "../list/_index.scss";
10
11
 
11
12
 
12
13
  // Component
package/scss/menu/_index.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  @import "../popup/_index.scss";
7
7
  @import "../list/_index.scss";
8
8
  @import "../icons/_index.scss";
9
+ @import "../list/_index.scss";
9
10
 
10
11
 
11
12
  // Component
package/scss/menu/_variables.scss CHANGED
@@ -46,17 +46,17 @@ $menu-scroll-button-hover-gradient: null !default;
46
46
 
47
47
  // Menu popup
48
48
 
49
- /// Width of the border around the menu popup.
50
- /// @group menu-popup
51
- $kendo-menu-popup-border-width: $popup-border-width !default;
52
-
53
49
  /// Horizontal padding of the menu popup.
54
50
  /// @group menu-popup
55
- $kendo-menu-popup-padding-x: $popup-padding-x !default;
51
+ $kendo-menu-popup-padding-x: null !default;
56
52
 
57
53
  /// Vertical padding of the menu popup.
58
54
  /// @group menu-popup
59
- $kendo-menu-popup-padding-y: $popup-padding-y !default;
55
+ $kendo-menu-popup-padding-y: null !default;
56
+
57
+ /// Width of the border around the menu popup.
58
+ /// @group menu-popup
59
+ $kendo-menu-popup-border-width: $popup-border-width !default;
60
60
 
61
61
  /// Font sizes of the menu popup.
62
62
  /// @group menu-popup
package/scss/multiselect/_index.scss CHANGED
@@ -3,6 +3,7 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
+ @import "../forms/_variables.scss";
6
7
  @import "../button/_index.scss";
7
8
  @import "../input/_index.scss";
8
9
  @import "../chip/_index.scss";
@@ -10,7 +11,6 @@
10
11
  @import "../popup/_index.scss";
11
12
  @import "../list/_index.scss";
12
13
  @import "../icons/_index.scss";
13
- @import "../forms/_variables.scss";
14
14
 
15
15
 
16
16
  // Component
package/scss/popup/_index.scss CHANGED
@@ -3,7 +3,6 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../list/_index.scss";
7
6
 
8
7
 
9
8
  // Component
package/scss/popup/_layout.scss CHANGED
@@ -1,13 +1,10 @@
1
1
  @import "~@progress/kendo-theme-default/scss/popup/_layout.scss";
2
2
 
3
- @include exports("popup/layout/bootstrap") {
4
-
5
- .k-popup {
6
-
7
- &.k-column-menu {
8
- padding-top: 0;
9
- padding-bottom: 0;
10
- }
3
+ @include exports( "popup/layout/bootstrap" ) {
11
4
 
5
+ .k-popup.k-column-menu {
6
+ padding-top: 0;
7
+ padding-bottom: 0;
12
8
  }
9
+
13
10
  }
package/scss/popup/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Popup
2
- $popup-padding-x: 0px !default;
3
- $popup-padding-y: 8px !default;
2
+ $popup-padding-x: null !default;
3
+ $popup-padding-y: null !default;
4
4
  $popup-border-width: 1px !default;
5
5
  $popup-border-radius: $border-radius !default;
6
6
 
package/scss/table/_theme.scss CHANGED
@@ -1,9 +1 @@
1
1
  @import "~@progress/kendo-theme-default/scss/table/_theme.scss";
2
-
3
- @include exports("table/theme/bootstrap") {
4
-
5
- .k-table-body .k-table-group-body,
6
- .k-table-list .k-table-group-body {
7
- color: $kendo-table-body-grouping-text-color;
8
- }
9
- }
package/scss/table/_variables.scss CHANGED
@@ -1,72 +1,141 @@
1
1
  // Table
2
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
+
3
13
  /// The font size of the table if no size is specified.
4
14
  /// @group table
5
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
+
6
21
  /// The horizontal padding of the cells in the table if no size is specified.
7
22
  /// @group table
8
- $kendo-table-padding-x: null !default;
23
+ $kendo-table-cell-padding-x: null !default;
24
+
9
25
  /// The vertical padding of the cells in the table if no size is specified.
10
26
  /// @group table
11
- $kendo-table-padding-y: null !default;
27
+ $kendo-table-cell-padding-y: null !default;
28
+
12
29
  /// The sizes of the table.
13
30
  /// @group table
14
31
  $kendo-table-sizes: (
15
32
  sm: (
16
- font-size: map-get( $spacing, md),
17
- padding-y: map-get( $spacing, sm),
18
- padding-x: map-get( $spacing, sm)
33
+ font-size: $font-size,
34
+ line-height: $line-height,
35
+ cell-padding-x: map-get( $spacing, 1 ),
36
+ cell-padding-y: map-get( $spacing, 1 )
19
37
  ),
20
38
  md: (
21
- font-size: map-get( $spacing, md) + .125,
22
- padding-y: map-get( $spacing, md),
23
- padding-x: map-get( $spacing, md)
39
+ font-size: $font-size,
40
+ line-height: $line-height,
41
+ cell-padding-x: map-get( $spacing, 2 ),
42
+ cell-padding-y: map-get( $spacing, 2 )
24
43
  ),
25
44
  lg: (
26
- font-size: map-get( $spacing, lg),
27
- padding-y: map-get( $spacing, lg),
28
- padding-x: map-get( $spacing, lg)
45
+ font-size: $font-size,
46
+ line-height: $line-height,
47
+ cell-padding-x: map-get( $spacing, 3 ),
48
+ cell-padding-y: map-get( $spacing, 3 )
29
49
  )
30
50
  ) !default;
31
51
 
32
52
 
33
- /// The border color of the table.
53
+ /// Background color of tables.
34
54
  /// @group table
35
- $kendo-table-border-color: $grid-header-border !default;
36
- /// The vertical width of the table border.
55
+ $kendo-table-bg: $grid-bg !default;
56
+ /// Text color of tables.
37
57
  /// @group table
38
- $kendo-table-cell-vertical-border-width: $grid-cell-vertical-border-width !default;
39
- /// The horizontal width of the table border.
58
+ $kendo-table-text: $grid-text !default;
59
+ /// Border color of tables.
40
60
  /// @group table
41
- $kendo-table-cell-horizontal-border-width: $grid-cell-horizontal-border-width !default;
61
+ $kendo-table-border: $grid-border !default;
42
62
 
43
63
 
44
- /// The inline end padding of the table.
64
+ /// Background color of table headers.
45
65
  /// @group table
46
- $kendo-table-padding-inline-end: var(--kendo-scrollbar-width) !default;
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;
47
73
 
48
74
 
49
- /// The text color of the table.
75
+ /// Background color of table footers.
50
76
  /// @group table
51
- $kendo-table-text-color: $grid-header-text !default;
52
- /// The text color of the body grouping in the table.
77
+ $kendo-table-footer-bg: $grid-footer-bg !default;
78
+ /// Text color of table footers.
53
79
  /// @group table
54
- $kendo-table-body-grouping-text-color: #6c757d !default;
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
+
55
85
 
56
- /// The background color of the table.
86
+ /// Background color of group rows in table.
57
87
  /// @group table
58
- $kendo-table-bg-color: $grid-header-bg !default;
59
- /// The background color of the even rows in the table.
88
+ $kendo-table-group-row-bg: $grid-grouping-row-bg !default;
89
+ /// Text color of group rows in table.
90
+ /// @group table
91
+ $kendo-table-group-row-text: $grid-grouping-row-text !default;
92
+ /// Border color of group rows in table.
93
+ /// @group table
94
+ $kendo-table-group-row-border: null !default;
95
+
96
+
97
+ /// Background color of alternating rows in table.
60
98
  /// @group table
61
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;
62
131
 
63
132
 
64
- /// The focus state of the table.
133
+ /// Background color of selected rows in table.
65
134
  /// @group table
66
- $kendo-table-state-focus: $kendo-list-item-focus-shadow !default;
67
- /// The hover state of the table.
135
+ $kendo-table-selected-bg: $grid-selected-bg !default;
136
+ /// Text color of selected rows in table.
68
137
  /// @group table
69
- $kendo-table-state-hover: $grid-hovered-bg !default;
70
- /// The selected state of the table.
138
+ $kendo-table-selected-text: $grid-selected-text !default;
139
+ /// Border color of selected rows in table.
71
140
  /// @group table
72
- $kendo-table-state-selected: $grid-selected-bg !default;
141
+ $kendo-table-selected-border: $grid-selected-border !default;