@progress/kendo-theme-classic 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 (16) hide show
  1. package/dist/all.css +1006 -1049
  2. package/dist/all.scss +1131 -1268
  3. package/package.json +3 -3
  4. package/scss/appbar/_variables.scss +1 -1
  5. package/scss/autocomplete/_variables.scss +0 -19
  6. package/scss/button/_variables.scss +60 -32
  7. package/scss/chat/_variables.scss +0 -5
  8. package/scss/checkbox/_index.scss +1 -0
  9. package/scss/checkbox/_variables.scss +64 -67
  10. package/scss/chip/_variables.scss +1 -1
  11. package/scss/grid/_variables.scss +2 -2
  12. package/scss/list/_variables.scss +19 -19
  13. package/scss/menu/_variables.scss +45 -47
  14. package/scss/radio/_variables.scss +70 -83
  15. package/scss/table/_variables.scss +9 -9
  16. package/scss/treeview/_variables.scss +45 -46
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-classic",
3
3
  "description": "Sass port of less based themes for Kendo UI theme",
4
- "version": "5.0.0-beta.3",
4
+ "version": "5.0.0-beta.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -49,7 +49,7 @@
49
49
  "postpublish": "echo 'no postpublish for classic theme'"
50
50
  },
51
51
  "dependencies": {
52
- "@progress/kendo-theme-default": "^5.0.0-beta.3"
52
+ "@progress/kendo-theme-default": "^5.0.0-beta.4"
53
53
  },
54
- "gitHead": "a508e10c60c1c14b569a908ef7f8584cf449a421"
54
+ "gitHead": "1e906bdc564c2df671a6c1552c81dd56bc08d1c4"
55
55
  }
package/scss/appbar/_variables.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  $appbar-margin-y: null !default;
3
3
  $appbar-margin-x: null !default;
4
4
  $appbar-padding-y: map-get( $spacing, 2 ) !default;
5
- $appbar-padding-x: map-get( $spacing, 4 ) !default;
5
+ $appbar-padding-x: map-get( $spacing, 2 ) !default;
6
6
  $appbar-border-width: 0px !default;
7
7
 
8
8
  $appbar-zindex: 1000 !default;
package/scss/autocomplete/_variables.scss CHANGED
@@ -1,20 +1 @@
1
1
  // Autocomplete
2
- $autocomplete-bg: $kendo-input-bg !default;
3
- $autocomplete-text: $kendo-input-text !default;
4
- $autocomplete-border: $kendo-input-border !default;
5
- $autocomplete-shadow: $kendo-input-shadow !default;
6
-
7
- $autocomplete-hovered-bg: $kendo-input-hover-bg !default;
8
- $autocomplete-hovered-text: $kendo-input-hover-text !default;
9
- $autocomplete-hovered-border: $kendo-input-hover-border !default;
10
- $autocomplete-hovered-shadow: $kendo-input-hover-shadow !default;
11
-
12
- $autocomplete-focused-bg: $kendo-input-focus-bg !default;
13
- $autocomplete-focused-text: $kendo-input-focus-text !default;
14
- $autocomplete-focused-border: $kendo-input-focus-border !default;
15
- $autocomplete-focused-shadow: $kendo-input-focus-shadow !default;
16
-
17
- $autocomplete-disabled-bg: null !default;
18
- $autocomplete-disabled-text: null !default;
19
- $autocomplete-disabled-border: null !default;
20
- $autocomplete-disabled-shadow: null !default;
package/scss/button/_variables.scss CHANGED
@@ -6,24 +6,21 @@ $kendo-button-border-width: 1px !default;
6
6
 
7
7
  /// Border radius of the button.
8
8
  /// @group button
9
- $kendo-button-border-radius: ( map-get( $spacing, 1 ) / 2 ) !default;
10
- $kendo-button-border-radius-sm: ( map-get( $spacing, 1 ) / 4 ) !default;
11
- $kendo-button-border-radius-md: ( map-get( $spacing, 1 ) / 2 ) !default;
12
- $kendo-button-border-radius-lg: map-get( $spacing, 1 ) !default;
9
+ $kendo-button-border-radius: null !default;
13
10
 
14
11
  /// Horizontal padding of the button.
15
12
  /// @group button
16
13
  $kendo-button-padding-x: map-get( $spacing, 2 ) !default;
17
- $kendo-button-padding-x-sm: map-get( $spacing, 1 ) !default;
14
+ $kendo-button-padding-x-sm: map-get( $spacing, 2 ) !default;
18
15
  $kendo-button-padding-x-md: map-get( $spacing, 2 ) !default;
19
- $kendo-button-padding-x-lg: map-get( $spacing, 3 ) !default;
16
+ $kendo-button-padding-x-lg: map-get( $spacing, 2 ) !default;
20
17
 
21
18
  /// Vertical padding of the button.
22
19
  /// @group button
23
- $kendo-button-padding-y: $kendo-button-padding-x / 2 !default;
24
- $kendo-button-padding-y-sm: $kendo-button-padding-x-sm / 2 !default;
25
- $kendo-button-padding-y-md: $kendo-button-padding-x-md / 2 !default;
26
- $kendo-button-padding-y-lg: $kendo-button-padding-x-lg / 2 !default;
20
+ $kendo-button-padding-y: map-get( $spacing, 1 ) !default;
21
+ $kendo-button-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
22
+ $kendo-button-padding-y-md: map-get( $spacing, 1 ) !default;
23
+ $kendo-button-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
27
24
 
28
25
  /// Font family of the button.
29
26
  /// @group button
@@ -31,17 +28,17 @@ $kendo-button-font-family: $font-family !default;
31
28
 
32
29
  /// Font sizes of the button.
33
30
  /// @group button
34
- $kendo-button-font-size: $font-size !default;
35
- $kendo-button-font-size-sm: $font-size-sm !default;
36
- $kendo-button-font-size-md: $font-size !default;
37
- $kendo-button-font-size-lg: $font-size-lg !default;
31
+ $kendo-button-font-size: $font-size-md !default;
32
+ $kendo-button-font-size-sm: $font-size-md !default;
33
+ $kendo-button-font-size-md: $font-size-md !default;
34
+ $kendo-button-font-size-lg: $font-size-md !default;
38
35
 
39
36
  /// Line heights used along with $font-size.
40
37
  /// @group button
41
- $kendo-button-line-height: $line-height !default;
42
- $kendo-button-line-height-sm: $line-height-lg !default;
43
- $kendo-button-line-height-md: $line-height !default;
44
- $kendo-button-line-height-lg: $line-height-lg !default;
38
+ $kendo-button-line-height: $line-height-md !default;
39
+ $kendo-button-line-height-sm: $line-height-md !default;
40
+ $kendo-button-line-height-md: $line-height-md !default;
41
+ $kendo-button-line-height-lg: $line-height-md !default;
45
42
 
46
43
  /// Calculated height of the button.
47
44
  /// @group button
@@ -51,9 +48,15 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
51
48
  /// @group button
52
49
  $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
53
50
 
51
+ $kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
52
+ $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
53
+
54
54
  /// Theme colors map for the button.
55
55
  /// @group button
56
- $kendo-button-theme-colors: map-merge((base: $base-bg), $theme-colors ) !default;
56
+ $kendo-button-theme-colors: map-merge(
57
+ $theme-colors,
58
+ ( "base": $base-bg )
59
+ ) !default;
57
60
 
58
61
  /// The base background of the button.
59
62
  /// @group button
@@ -79,7 +82,7 @@ $kendo-button-hover-bg: try-shade( $kendo-button-bg, 1 ) !default;
79
82
  $kendo-button-hover-text: null !default;
80
83
  /// The base border color of hovered button.
81
84
  /// @group button
82
- $kendo-button-hover-border: try-shade( $kendo-button-hover-bg, 2 ) !default;
85
+ $kendo-button-hover-border: try-shade( $kendo-button-bg, 3 ) !default;
83
86
  /// The base background gradient of hovered button.
84
87
  /// @group button
85
88
  $kendo-button-hover-gradient: null !default;
@@ -95,7 +98,7 @@ $kendo-button-active-bg: try-shade( $kendo-button-bg, 2 ) !default;
95
98
  $kendo-button-active-text: null !default;
96
99
  /// The base border color of active button.
97
100
  /// @group button
98
- $kendo-button-active-border: try-shade( $kendo-button-active-bg, 2 ) !default;
101
+ $kendo-button-active-border: try-shade( $kendo-button-bg, 4 ) !default;
99
102
  /// The base background gradient of active button.
100
103
  /// @group button
101
104
  $kendo-button-active-gradient: null !default;
@@ -105,14 +108,14 @@ $kendo-button-active-shadow: null !default;
105
108
 
106
109
  /// The base background color of selected button.
107
110
  /// @group button
108
- $kendo-button-selected-bg: $kendo-button-active-bg !default;
109
- /// The base text color of selected button.
111
+ $kendo-button-selected-bg: $primary !default;
112
+ /// The text color of selected buttons.
110
113
  /// @group button
111
- $kendo-button-selected-text: $kendo-button-active-text !default;
112
- /// The base border color of selected button.
114
+ $kendo-button-selected-text: contrast-wcag( $kendo-button-selected-bg ) !default;
115
+ /// The border color of selected buttons.
113
116
  /// @group button
114
- $kendo-button-selected-border: $kendo-button-active-border !default;
115
- /// The base background gradient of selected button.
117
+ $kendo-button-selected-border: $kendo-button-selected-bg !default;
118
+ /// The background gradient of selected buttons.
116
119
  /// @group button
117
120
  $kendo-button-selected-gradient: $kendo-button-active-gradient !default;
118
121
  /// The base shadow of selected button.
@@ -151,6 +154,35 @@ $kendo-button-disabled-gradient: null !default;
151
154
  /// @group button
152
155
  $kendo-button-disabled-shadow: null !default;
153
156
 
157
+ // Solid button
158
+ $kendo-solid-button-gradient: $base-gradient !default;
159
+ $kendo-solid-button-shade-function: "try-shade";
160
+ $kendo-solid-button-shade-text-amount: 0 !default;
161
+ $kendo-solid-button-shade-bg-amount: 0 !default;
162
+ $kendo-solid-button-shade-border-amount: 2 !default;
163
+ $kendo-solid-button-hover-shade-text-amount: null !default;
164
+ $kendo-solid-button-hover-shade-bg-amount: 1 !default;
165
+ $kendo-solid-button-hover-shade-border-amount: 3 !default;
166
+ $kendo-solid-button-active-shade-text-amount: null !default;
167
+ $kendo-solid-button-active-shade-bg-amount: 2 !default;
168
+ $kendo-solid-button-active-shade-border-amount: 4 !default;
169
+ $kendo-solid-button-shadow: true !default;
170
+ $kendo-solid-button-shadow-blur: 4px !default;
171
+ $kendo-solid-button-shadow-spread: 0px !default;
172
+ $kendo-solid-button-shadow-opacity: .75 !default;
173
+
174
+ // Outline button
175
+ $kendo-outline-button-shadow: true !default;
176
+ $kendo-outline-button-shadow-blur: 4px !default;
177
+ $kendo-outline-button-shadow-spread: 0px !default;
178
+ $kendo-outline-button-shadow-opacity: .75 !default;
179
+
180
+ // Link button
181
+ $kendo-link-button-shadow: true !default;
182
+ $kendo-link-button-shadow-blur: 4px !default;
183
+ $kendo-link-button-shadow-spread: 0px !default;
184
+ $kendo-link-button-shadow-opacity: .75 !default;
185
+
154
186
  /// The overlay opacity of hovered flat button. Used to create background for the flat button.
155
187
  /// @group button
156
188
  $kendo-flat-button-hover-opacity: .08 !default;
@@ -166,8 +198,4 @@ $kendo-flat-button-selected-opacity: .2 !default;
166
198
 
167
199
  /// The color transition of the flat button.
168
200
  /// @group button
169
- $kendo-button-color-transition: color .2s ease-in-out !default;
170
-
171
- /// The base shadow of focused button group.
172
- /// @group button
173
- $kendo-button-group-focus-shadow: null !default;
201
+ $kendo-button-transition: color .2s ease-in-out !default;
package/scss/chat/_variables.scss CHANGED
@@ -70,8 +70,3 @@ $chat-quick-reply-border: $primary !default;
70
70
  $chat-quick-reply-hover-bg: $primary !default;
71
71
  $chat-quick-reply-hover-text: $primary-contrast !default;
72
72
  $chat-quick-reply-hover-border: $primary !default;
73
-
74
- $chat-message-box-bg: $kendo-input-bg !default;
75
- $chat-message-box-text: $kendo-input-text !default;
76
- $chat-message-box-border: inherit !default;
77
- $chat-message-box-focus-shadow: 0 0 40px rgba( $kendo-input-text, .1 ) !default;
package/scss/checkbox/_index.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import "../typography/_variables.scss";
6
6
  @import "../list/_variables.scss";
7
7
 
8
+
8
9
  // Component
9
10
  @import "_variables.scss";
10
11
  @import "_layout.scss";
package/scss/checkbox/_variables.scss CHANGED
@@ -1,126 +1,134 @@
1
1
  // Checkbox
2
2
 
3
- /// The sizes of checkbox.
3
+ /// Border width of checkbox.
4
4
  /// @group checkbox
5
+ $kendo-checkbox-border-width: 1px !default;
6
+
7
+ // Checkbox sizes
5
8
  $kendo-checkbox-sizes: (
6
- sm: map-get( $spacing, 3 ),
7
- md: map-get( $spacing, 4 ),
8
- lg: map-get( $spacing, 6 )
9
+ sm: (
10
+ size: map-get( $spacing, 3 ),
11
+ glyph-size: ( map-get( $spacing, 3 ) - map-get( $spacing, thin ) ),
12
+ ripple-size: map-get( $spacing, 3 ) * 3
13
+ ),
14
+ md: (
15
+ size: map-get( $spacing, 4 ),
16
+ glyph-size: ( map-get( $spacing, 4 ) - map-get( $spacing, thin ) ),
17
+ ripple-size: map-get( $spacing, 4 ) * 3
18
+ ),
19
+ lg: (
20
+ size: map-get( $spacing, 5 ),
21
+ glyph-size: ( map-get( $spacing, 5 ) - map-get( $spacing, thin ) ),
22
+ ripple-size: map-get( $spacing, 5 ) * 3
23
+ )
9
24
  ) !default;
10
25
 
11
- /// The border width of checkbox.
26
+ /// Background color of checkbox.
12
27
  /// @group checkbox
13
- $kendo-checkbox-border-width: 1px !default;
14
- /// The line height of checkbox.
15
- /// @group checkbox
16
- $kendo-checkbox-line-height: calc( #{map-get( $kendo-checkbox-sizes, "md" )} + #{$kendo-checkbox-border-width} ) !default;
17
-
18
- /// The background of checkbox.
28
+ $kendo-checkbox-bg: $component-bg !default;
29
+ /// Color of checkbox.
19
30
  /// @group checkbox
20
- $kendo-checkbox-bg: $white !default;
21
- /// The background of checkbox.
31
+ $kendo-checkbox-text: null !default;
32
+ /// Border color of checkbox.
22
33
  /// @group checkbox
23
- $kendo-checkbox-text: transparent !default;
24
- /// The border of checkbox.
25
- /// @group checkbox
26
- $kendo-checkbox-border: $base-border !default;
34
+ $kendo-checkbox-border: $component-border !default;
27
35
 
28
- /// The background of hovered checkbox.
36
+ /// Background color of hovered checkbox.
29
37
  /// @group checkbox
30
38
  $kendo-checkbox-hover-bg: null !default;
31
- /// The text of hovered checkbox.
39
+ /// Color of hovered checkbox.
32
40
  /// @group checkbox
33
41
  $kendo-checkbox-hover-text: null !default;
34
- /// The border of hovered checkbox.
42
+ /// Border color of hovered checkbox.
35
43
  /// @group checkbox
36
44
  $kendo-checkbox-hover-border: null !default;
37
45
 
38
- /// The background of checked checkbox.
46
+ /// Background color of checked checkbox.
39
47
  /// @group checkbox
40
48
  $kendo-checkbox-checked-bg: $primary !default;
41
- /// The text of checked checkbox.
49
+ /// Color of checked checkbox.
42
50
  /// @group checkbox
43
51
  $kendo-checkbox-checked-text: contrast-wcag( $kendo-checkbox-checked-bg ) !default;
44
- /// The border of checked checkbox.
52
+ /// Border color of checked checkbox.
45
53
  /// @group checkbox
46
54
  $kendo-checkbox-checked-border: $kendo-checkbox-checked-bg !default;
47
55
 
48
- /// The background of indeterminate checkbox.
56
+ /// Background color of indeterminate checkbox.
49
57
  /// @group checkbox
50
58
  $kendo-checkbox-indeterminate-bg: $kendo-checkbox-bg !default;
51
- /// The text of indeterminate checkbox.
59
+ /// Color of indeterminate checkbox.
52
60
  /// @group checkbox
53
61
  $kendo-checkbox-indeterminate-text: $kendo-checkbox-checked-bg !default;
54
- /// The border of indeterminate checkbox.
62
+ /// Border color of indeterminate checkbox.
55
63
  /// @group checkbox
56
64
  $kendo-checkbox-indeterminate-border: $kendo-checkbox-border !default;
57
65
 
58
- /// The border of focused checkbox.
66
+ /// Border color of focused checkbox.
59
67
  /// @group checkbox
60
68
  $kendo-checkbox-focus-border: null !default;
61
- /// The shadow of focused checkbox.
69
+ /// Box shadow of focused checkbox.
62
70
  /// @group checkbox
63
- $kendo-checkbox-focus-shadow: 0 0 0 2px rgba( 0, 0, 0, .06 ) !default;
64
- /// The border of focused and checked checkbox.
71
+ $kendo-checkbox-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .06) !default;
72
+ /// Border color of focused and checked checkbox.
65
73
  /// @group checkbox
66
74
  $kendo-checkbox-focus-checked-border: null !default;
67
- /// The shadow of focused and checked checkbox.
75
+ /// Box shadow of focused and checked checkbox.
68
76
  /// @group checkbox
69
77
  $kendo-checkbox-focus-checked-shadow: 0 0 0 2px rgba( $primary, .3 ) !default;
70
78
 
71
- /// The background of disabled checkbox.
79
+ /// Background color of disabled checkbox.
72
80
  /// @group checkbox
73
81
  $kendo-checkbox-disabled-bg: null !default;
74
- /// The text of disabled checkbox.
82
+ /// Color of disabled checkbox.
75
83
  /// @group checkbox
76
84
  $kendo-checkbox-disabled-text: null !default;
77
- /// The border of disabled checkbox.
85
+ /// Border color of disabled checkbox.
78
86
  /// @group checkbox
79
87
  $kendo-checkbox-disabled-border: null !default;
80
88
 
81
- /// The background of disabled and checked checkbox.
89
+ /// Background color of disabled and checked checkbox.
82
90
  /// @group checkbox
83
91
  $kendo-checkbox-disabled-checked-bg: null !default;
84
- /// The text of disabled and checked checkbox.
92
+ /// Color of disabled and checked checkbox.
85
93
  /// @group checkbox
86
94
  $kendo-checkbox-disabled-checked-text: null !default;
87
- /// The border of disabled and checked checkbox.
95
+ /// Border color of disabled and checked checkbox.
88
96
  /// @group checkbox
89
97
  $kendo-checkbox-disabled-checked-border: null !default;
90
98
 
91
- /// The background of invalid checkbox.
99
+ /// Background color of invalid checkbox.
92
100
  /// @group checkbox
93
101
  $kendo-checkbox-invalid-bg: null !default;
94
- /// The text of invalid checkbox.
102
+ /// Color of invalid checkbox.
95
103
  /// @group checkbox
96
104
  $kendo-checkbox-invalid-text: $invalid-text !default;
97
- /// The border of invalid checkbox.
105
+ /// Border color of invalid checkbox.
98
106
  /// @group checkbox
99
107
  $kendo-checkbox-invalid-border: $invalid-border !default;
100
108
 
101
109
 
102
110
  // Checkbox indicator
103
111
 
104
- /// The icon type of checked checkbox.
112
+ /// Type of checkbox indicator.
105
113
  /// @group checkbox
106
- $kendo-checkbox-icon-type: glyph !default;
114
+ $kendo-checkbox-indicator-type: image !default;
107
115
 
108
- /// The glyph font family of checkbox.
116
+ /// Glyph font family of checkbox indicator.
109
117
  /// @group checkbox
110
118
  $kendo-checkbox-glyph-font-family: "WebComponentsIcons", monospace !default;
111
- /// The glyph of checked checkbox.
119
+ /// Glyph of checkbox indicator.
112
120
  /// @group checkbox
113
121
  $kendo-checkbox-checked-glyph: "\e118" !default;
114
- /// The glyph of indeterminate checkbox.
122
+ /// Glyph of indeterminate checkbox indicator.
115
123
  /// @group checkbox
116
124
  $kendo-checkbox-indeterminate-glyph: "\e121" !default;
117
125
 
118
- /// The image of checked checkbox.
126
+ /// Image of checked checkbox indicator.
119
127
  /// @group checkbox
120
- $kendo-checkbox-checked-image: null !default;
121
- /// The image of indeterminate checkbox.
128
+ $kendo-checkbox-checked-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>") ) !default;
129
+ /// Image image of checked checkbox indicator.
122
130
  /// @group checkbox
123
- $kendo-checkbox-indeterminate-image: null !default;
131
+ $kendo-checkbox-indeterminate-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-indeterminate-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/></svg>") ) !default;
124
132
 
125
133
 
126
134
  // Checkbox label
@@ -132,33 +140,22 @@ $kendo-checkbox-label-margin-x: map-get( $spacing, 1 ) !default;
132
140
 
133
141
  // Checkbox list
134
142
 
135
- /// The horizontal margin of list item of checkbox.
143
+ /// Spacing between items of horizontal checkbox list.
136
144
  /// @group checkbox
137
145
  $kendo-checkbox-list-spacing: map-get( $spacing, 4 ) !default;
138
- /// The horizontal list item padding of checkbox.
146
+ /// Horizontal padding of checkbox list items.
139
147
  /// @group checkbox
140
148
  $kendo-checkbox-list-item-padding-x: 0px !default;
141
- /// The vertical list item padding of checkbox.
149
+ /// Vertical padding of checkbox list items.
142
150
  /// @group checkbox
143
151
  $kendo-checkbox-list-item-padding-y: $kendo-list-item-padding-y-md !default;
144
152
 
145
153
 
146
154
  // Checkbox ripple
147
155
 
148
- /// The ripple size of checkbox.
149
- /// @group checkbox
150
- $kendo-checkbox-ripple-size: (
151
- sm: (map-get( $kendo-checkbox-sizes, "sm" ) * 3),
152
- md: (map-get( $kendo-checkbox-sizes, "md" ) * 3),
153
- lg: (map-get( $kendo-checkbox-sizes, "lg" ) * 3)
154
- ) !default;
155
- /// The ripple margin of checkbox.
156
+ /// Background color of checkbox ripple.
156
157
  /// @group checkbox
157
- $kendo-checkbox-ripple-margin: (
158
- sm: calc(-1 * (#{map-get( $kendo-checkbox-sizes, "sm" )} + 2 * #{$kendo-checkbox-border-width})),
159
- md: calc(-1 * (#{map-get( $kendo-checkbox-sizes, "md" )} + 2 * #{$kendo-checkbox-border-width})),
160
- lg: calc(-1 * (#{map-get( $kendo-checkbox-sizes, "lg" )} + 2 * #{$kendo-checkbox-border-width}))
161
- ) !default;
162
- /// The ripple opacity of checkbox.
158
+ $kendo-checkbox-ripple-bg: $kendo-checkbox-checked-bg !default;
159
+ /// Opacity of checkbox ripple.
163
160
  /// @group checkbox
164
- $kendo-checkbox-ripple-opacity: .3 !default;
161
+ $kendo-checkbox-ripple-opacity: .25 !default;
package/scss/chip/_variables.scss CHANGED
@@ -121,7 +121,7 @@ $kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
121
121
  // Chip List
122
122
 
123
123
  /// The sizes of the chip list.
124
- /// @group chip-list
124
+ /// @group chip
125
125
  $kendo-chip-list-sizes: (
126
126
  sm: map-get( $spacing, 1 ),
127
127
  md: map-get( $spacing, 2 ),
package/scss/grid/_variables.scss CHANGED
@@ -145,8 +145,8 @@ $grid-filter-menu-item-spacing-y: $grid-filter-menu-item-spacing-x !default;
145
145
  $grid-column-menu-popup-padding-x: null !default;
146
146
  $grid-column-menu-popup-padding-y: null !default;
147
147
 
148
- $grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x-md !default;
149
- $grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y-md !default;
148
+ $grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x !default;
149
+ $grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !default;
150
150
 
151
151
  $grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
152
152
  $grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
package/scss/list/_variables.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  /// Font size of the list component, if no size is set.
4
4
  /// @group list
5
5
  $kendo-list-font-size: null !default;
6
- $kendo-list-font-size-sm: $font-size-sm !default;
6
+ $kendo-list-font-size-sm: $font-size-md !default;
7
7
  $kendo-list-font-size-md: $font-size-md !default;
8
8
  $kendo-list-font-size-lg: $font-size-md !default;
9
9
 
@@ -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, 2 ) !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, 2 ) !default;
22
+ $kendo-list-header-padding-x-md: map-get( $spacing, 2 ) !default;
23
+ $kendo-list-header-padding-x-lg: map-get( $spacing, 2 ) !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: null !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, 2 ) !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, 2 ) !default;
60
+ $kendo-list-item-padding-x-md: map-get( $spacing, 2 ) !default;
61
+ $kendo-list-item-padding-x-lg: map-get( $spacing, 2 ) !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, 2 ) !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, 2 ) !default;
90
+ $kendo-list-group-item-padding-x-md: map-get( $spacing, 2 ) !default;
91
+ $kendo-list-group-item-padding-x-lg: map-get( $spacing, 2 ) !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