@progress/kendo-theme-bootstrap 5.0.0-beta.3 → 5.0.0-beta.4

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 (23) hide show
  1. package/dist/all.css +914 -1178
  2. package/dist/all.scss +1104 -1329
  3. package/dist/bootstrap-dataviz-v4.scss +8 -0
  4. package/dist/bootstrap-main.scss +6 -6
  5. package/lib/swatches/bootstrap-dataviz-v4.json +51 -0
  6. package/lib/swatches/bootstrap-main.json +6 -6
  7. package/package.json +3 -3
  8. package/scss/appbar/_variables.scss +1 -1
  9. package/scss/autocomplete/_variables.scss +0 -19
  10. package/scss/button/_layout.scss +0 -8
  11. package/scss/button/_theme.scss +0 -81
  12. package/scss/button/_variables.scss +48 -20
  13. package/scss/chat/_variables.scss +0 -5
  14. package/scss/checkbox/_index.scss +1 -0
  15. package/scss/checkbox/_variables.scss +58 -61
  16. package/scss/chip/_variables.scss +1 -1
  17. package/scss/grid/_theme.scss +0 -6
  18. package/scss/grid/_variables.scss +2 -2
  19. package/scss/list/_variables.scss +18 -18
  20. package/scss/menu/_variables.scss +44 -46
  21. package/scss/radio/_variables.scss +68 -81
  22. package/scss/table/_variables.scss +8 -8
  23. package/scss/treeview/_variables.scss +45 -45
package/scss/grid/_variables.scss CHANGED
@@ -142,8 +142,8 @@ $grid-filter-menu-item-spacing-y: map-get( $spacing, 2 ) !default;
142
142
  $grid-column-menu-popup-padding-x: null !default;
143
143
  $grid-column-menu-popup-padding-y: null !default;
144
144
 
145
- $grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x-md !default;
146
- $grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y-md !default;
145
+ $grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x !default;
146
+ $grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !default;
147
147
 
148
148
  $grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
149
149
  $grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
package/scss/list/_variables.scss CHANGED
@@ -18,17 +18,17 @@ $kendo-list-line-height-lg: null !default;
18
18
  /// @group list
19
19
  $kendo-list-header-padding-x: null !default;
20
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;
21
+ $kendo-list-header-padding-x-sm: map-get( $spacing, 4 ) !default;
22
+ $kendo-list-header-padding-x-md: map-get( $spacing, 4 ) !default;
23
+ $kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
24
24
 
25
25
  /// Vertical padding of list header, if no size is set.
26
26
  /// @group list
27
27
  $kendo-list-header-padding-y: null !default;
28
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;
29
+ $kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
30
+ $kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
31
+ $kendo-list-header-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
32
32
 
33
33
  /// Border width of list header.
34
34
  /// @group list
@@ -56,17 +56,17 @@ $kendo-list-header-font-weight: bold !default;
56
56
  /// @group list
57
57
  $kendo-list-item-padding-x: null !default;
58
58
  $kendo-list-item-padding-x-base: map-get( $spacing, 4 ) !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;
59
+ $kendo-list-item-padding-x-sm: map-get( $spacing, 4 ) !default;
60
+ $kendo-list-item-padding-x-md: map-get( $spacing, 4 ) !default;
61
+ $kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
62
62
 
63
63
  /// Vertical padding of list items, when no size is set.
64
64
  /// @group list
65
65
  $kendo-list-item-padding-y: null !default;
66
66
  $kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !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;
67
+ $kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
68
+ $kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
69
+ $kendo-list-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
70
70
 
71
71
  /// Font size of list items, if no size is set.
72
72
  /// @group list
@@ -86,17 +86,17 @@ $kendo-list-item-line-height-lg: null !default;
86
86
  /// @group list
87
87
  $kendo-list-group-item-padding-x: null !default;
88
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;
89
+ $kendo-list-group-item-padding-x-sm: map-get( $spacing, 4 ) !default;
90
+ $kendo-list-group-item-padding-x-md: map-get( $spacing, 4 ) !default;
91
+ $kendo-list-group-item-padding-x-lg: map-get( $spacing, 4 ) !default;
92
92
 
93
93
  /// Vertical padding of list group items, when no size is set.
94
94
  /// @group list
95
95
  $kendo-list-group-item-padding-y: null !default;
96
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;
97
+ $kendo-list-group-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
98
+ $kendo-list-group-item-padding-y-md: map-get( $spacing, 1 ) !default;
99
+ $kendo-list-group-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
100
100
 
101
101
  /// Border width of list group items.
102
102
  /// @group list
package/scss/menu/_variables.scss CHANGED
@@ -47,125 +47,123 @@ $menu-scroll-button-hover-gradient: null !default;
47
47
  // Menu popup
48
48
 
49
49
  /// Horizontal padding of the menu popup.
50
- /// @group menu-popup
50
+ /// @group menu
51
51
  $kendo-menu-popup-padding-x: null !default;
52
52
 
53
53
  /// Vertical padding of the menu popup.
54
- /// @group menu-popup
54
+ /// @group menu
55
55
  $kendo-menu-popup-padding-y: null !default;
56
56
 
57
57
  /// Width of the border around the menu popup.
58
- /// @group menu-popup
58
+ /// @group menu
59
59
  $kendo-menu-popup-border-width: $popup-border-width !default;
60
60
 
61
61
  /// Font sizes of the menu popup.
62
- /// @group menu-popup
63
- $kendo-menu-popup-font-size: $font-size !default;
64
- $kendo-menu-popup-font-size-sm: $font-size-sm !default;
65
- $kendo-menu-popup-font-size-md: $font-size !default;
62
+ /// @group menu
63
+ $kendo-menu-popup-font-size: $font-size-md !default;
64
+ $kendo-menu-popup-font-size-sm: $font-size-md !default;
65
+ $kendo-menu-popup-font-size-md: $font-size-md !default;
66
66
  $kendo-menu-popup-font-size-lg: $font-size-lg !default;
67
67
 
68
68
  /// Line heights used along with $font-size.
69
- /// @group menu-popup
70
- $kendo-menu-popup-line-height: $line-height !default;
71
- $kendo-menu-popup-line-height-sm: $line-height !default;
72
- $kendo-menu-popup-line-height-md: $line-height !default;
73
- $kendo-menu-popup-line-height-lg: $line-height-lg !default;
69
+ /// @group menu
70
+ $kendo-menu-popup-line-height: $line-height-md !default;
71
+ $kendo-menu-popup-line-height-sm: $line-height-md !default;
72
+ $kendo-menu-popup-line-height-md: $line-height-md !default;
73
+ $kendo-menu-popup-line-height-lg: $line-height-md !default;
74
74
 
75
75
  /// The background of the menu popup.
76
- /// @group menu-popup
76
+ /// @group menu
77
77
  $kendo-menu-popup-bg: $popup-bg !default;
78
78
  /// The text color of the menu popup.
79
- /// @group menu-popup
79
+ /// @group menu
80
80
  $kendo-menu-popup-text: $popup-text !default;
81
81
  /// The border color of the menu popup.
82
- /// @group menu-popup
82
+ /// @group menu
83
83
  $kendo-menu-popup-border: $popup-border !default;
84
84
  /// The background gradient of the menu popup.
85
- /// @group menu-popup
85
+ /// @group menu
86
86
  $kendo-menu-popup-gradient: null !default;
87
87
 
88
88
 
89
89
  // Menu popup item
90
90
 
91
91
  /// Horizontal padding of the menu item in popup.
92
- /// @group menu-popup-item
93
- $kendo-menu-popup-item-padding-x: null !default;
94
- $kendo-menu-popup-item-padding-x-base: map-get( $spacing, 4 ) !default;
95
- $kendo-menu-popup-item-padding-x-sm: ( $kendo-menu-popup-item-padding-x-base * .75 ) !default;
96
- $kendo-menu-popup-item-padding-x-md: $kendo-menu-popup-item-padding-x-base !default;
97
- $kendo-menu-popup-item-padding-x-lg: ( $kendo-menu-popup-item-padding-x-base * 1.25 ) !default;
92
+ /// @group menu
93
+ $kendo-menu-popup-item-padding-x: map-get( $spacing, 4 ) !default;
94
+ $kendo-menu-popup-item-padding-x-sm: map-get( $spacing, 4 ) !default;
95
+ $kendo-menu-popup-item-padding-x-md: map-get( $spacing, 4 ) !default;
96
+ $kendo-menu-popup-item-padding-x-lg: map-get( $spacing, 4 ) !default;
98
97
 
99
98
  /// Vertical padding of the menu item in popup.
100
- /// @group menu-popup-item
101
- $kendo-menu-popup-item-padding-y: null !default;
102
- $kendo-menu-popup-item-padding-y-base: map-get( $spacing, 1 ) !default;
103
- $kendo-menu-popup-item-padding-y-sm: ( $kendo-menu-popup-item-padding-y-base * .75 ) !default;
104
- $kendo-menu-popup-item-padding-y-md: $kendo-menu-popup-item-padding-y-base !default;
105
- $kendo-menu-popup-item-padding-y-lg: ( $kendo-menu-popup-item-padding-y-base * 1.25 ) !default;
99
+ /// @group menu
100
+ $kendo-menu-popup-item-padding-y: map-get( $spacing, 1 ) !default;
101
+ $kendo-menu-popup-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
102
+ $kendo-menu-popup-item-padding-y-md: map-get( $spacing, 1 ) !default;
103
+ $kendo-menu-popup-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
106
104
 
107
105
  /// The end padding of the menu item in popup.
108
- /// @group menu-popup-item
109
- $kendo-menu-popup-item-padding-end: null !default;
106
+ /// @group menu
107
+ $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$icon-size} ) !default;
110
108
  $kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-sm * 2} + #{$icon-size} ) !default;
111
109
  $kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$icon-size} ) !default;
112
110
  $kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$icon-size} ) !default;
113
111
 
114
112
  /// The start margin of the menu item expand icon.
115
- /// @group menu-popup-item
113
+ /// @group menu
116
114
  $kendo-menu-popup-item-icon-margin-start-sm: $kendo-menu-popup-item-padding-x-sm !default;
117
115
  $kendo-menu-popup-item-icon-margin-start: $kendo-menu-popup-item-padding-x-md !default;
118
116
  $kendo-menu-popup-item-icon-margin-start-lg: $kendo-menu-popup-item-padding-x-lg !default;
119
117
 
120
118
  /// The end margin of the menu item expand icon.
121
- /// @group menu-popup-item
119
+ /// @group menu
122
120
  $kendo-menu-popup-item-icon-margin-end-sm: calc( -1 * (#{$kendo-menu-popup-item-padding-end-sm} - #{$kendo-menu-popup-item-padding-x-sm / 2}) ) !default;
123
121
  $kendo-menu-popup-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-item-padding-end-md} - #{$kendo-menu-popup-item-padding-x-md / 2}) ) !default;
124
122
  $kendo-menu-popup-item-icon-margin-end-lg: calc( -1 * (#{$kendo-menu-popup-item-padding-end-lg} - #{$kendo-menu-popup-item-padding-x-lg / 2}) ) !default;
125
123
 
126
124
  /// The spacing between the menu items in popup.
127
- /// @group menu-popup-item
125
+ /// @group menu
128
126
  $kendo-menu-popup-item-spacing: 0px !default;
129
127
 
130
128
  /// The background of the menu item in popup.
131
- /// @group menu-popup-item
129
+ /// @group menu
132
130
  $kendo-menu-popup-item-bg: null !default;
133
131
  /// The text color of the menu item in popup.
134
- /// @group menu-popup-item
132
+ /// @group menu
135
133
  $kendo-menu-popup-item-text: null !default;
136
134
  /// The border color of the menu item in popup.
137
- /// @group menu-popup-item
135
+ /// @group menu
138
136
  $kendo-menu-popup-item-border: null !default;
139
137
  /// The background gradient of the menu item in popup.
140
- /// @group menu-popup-item
138
+ /// @group menu
141
139
  $kendo-menu-popup-item-gradient: null !default;
142
140
 
143
141
  /// The background of hovered menu item in popup.
144
- /// @group menu-popup-item
142
+ /// @group menu
145
143
  $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
146
144
  /// The text color of hovered menu item in popup.
147
- /// @group menu-popup-item
145
+ /// @group menu
148
146
  $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
149
147
  /// The border color of hovered menu item in popup.
150
- /// @group menu-popup-item
148
+ /// @group menu
151
149
  $kendo-menu-popup-item-hover-border: null !default;
152
150
  /// The background gradient of hovered menu item in popup.
153
- /// @group menu-popup-item
151
+ /// @group menu
154
152
  $kendo-menu-popup-item-hover-gradient: null !default;
155
153
 
156
154
  /// The background of expanded menu item in popup.
157
- /// @group menu-popup-item
155
+ /// @group menu
158
156
  $kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
159
157
  /// The text color of expanded menu item in popup.
160
- /// @group menu-popup-item
158
+ /// @group menu
161
159
  $kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
162
160
  /// The border color of expanded menu item in popup.
163
- /// @group menu-popup-item
161
+ /// @group menu
164
162
  $kendo-menu-popup-item-expanded-border: null !default;
165
163
  /// The background gradient of expanded menu item in popup.
166
- /// @group menu-popup-item
164
+ /// @group menu
167
165
  $kendo-menu-popup-item-expanded-gradient: null !default;
168
166
 
169
167
  /// The base shadow of focused menu item in popup.
170
- /// @group menu-popup-item
168
+ /// @group menu
171
169
  $kendo-menu-popup-item-focus-shadow: $menu-item-focus-shadow !default;
package/scss/radio/_variables.scss CHANGED
@@ -1,126 +1,124 @@
1
1
  // Radio button
2
2
 
3
- /// The Sizes of the radio button.
4
- /// @group radio
5
- $kendo-radio-sizes: (
6
- sm: map-get( $spacing, 3),
7
- md: map-get( $spacing, 4),
8
- lg: map-get( $spacing, 6)
9
- ) !default;
10
-
11
- /// The Border radius of the radio button.
3
+ /// Border radius of radio button.
12
4
  /// @group radio
13
5
  $kendo-radio-radius: 50% !default;
14
- /// The Border width of the radio button.
6
+ /// Border width of radio button.
15
7
  /// @group radio
16
8
  $kendo-radio-border-width: 1px !default;
17
- /// The Line height of the radio button.
18
- /// @group radio
19
- $kendo-radio-line-height: calc( #{map-get( $kendo-radio-sizes, "md" )} + #{$kendo-radio-border-width} ) !default;
20
9
 
21
- /// The Background of the radio button.
10
+ // Radio button sizes
11
+ $kendo-radio-sizes: (
12
+ sm: (
13
+ size: map-get( $spacing, 3 ),
14
+ glyph-size: ( map-get( $spacing, 3 ) - map-get( $spacing, thin ) ),
15
+ ripple-size: map-get( $spacing, 3 ) * 3
16
+ ),
17
+ md: (
18
+ size: map-get( $spacing, 4 ),
19
+ glyph-size: ( map-get( $spacing, 4 ) - map-get( $spacing, thin ) ),
20
+ ripple-size: map-get( $spacing, 4 ) * 3
21
+ ),
22
+ lg: (
23
+ size: map-get( $spacing, 5 ),
24
+ glyph-size: ( map-get( $spacing, 5 ) - map-get( $spacing, thin ) ),
25
+ ripple-size: map-get( $spacing, 5 ) * 3
26
+ )
27
+ ) !default;
28
+
29
+ /// Background color of radio button.
22
30
  /// @group radio
23
31
  $kendo-radio-bg: $kendo-checkbox-bg !default;
24
- /// The Text of the radio button.
32
+ /// Color of radio button.
25
33
  /// @group radio
26
34
  $kendo-radio-text: $kendo-checkbox-text !default;
27
- /// The Border of the radio button.
35
+ /// Border color of radio button.
28
36
  /// @group radio
29
37
  $kendo-radio-border: $kendo-checkbox-border !default;
30
38
 
31
- /// The background of hovered radio button.
39
+ /// Background color of hovered radio button.
32
40
  /// @group radio
33
41
  $kendo-radio-hover-bg: $kendo-checkbox-hover-bg !default;
34
- /// The text of hovered radio button.
42
+ /// Color of hovered radio button.
35
43
  /// @group radio
36
44
  $kendo-radio-hover-text: $kendo-checkbox-hover-text !default;
37
- /// The border of hovered radio button.
45
+ /// Border color of hovered radio button.
38
46
  /// @group radio
39
47
  $kendo-radio-hover-border: $kendo-checkbox-hover-border !default;
40
48
 
41
- /// The background of checked radio button.
49
+ /// Background color of checked radio button.
42
50
  /// @group radio
43
51
  $kendo-radio-checked-bg: $kendo-checkbox-checked-bg !default;
44
- /// The text of checked radio button.
52
+ /// Color of checked radio button.
45
53
  /// @group radio
46
54
  $kendo-radio-checked-text: $kendo-checkbox-checked-text !default;
47
- /// The border of checked radio button.
55
+ /// Border color of checked radio button.
48
56
  /// @group radio
49
57
  $kendo-radio-checked-border: $kendo-checkbox-checked-border !default;
50
58
 
51
- /// The background of indeterminate radio button.
52
- /// @group radio
53
- $kendo-radio-indeterminate-bg: $kendo-radio-checked-bg !default;
54
- /// The text of indeterminate radio button
55
- /// @group radio
56
- $kendo-radio-indeterminate-text: $kendo-radio-checked-text !default;
57
- /// The border of indeterminate radio button.
58
- /// @group radio
59
- $kendo-radio-indeterminate-border: $kendo-radio-checked-border !default;
60
-
61
- /// The border of focused radio button.
59
+ /// Border color of focused radio button.
62
60
  /// @group radio
63
61
  $kendo-radio-focus-border: $kendo-checkbox-focus-border !default;
64
- /// The shadow of focused radio button.
62
+ /// Box shadow of focused radio button.
65
63
  /// @group radio
66
64
  $kendo-radio-focus-shadow: $kendo-checkbox-focus-shadow !default;
67
- /// The border of focused and checked radio button.
65
+ /// Border color of focused and checked radio button.
68
66
  /// @group radio
69
- $kendo-radio-focus-checked-border: $kendo-checkbox-checked-border !default;
70
- /// The shadow of focused and checked radio button.
67
+ $kendo-radio-focus-checked-border: $kendo-checkbox-focus-checked-border !default;
68
+ /// Box shadow of focused and checked radio button.
71
69
  /// @group radio
72
70
  $kendo-radio-focus-checked-shadow: $kendo-checkbox-focus-checked-shadow !default;
73
71
 
74
- /// The background of disabled radio button.
72
+ /// Background color of disabled radio button.
75
73
  /// @group radio
76
- $kendo-radio-disabled-bg: null !default;
77
- /// The text of disabled radio button.
74
+ $kendo-radio-disabled-bg: $kendo-checkbox-disabled-bg !default;
75
+ /// Color of disabled radio button.
78
76
  /// @group radio
79
- $kendo-radio-disabled-text: null !default;
80
- /// The border of disabled radio button.
77
+ $kendo-radio-disabled-text: $kendo-checkbox-disabled-text !default;
78
+ /// Border color of disabled radio button.
81
79
  /// @group radio
82
- $kendo-radio-disabled-border: null !default;
80
+ $kendo-radio-disabled-border: $kendo-checkbox-disabled-border !default;
83
81
 
84
- /// The background of diasbled and checked radio button.
82
+ /// Background color of disabled and checked radio button.
85
83
  /// @group radio
86
- $kendo-radio-disabled-checked-bg: null !default;
87
- /// The text of disabled and checked radio button.
84
+ $kendo-radio-disabled-checked-bg: $kendo-checkbox-disabled-checked-bg !default;
85
+ /// Color of disabled and checked radio button.
88
86
  /// @group radio
89
- $kendo-radio-disabled-checked-text: null !default;
90
- /// The border of disabled and checked radio button.
87
+ $kendo-radio-disabled-checked-text: $kendo-checkbox-disabled-checked-text !default;
88
+ /// Border color of disabled and checked radio button.
91
89
  /// @group radio
92
- $kendo-radio-disabled-checked-border: null !default;
90
+ $kendo-radio-disabled-checked-border: $kendo-checkbox-disabled-checked-border !default;
93
91
 
94
- /// The background of invalid radio button.
92
+ /// Background color of invalid radio button.
95
93
  /// @group radio
96
- $kendo-radio-invalid-bg: null !default;
97
- /// The text of invalid radio button.
94
+ $kendo-radio-invalid-bg: $kendo-checkbox-invalid-bg !default;
95
+ /// Color of invalid radio button.
98
96
  /// @group radio
99
- $kendo-radio-invalid-text: $invalid-text !default;
100
- /// The border of invalid radio button.
97
+ $kendo-radio-invalid-text: $kendo-checkbox-invalid-text !default;
98
+ /// Border color of invalid radio button.
101
99
  /// @group radio
102
- $kendo-radio-invalid-border: $invalid-border !default;
100
+ $kendo-radio-invalid-border: $kendo-checkbox-invalid-border !default;
103
101
 
104
102
 
105
103
  // Radio indicator
106
104
 
107
- /// The icon type of radio button.
105
+ /// Type of radio button indicator.
108
106
  /// @group radio
109
- $kendo-radio-icon-type: image !default;
107
+ $kendo-radio-indicator-type: image !default;
110
108
 
111
- /// The glyph font family of radio button.
109
+ /// Glyph font family of radio button indicator.
112
110
  /// @group radio
113
111
  $kendo-radio-glyph-font-family: "WebComponentsIcons", monospace !default;
114
- /// The glyph size of radio button.
115
- /// @group radio
116
- $kendo-radio-glyph-size: 12px !default;
117
- /// The checked glyph of radio button.
112
+ /// Glyph of radio button indicator.
118
113
  /// @group radio
119
114
  $kendo-radio-checked-glyph: "\e308" !default;
120
115
 
121
- /// The checked image of radio button.
116
+ /// Image of checked radio button indicator.
122
117
  /// @group radio
123
118
  $kendo-radio-checked-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$kendo-radio-checked-text}'/></svg>") ) !default;
119
+ /// Image of disabled and checked radio button indicator.
120
+ /// @group radio
121
+ $kendo-radio-disabled-checked-image: null !default;
124
122
 
125
123
 
126
124
  // Radio label
@@ -132,33 +130,22 @@ $kendo-radio-label-margin-x: map-get( $spacing, 1 ) !default;
132
130
 
133
131
  // Radio list
134
132
 
135
- /// The horizontal list item margin of radio button.
133
+ /// Spacing between items of horizontal radio button list.
136
134
  /// @group radio
137
135
  $kendo-radio-list-spacing: map-get( $spacing, 4 ) !default;
138
- /// The horizontal list item padding of radio button.
136
+ /// Horizontal padding of radio button list items.
139
137
  /// @group radio
140
138
  $kendo-radio-list-item-padding-x: 0px !default;
141
- /// The vertical list item padding of radio button.
139
+ /// Vertical padding of radio button list items.
142
140
  /// @group radio
143
141
  $kendo-radio-list-item-padding-y: $kendo-list-item-padding-y-md !default;
144
142
 
145
143
 
146
144
  // Radio ripple
147
145
 
148
- /// The ripple size of radio.
149
- /// @group radio
150
- $kendo-radio-ripple-size: (
151
- sm: (map-get( $kendo-radio-sizes, "sm" ) * 3),
152
- md: (map-get( $kendo-radio-sizes, "md" ) * 3),
153
- lg: (map-get( $kendo-radio-sizes, "lg" ) * 3)
154
- ) !default;
155
- /// The ripple margin of radio button.
146
+ /// Background color of radio button ripple.
156
147
  /// @group radio
157
- $kendo-radio-ripple-margin: (
158
- sm: calc(-1 * (#{map-get( $kendo-radio-sizes, "sm" )} + 2 * #{$kendo-radio-border-width})),
159
- md: calc(-1 * (#{map-get( $kendo-radio-sizes, "md" )} + 2 * #{$kendo-radio-border-width})),
160
- lg: calc(-1 * (#{map-get( $kendo-radio-sizes, "lg" )} + 2 * #{$kendo-radio-border-width}))
161
- ) !default;
162
- /// The ripple opacity of radio button.
148
+ $kendo-radio-ripple-bg: $kendo-radio-checked-bg !default;
149
+ /// Opacity of radio button ripple.
163
150
  /// @group radio
164
- $kendo-radio-ripple-opacity: .3 !default;
151
+ $kendo-radio-ripple-opacity: .25 !default;
package/scss/table/_variables.scss CHANGED
@@ -30,22 +30,22 @@ $kendo-table-cell-padding-y: null !default;
30
30
  /// @group table
31
31
  $kendo-table-sizes: (
32
32
  sm: (
33
- font-size: $font-size,
34
- line-height: $line-height,
33
+ font-size: $font-size-md,
34
+ line-height: $line-height-md,
35
35
  cell-padding-x: map-get( $spacing, 2 ),
36
- cell-padding-y: map-get( $spacing, 1 )
36
+ cell-padding-y: map-get( $spacing, 2 ) - map-get( $spacing, thin )
37
37
  ),
38
38
  md: (
39
- font-size: $font-size,
40
- line-height: $line-height,
39
+ font-size: $font-size-md,
40
+ line-height: $line-height-md,
41
41
  cell-padding-x: map-get( $spacing, 2 ),
42
42
  cell-padding-y: map-get( $spacing, 2 )
43
43
  ),
44
44
  lg: (
45
- font-size: $font-size,
46
- line-height: $line-height,
45
+ font-size: $font-size-md,
46
+ line-height: $line-height-md,
47
47
  cell-padding-x: map-get( $spacing, 2 ),
48
- cell-padding-y: map-get( $spacing, 3 )
48
+ cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
49
49
  )
50
50
  ) !default;
51
51