@progress/kendo-theme-material 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 (19) hide show
  1. package/dist/all.css +2707 -2761
  2. package/dist/all.scss +4073 -3851
  3. package/package.json +3 -3
  4. package/scss/checkbox/_index.scss +1 -0
  5. package/scss/dropdowngrid/_layout.scss +0 -14
  6. package/scss/dropdowngrid/_theme.scss +0 -8
  7. package/scss/input/_index.scss +1 -1
  8. package/scss/input/_layout.scss +21 -2
  9. package/scss/input/_variables.scss +5 -5
  10. package/scss/list/_theme.scss +0 -15
  11. package/scss/list/_variables.scss +214 -47
  12. package/scss/listbox/_index.scss +1 -0
  13. package/scss/menu/_variables.scss +6 -6
  14. package/scss/multiselect/_index.scss +1 -1
  15. package/scss/popup/_index.scss +0 -1
  16. package/scss/popup/_variables.scss +2 -2
  17. package/scss/table/_layout.scss +0 -22
  18. package/scss/table/_theme.scss +0 -8
  19. package/scss/table/_variables.scss +100 -33
package/scss/table/_variables.scss CHANGED
@@ -1,74 +1,141 @@
1
1
  // Table
2
2
 
3
- /// The sizes of the table.
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.
4
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
+
5
13
  /// The font size of the table if no size is specified.
6
14
  /// @group table
7
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
+
8
21
  /// The horizontal padding of the cells in the table if no size is specified.
9
22
  /// @group table
10
- $kendo-table-padding-x: null !default;
23
+ $kendo-table-cell-padding-x: null !default;
24
+
11
25
  /// The vertical padding of the cells in the table if no size is specified.
12
26
  /// @group table
13
- $kendo-table-padding-y: null !default;
27
+ $kendo-table-cell-padding-y: null !default;
28
+
14
29
  /// The sizes of the table.
15
30
  /// @group table
16
31
  $kendo-table-sizes: (
17
32
  sm: (
18
- font-size: map-get( $spacing, sm) + 2,
19
- padding-y: map-get( $spacing, sm),
20
- padding-x: map-get( $spacing, md)
33
+ font-size: $font-size,
34
+ line-height: ( 20 / 14 ),
35
+ cell-padding-x: map-get( $spacing, 2 ),
36
+ cell-padding-y: map-get( $spacing, 1 )
21
37
  ),
22
38
  md: (
23
- font-size: map-get( $spacing, md) + 2,
24
- padding-y: map-get( $spacing, md),
25
- padding-x: map-get( $spacing, lg)
39
+ font-size: $font-size,
40
+ line-height: ( 20 / 14 ),
41
+ cell-padding-x: map-get( $spacing, 4 ),
42
+ cell-padding-y: map-get( $spacing, 2 )
26
43
  ),
27
44
  lg: (
28
- font-size: map-get( $spacing, lg),
29
- padding-y: map-get( $spacing, lg),
30
- padding-x: map-get( $spacing, lg) + 4
45
+ font-size: $font-size,
46
+ line-height: ( 20 / 14 ),
47
+ cell-padding-x: map-get( $spacing, 4 ),
48
+ cell-padding-y: map-get( $spacing, 4 )
31
49
  )
32
50
  ) !default;
33
51
 
34
52
 
35
- /// The border color of the table.
53
+ /// Background color of tables.
36
54
  /// @group table
37
- $kendo-table-border-color: $grid-header-border !default;
38
- /// The vertical width of the table border.
55
+ $kendo-table-bg: $grid-bg !default;
56
+ /// Text color of tables.
39
57
  /// @group table
40
- $kendo-table-cell-vertical-border-width: $grid-cell-vertical-border-width !default;
41
- /// The horizontal width of the table border.
58
+ $kendo-table-text: $grid-text !default;
59
+ /// Border color of tables.
42
60
  /// @group table
43
- $kendo-table-cell-horizontal-border-width: $grid-cell-horizontal-border-width !default;
61
+ $kendo-table-border: $grid-border !default;
44
62
 
45
63
 
46
- /// The inline end padding of the table.
64
+ /// Background color of table headers.
47
65
  /// @group table
48
- $kendo-table-padding-inline-end: var(--kendo-scrollbar-width) !default;
49
- /// The text color of the body grouping in the table.
66
+ $kendo-table-header-bg: $grid-header-bg !default;
67
+ /// Text color of table headers.
50
68
  /// @group table
51
- $kendo-table-body-grouping-text-color: rgba(0, 0, 0, .54) !default;
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
+
52
74
 
53
- /// The text color of the table.
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.
54
82
  /// @group table
55
- $kendo-table-text-color: $grid-header-text !default;
83
+ $kendo-table-footer-border: $grid-footer-border !default;
56
84
 
57
85
 
58
- /// The background color of the table.
86
+ /// Background color of group rows in table.
59
87
  /// @group table
60
- $kendo-table-bg-color: $grid-header-bg !default;
61
- /// 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.
62
98
  /// @group table
63
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;
64
131
 
65
132
 
66
- /// The focus state of the table.
133
+ /// Background color of selected rows in table.
67
134
  /// @group table
68
- $kendo-table-state-focus: $grid-focused-shadow !default;
69
- /// The hover state of the table.
135
+ $kendo-table-selected-bg: $grid-selected-bg !default;
136
+ /// Text color of selected rows in table.
70
137
  /// @group table
71
- $kendo-table-state-hover: $grid-hovered-bg !default;
72
- /// The selected state of the table.
138
+ $kendo-table-selected-text: $grid-selected-text !default;
139
+ /// Border color of selected rows in table.
73
140
  /// @group table
74
- $kendo-table-state-selected: $grid-selected-bg !default;
141
+ $kendo-table-selected-border: $grid-selected-border !default;