@progress/kendo-theme-classic 5.0.0-beta.2 → 5.0.0-beta.3

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 (32) hide show
  1. package/README.md +5 -8
  2. package/dist/all.css +1060 -935
  3. package/dist/all.scss +1785 -1512
  4. package/package.json +3 -3
  5. package/scss/card/_variables.scss +4 -4
  6. package/scss/chat/_variables.scss +0 -2
  7. package/scss/checkbox/_index.scss +1 -1
  8. package/scss/checkbox/_variables.scss +2 -8
  9. package/scss/coloreditor/_variables.scss +3 -3
  10. package/scss/combobox/_variables.scss +1 -31
  11. package/scss/fab/_variables.scss +129 -72
  12. package/scss/fab/index.md +0 -0
  13. package/scss/grid/_variables.scss +7 -7
  14. package/scss/imageeditor/_variables.scss +1 -0
  15. package/scss/index.scss +1 -0
  16. package/scss/input/_variables.scss +3 -3
  17. package/scss/list/_index.scss +1 -0
  18. package/scss/listbox/_variables.scss +1 -1
  19. package/scss/menu/_variables.scss +13 -1
  20. package/scss/orgchart/_variables.scss +2 -2
  21. package/scss/pager/_variables.scss +1 -1
  22. package/scss/pdf-viewer/_variables.scss +2 -5
  23. package/scss/radio/_index.scss +1 -1
  24. package/scss/radio/_variables.scss +2 -8
  25. package/scss/table/_variables.scss +9 -9
  26. package/scss/toolbar/_variables.scss +2 -0
  27. package/scss/treeview/_variables.scss +34 -50
  28. package/scss/typography/_variables.scss +3 -3
  29. package/scss/virtual-scroller/_index.scss +10 -0
  30. package/scss/virtual-scroller/_layout.scss +1 -0
  31. package/scss/virtual-scroller/_theme.scss +1 -0
  32. package/scss/virtual-scroller/_variables.scss +1 -0
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.2",
4
+ "version": "5.0.0-beta.3",
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.2"
52
+ "@progress/kendo-theme-default": "^5.0.0-beta.3"
53
53
  },
54
- "gitHead": "13e32ba172a1fa6fc172c9d989974ebfccef19e6"
54
+ "gitHead": "a508e10c60c1c14b569a908ef7f8584cf449a421"
55
55
  }
package/scss/card/_variables.scss CHANGED
@@ -38,15 +38,15 @@ $card-footer-text: $header-text !default;
38
38
  $card-footer-border: $header-border !default;
39
39
 
40
40
  $card-title-margin-bottom: map-get( $spacing, sm ) !default;
41
- $card-title-font-size: $font-size-md !default;
42
- $card-title-font-family: inherit !default;
43
- $card-title-line-height: normal !default;
41
+ $card-title-font-size: $h5-font-size !default;
42
+ $card-title-font-family: null !default;
43
+ $card-title-line-height: 1.25 !default;
44
44
  $card-title-font-weight: $font-weight-normal !default;
45
45
  $card-title-letter-spacing: null !default;
46
46
 
47
47
  $card-subtitle-margin-bottom: map-get( $spacing, sm ) !default;
48
48
  $card-subtitle-font-size: $font-size-sm !default;
49
- $card-subtitle-font-family: inherit !default;
49
+ $card-subtitle-font-family: null !default;
50
50
  $card-subtitle-line-height: normal !default;
51
51
  $card-subtitle-font-weight: $font-weight-normal !default;
52
52
  $card-subtitle-letter-spacing: null !default;
package/scss/chat/_variables.scss CHANGED
@@ -75,5 +75,3 @@ $chat-message-box-bg: $kendo-input-bg !default;
75
75
  $chat-message-box-text: $kendo-input-text !default;
76
76
  $chat-message-box-border: inherit !default;
77
77
  $chat-message-box-focus-shadow: 0 0 40px rgba( $kendo-input-text, .1 ) !default;
78
-
79
- $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
package/scss/checkbox/_index.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  // Dependencies
5
- @import "../common/_index.scss";
5
+ @import "../typography/_variables.scss";
6
6
  @import "../list/_variables.scss";
7
7
 
8
8
  // Component
package/scss/checkbox/_variables.scss CHANGED
@@ -132,21 +132,15 @@ $kendo-checkbox-label-margin-x: map-get( $spacing, 1 ) !default;
132
132
 
133
133
  // Checkbox list
134
134
 
135
- /// The list margin checkbox.
136
- /// @group checkbox
137
- $kendo-checkbox-list-margin: 0px !default;
138
- /// The list padding checkbox.
135
+ /// The horizontal margin of list item of checkbox.
139
136
  /// @group checkbox
140
- $kendo-checkbox-list-padding: 0px !default;
137
+ $kendo-checkbox-list-spacing: map-get( $spacing, 4 ) !default;
141
138
  /// The horizontal list item padding of checkbox.
142
139
  /// @group checkbox
143
140
  $kendo-checkbox-list-item-padding-x: 0px !default;
144
141
  /// The vertical list item padding of checkbox.
145
142
  /// @group checkbox
146
143
  $kendo-checkbox-list-item-padding-y: $kendo-list-item-padding-y-md !default;
147
- /// The horizontal margin of list item of checkbox.
148
- /// @group checkbox
149
- $kendo-checkbox-list-horizontal-item-margin-x: 32px !default;
150
144
 
151
145
 
152
146
  // Checkbox ripple
package/scss/coloreditor/_variables.scss CHANGED
@@ -18,9 +18,9 @@ $coloreditor-header-padding-y: $coloreditor-spacer !default;
18
18
  $coloreditor-header-padding-x: $coloreditor-header-padding-y !default;
19
19
  $coloreditor-header-actions-gap: ( $coloreditor-spacer / 1.5 ) !default;
20
20
 
21
- $coloreditor-preview-gap: ( $coloreditor-spacer / 4 ) !default;
22
- $coloreditor-color-preview-width: 34px !default;
23
- $coloreditor-color-preview-height: 14px !default;
21
+ $coloreditor-preview-gap: map-get( $spacing, 1 ) !default;
22
+ $coloreditor-color-preview-width: 32px !default;
23
+ $coloreditor-color-preview-height: 12px !default;
24
24
 
25
25
  $coloreditor-views-padding-y: $coloreditor-spacer !default;
26
26
  $coloreditor-views-padding-x: $coloreditor-views-padding-y !default;
package/scss/combobox/_variables.scss CHANGED
@@ -1,31 +1 @@
1
- // Comboboxes
2
- $combobox-select-padding-x: $kendo-button-padding-y !default;
3
- $combobox-select-padding-y: $kendo-button-padding-y !default;
4
-
5
- $combobox-bg: $kendo-input-bg !default;
6
- $combobox-text: $kendo-input-text !default;
7
- $combobox-border: $kendo-input-border !default;
8
-
9
- $combobox-hovered-bg: $kendo-input-hover-bg !default;
10
- $combobox-hovered-text: $kendo-input-hover-text !default;
11
- $combobox-hovered-border: $kendo-input-hover-border !default;
12
-
13
- $combobox-focused-bg: $kendo-input-focus-bg !default;
14
- $combobox-focused-text: $kendo-input-focus-text !default;
15
- $combobox-focused-border: $kendo-input-focus-border !default;
16
- $combobox-focused-shadow: $kendo-input-focus-shadow !default;
17
-
18
- $combobox-select-bg: $kendo-button-bg !default;
19
- $combobox-select-text: $kendo-button-text !default;
20
- $combobox-select-border: $kendo-button-border !default;
21
- $combobox-select-gradient: $kendo-button-gradient !default;
22
-
23
- $combobox-select-hovered-bg: $kendo-button-hover-bg !default;
24
- $combobox-select-hovered-text: $kendo-button-hover-text !default;
25
- $combobox-select-hovered-border: $kendo-button-hover-border !default;
26
- $combobox-select-hovered-gradient: $kendo-button-hover-gradient !default;
27
-
28
- $combobox-select-pressed-bg: $kendo-button-active-bg !default;
29
- $combobox-select-pressed-text: $kendo-button-active-text !default;
30
- $combobox-select-pressed-border: $kendo-button-active-border !default;
31
- $combobox-select-pressed-gradient: $kendo-button-active-gradient !default;
1
+ // Combobox
package/scss/fab/_variables.scss CHANGED
@@ -1,74 +1,131 @@
1
1
  // Floating Action Button
2
- $fab-padding-x: map-get( $spacing, 4 ) !default;
3
- $fab-padding-y: $fab-padding-x !default;
4
- $fab-border-width: 1px !default;
5
- $fab-border-radius: $border-radius !default;
6
- $fab-font-family: $font-family !default;
7
- $fab-font-size: $font-size !default;
8
- $fab-line-height: $line-height !default;
9
2
 
10
- $fab-padding-x-sm: ( $fab-padding-x / 2 ) !default;
11
- $fab-padding-y-sm: ( $fab-padding-y / 2 ) !default;
12
-
13
- $fab-padding-x-md: $fab-padding-x !default;
14
- $fab-padding-y-md: $fab-padding-y !default;
15
-
16
- $fab-padding-x-lg: ( $fab-padding-x * 1.5 ) !default;
17
- $fab-padding-y-lg: ( $fab-padding-y * 1.5 ) !default;
18
-
19
- $fab-icon-width: 20px !default;
20
- $fab-icon-height: $fab-icon-width !default;
21
- $fab-icon-spacing: map-get( $spacing, 1 ) / 2 !default;
22
-
23
- $fab-items-padding-x: 0px !default;
24
- $fab-items-padding-y: map-get( $spacing, 4 ) !default;
25
-
26
- $fab-item-text-padding-x: map-get( $spacing, 1 ) !default;
27
- $fab-item-text-padding-y: $fab-item-text-padding-x !default;
28
- $fab-item-text-border-width: 1px !default;
29
- $fab-item-text-border-radius: 2px !default;
30
- $fab-item-text-font-size: $font-size-xs !default;
31
- $fab-item-text-line-height: 1.2 !default;
32
-
33
- $fab-item-icon-padding-x: map-get( $spacing, 2 ) !default;
34
- $fab-item-icon-padding-y: $fab-item-icon-padding-x !default;
35
- $fab-item-icon-border-width: 0 !default;
36
- $fab-item-icon-border-radius: 50% !default;
37
- $fab-item-icon-width: 20px !default;
38
- $fab-item-icon-height: $fab-item-icon-width !default;
39
-
40
- $fab-sizes: (
41
- sm: map-get( $spacing, 4 ),
42
- md: map-get( $spacing, 8 ),
43
- lg: map-get( $spacing, 16 )
44
- ) !default;
45
-
46
- $fab-theme-colors: $theme-colors !default;
47
-
48
- $fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
49
- $fab-disabled-shadow: 0 6px 10px try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px try-tint( rgba(0, 0, 0, .2), .5 ) !default;
50
- $fab-active-shadow: null !default;
51
-
52
- $fab-item-text: $component-text !default;
53
- $fab-item-bg: $component-bg !default;
54
- $fab-item-border: $component-border !default;
55
-
56
- $fab-item-icon-text: $kendo-button-text !default;
57
- $fab-item-icon-bg: $kendo-button-bg !default;
58
- $fab-item-icon-border: $kendo-button-border !default;
59
-
60
- $fab-item-shadow: $fab-shadow !default;
61
- $fab-item-disabled-shadow: $fab-disabled-shadow !default;
62
- $fab-item-active-shadow: $fab-active-shadow !default;
63
-
64
- $fab-border-width-sm: $fab-border-width !default;
65
- $fab-line-height-sm: $fab-line-height !default;
66
- $fab-size-sm: calc( #{$fab-line-height-sm * 1em} + #{$fab-padding-y-sm * 2} + #{$fab-border-width-sm * 2} ) !default;
67
-
68
- $fab-border-width-md: $fab-border-width !default;
69
- $fab-line-height-md: $fab-line-height !default;
70
- $fab-size-md: calc( #{$fab-line-height-md * 1em} + #{$fab-padding-y-md * 2} + #{$fab-border-width-md * 2} ) !default;
71
-
72
- $fab-border-width-lg: $fab-border-width !default;
73
- $fab-line-height-lg: $fab-line-height !default;
74
- $fab-size-lg: calc( #{$fab-line-height-lg * 1em} + #{$fab-padding-y-lg * 2} + #{$fab-border-width-lg * 2} ) !default;
3
+ /// Width of the border around the FAB.
4
+ /// @group floating-action-button
5
+ $kendo-fab-border-width: 1px !default;
6
+ /// Border radius of the FAB.
7
+ /// @group floating-action-button
8
+ $kendo-fab-border-radius: $border-radius !default;
9
+
10
+ /// Font family of the FAB.
11
+ /// @group floating-action-button
12
+ $kendo-fab-font-family: $font-family !default;
13
+ /// Font size of the FAB.
14
+ /// @group floating-action-button
15
+ $kendo-fab-font-size: $font-size !default;
16
+ /// Line height of the FAB.
17
+ /// @group floating-action-button
18
+ $kendo-fab-line-height: $line-height !default;
19
+
20
+ /// Horizontal padding of the FAB.
21
+ /// @group floating-action-button
22
+ $kendo-fab-padding-x: map-get( $spacing, 4 ) !default;
23
+ $kendo-fab-padding-x-sm: ( $kendo-fab-padding-x / 2 ) !default;
24
+ $kendo-fab-padding-x-md: $kendo-fab-padding-x !default;
25
+ $kendo-fab-padding-x-lg: ( $kendo-fab-padding-x * 1.5 ) !default;
26
+
27
+ /// Vertical padding of the FAB.
28
+ /// @group floating-action-button
29
+ $kendo-fab-padding-y: $kendo-fab-padding-x !default;
30
+ $kendo-fab-padding-y-sm: ( $kendo-fab-padding-y / 2 ) !default;
31
+ $kendo-fab-padding-y-md: $kendo-fab-padding-y !default;
32
+ $kendo-fab-padding-y-lg: ( $kendo-fab-padding-y * 1.5 ) !default;
33
+
34
+ /// FAB icon width.
35
+ /// @group floating-action-button
36
+ $kendo-fab-icon-width: 20px !default;
37
+ /// FAB icon height.
38
+ /// @group floating-action-button
39
+ $kendo-fab-icon-height: $kendo-fab-icon-width !default;
40
+ /// FAB icon spacing.
41
+ /// @group floating-action-button
42
+ $kendo-fab-icon-spacing: map-get( $spacing, 1 ) / 2 !default;
43
+
44
+ /// FAB items horizontal padding.
45
+ /// @group floating-action-button
46
+ $kendo-fab-items-padding-x: 0px !default;
47
+ /// FAB items vertical padding.
48
+ /// @group floating-action-button
49
+ $kendo-fab-items-padding-y: map-get( $spacing, 4 ) !default;
50
+
51
+ /// FAB item text horizontal padding.
52
+ /// @group floating-action-button
53
+ $kendo-fab-item-text-padding-x: map-get( $spacing, 1 ) !default;
54
+ /// FAB item text vertical padding.
55
+ /// @group floating-action-button
56
+ $kendo-fab-item-text-padding-y: $kendo-fab-item-text-padding-x !default;
57
+ /// Width of the FAB item text border.
58
+ /// @group floating-action-button
59
+ $kendo-fab-item-text-border-width: 1px !default;
60
+ /// Border radius of the FAB item text.
61
+ /// @group floating-action-button
62
+ $kendo-fab-item-text-border-radius: 2px !default;
63
+ /// Font size of the FAB item text.
64
+ /// @group floating-action-button
65
+ $kendo-fab-item-text-font-size: $font-size-xs !default;
66
+ /// Line height of the FAB item text.
67
+ /// @group floating-action-button
68
+ $kendo-fab-item-text-line-height: 1.2 !default;
69
+
70
+ /// FAB item icon horizontal padding.
71
+ /// @group floating-action-button
72
+ $kendo-fab-item-icon-padding-x: map-get( $spacing, 2 ) !default;
73
+ /// FAB item icon vertical padding.
74
+ /// @group floating-action-button
75
+ $kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
76
+ /// Width of the FAB item icon border.
77
+ /// @group floating-action-button
78
+ $kendo-fab-item-icon-border-width: 0 !default;
79
+ /// Border radius of the FAB item icon.
80
+ /// @group floating-action-button
81
+ $kendo-fab-item-icon-border-radius: 50% !default;
82
+ /// Width of the FAB item icon.
83
+ /// @group floating-action-button
84
+ $kendo-fab-item-icon-width: 20px !default;
85
+ /// Height of the FAB item icon.
86
+ /// @group floating-action-button
87
+ $kendo-fab-item-icon-height: $kendo-fab-item-icon-width !default;
88
+
89
+ /// Theme colors map for the FAB.
90
+ /// @group floating-action-button
91
+ $kendo-fab-theme-colors: $theme-colors !default;
92
+
93
+ /// The base shadow of the FAB.
94
+ /// @group floating-action-button
95
+ $kendo-fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
96
+ /// The disabled shadow of the FAB.
97
+ /// @group floating-action-button
98
+ $kendo-fab-disabled-shadow: 0 6px 10px try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px try-tint( rgba(0, 0, 0, .2), .5 ) !default;
99
+ /// The active shadow of the FAB.
100
+ /// @group floating-action-button
101
+ $kendo-fab-active-shadow: null !default;
102
+
103
+ /// The base text color of the FAB item.
104
+ /// @group floating-action-button
105
+ $kendo-fab-item-text: $component-text !default;
106
+ /// The base background color of the FAB item.
107
+ /// @group floating-action-button
108
+ $kendo-fab-item-bg: $component-bg !default;
109
+ /// The base border color of the FAB item.
110
+ /// @group floating-action-button
111
+ $kendo-fab-item-border: $component-border !default;
112
+
113
+ /// The base text color of the FAB item icon.
114
+ /// @group floating-action-button
115
+ $kendo-fab-item-icon-text: $kendo-button-text !default;
116
+ /// The base background color of the FAB item icon.
117
+ /// @group floating-action-button
118
+ $kendo-fab-item-icon-bg: $kendo-button-bg !default;
119
+ /// The base border color of the FAB item icon.
120
+ /// @group floating-action-button
121
+ $kendo-fab-item-icon-border: $kendo-button-border !default;
122
+
123
+ /// The base shadow of the FAB item.
124
+ /// @group floating-action-button
125
+ $kendo-fab-item-shadow: $kendo-fab-shadow !default;
126
+ /// The disabled shadow of the FAB item.
127
+ /// @group floating-action-button
128
+ $kendo-fab-item-disabled-shadow: $kendo-fab-disabled-shadow !default;
129
+ /// The active shadow of the FAB item.
130
+ /// @group floating-action-button
131
+ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
package/scss/fab/index.md ADDED
File without changes
package/scss/grid/_variables.scss CHANGED
@@ -135,21 +135,21 @@ $grid-sticky-selected-alt-bg: $grid-selected-alt-bg !default;
135
135
  $grid-sticky-hovered-bg: $grid-hovered-bg !default;
136
136
  $grid-sticky-selected-hovered-bg: $grid-selected-hovered-bg !default;
137
137
 
138
- $grid-filter-menu-width: 230px !default;
138
+ $grid-column-menu-width: 230px !default;
139
139
 
140
140
  $grid-filter-menu-check-all-border-bottom-width: 1px !default;
141
141
 
142
142
  $grid-filter-menu-item-spacing-x: map-get( $spacing, 2 ) !default;
143
143
  $grid-filter-menu-item-spacing-y: $grid-filter-menu-item-spacing-x !default;
144
144
 
145
- $grid-column-menu-popup-padding-x: 0 !default;
146
- $grid-column-menu-popup-padding-y: $padding-y-sm !default;
145
+ $grid-column-menu-popup-padding-x: null !default;
146
+ $grid-column-menu-popup-padding-y: null !default;
147
147
 
148
- $grid-column-menu-item-padding-x: $padding-x !default;
149
- $grid-column-menu-item-padding-y: $padding-y !default;
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;
150
150
 
151
- $grid-column-menu-list-item-padding-x: $padding-x !default;
152
- $grid-column-menu-list-item-padding-y: $padding-y-sm !default;
151
+ $grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
152
+ $grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
153
153
 
154
154
  $grid-column-menu-items-wrap-padding-x: 0 !default;
155
155
  $grid-column-menu-items-wrap-padding-y: $padding-y-lg !default;
package/scss/imageeditor/_variables.scss CHANGED
@@ -13,6 +13,7 @@ $imageeditor-content-border-width: 1px !default;
13
13
 
14
14
  $imageeditor-action-pane-padding-y: map-get( $spacing, 8 ) !default;
15
15
  $imageeditor-action-pane-padding-x: map-get( $spacing, 4 ) !default;
16
+ $imageeditor-action-pane-width: if( $imageeditor-content-border-width == null, 240px, calc(240px + #{$imageeditor-content-border-width}) );
16
17
 
17
18
  $imageeditor-crop-border-width: 1px !default;
18
19
  $imageeditor-crop-border-style: dashed !default;
package/scss/index.scss CHANGED
@@ -21,6 +21,7 @@
21
21
  @import "popup/_index.scss";
22
22
  @import "ripple/_index.scss";
23
23
  @import "table/_index.scss";
24
+ @import "virtual-scroller/_index.scss";
24
25
 
25
26
 
26
27
  // Indicators
package/scss/input/_variables.scss CHANGED
@@ -13,17 +13,17 @@ $kendo-input-line-height: $line-height !default;
13
13
 
14
14
  $kendo-input-padding-x-sm: ($kendo-input-padding-x / 2) !default;
15
15
  $kendo-input-padding-y-sm: ($kendo-input-padding-y / 2) !default;
16
- $kendo-input-font-size-sm: $font-size !default;
16
+ $kendo-input-font-size-sm: $font-size-md !default;
17
17
  $kendo-input-line-height-sm: $line-height-md !default;
18
18
 
19
19
  $kendo-input-padding-x-md: $kendo-input-padding-x !default;
20
20
  $kendo-input-padding-y-md: $kendo-input-padding-y !default;
21
- $kendo-input-font-size-md: $font-size !default;
21
+ $kendo-input-font-size-md: $font-size-md !default;
22
22
  $kendo-input-line-height-md: $line-height-md !default;
23
23
 
24
24
  $kendo-input-padding-x-lg: ($kendo-input-padding-x * 1.5) !default;
25
25
  $kendo-input-padding-y-lg: ($kendo-input-padding-y * 1.5) !default;
26
- $kendo-input-font-size-lg: $font-size !default;
26
+ $kendo-input-font-size-lg: $font-size-md !default;
27
27
  $kendo-input-line-height-lg: $line-height-md !default;
28
28
 
29
29
  $kendo-input-sizes: (
package/scss/list/_index.scss CHANGED
@@ -3,6 +3,7 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
+ @import "../checkbox/_index.scss";
6
7
 
7
8
 
8
9
  // Component
package/scss/listbox/_variables.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  // Listbox
2
2
  $listbox-margin: $padding-x !default;
3
3
  $listbox-button-margin: $padding-x !default;
4
- $listbox-width: 12.4em !default;
4
+ $listbox-width: 10em !default;
5
5
  $listbox-default-height: 200px !default;
6
6
 
7
7
  $listbox-border-width: 1px !default;
package/scss/menu/_variables.scss CHANGED
@@ -33,7 +33,7 @@ $menu-item-expanded-gradient: null !default;
33
33
 
34
34
  $menu-item-focus-shadow: inset 0 0 3px 1px rgba( $menu-text, .25 ) !default;
35
35
 
36
- $menu-separator-spacing: 0px !default;
36
+ $menu-separator-spacing: map-get( $spacing, 1 ) !default;
37
37
 
38
38
  $menu-scroll-button-bg: $component-bg !default;
39
39
  $menu-scroll-button-text: $link-text !default;
@@ -113,6 +113,18 @@ $kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-
113
113
  $kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$icon-size} ) !default;
114
114
  $kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$icon-size} ) !default;
115
115
 
116
+ /// The start margin of the menu item expand icon.
117
+ /// @group menu-popup-item
118
+ $kendo-menu-popup-item-icon-margin-start-sm: $kendo-menu-popup-item-padding-x-sm !default;
119
+ $kendo-menu-popup-item-icon-margin-start: $kendo-menu-popup-item-padding-x-md !default;
120
+ $kendo-menu-popup-item-icon-margin-start-lg: $kendo-menu-popup-item-padding-x-lg !default;
121
+
122
+ /// The end margin of the menu item expand icon.
123
+ /// @group menu-popup-item
124
+ $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;
125
+ $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;
126
+ $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;
127
+
116
128
  /// The spacing between the menu items in popup.
117
129
  /// @group menu-popup-item
118
130
  $kendo-menu-popup-item-spacing: 0px !default;
package/scss/orgchart/_variables.scss CHANGED
@@ -40,10 +40,10 @@ $orgchart-card-shadow: $card-shadow !default;
40
40
  $orgchart-card-focus-shadow: $card-focus-shadow !default;
41
41
 
42
42
  $orgchart-card-title-margin-bottom: 0px !default;
43
- $orgchart-card-title-font-size: $font-size-xl !default;
43
+ $orgchart-card-title-font-size: null !default;
44
44
 
45
45
  $orgchart-card-subtitle-margin-bottom: 0px !default;
46
- $orgchart-card-subtitle-font-size: $font-size-md !default;
46
+ $orgchart-card-subtitle-font-size: null !default;
47
47
 
48
48
  $orgchart-card-body-border-width: 2px 0 0 !default;
49
49
  $orgchart-card-body-border-color: transparent !default;
package/scss/pager/_variables.scss CHANGED
@@ -62,5 +62,5 @@ $pager-number-focus-opacity: .12 !default;
62
62
  $pager-number-focus-bg: transparent !default;
63
63
  $pager-number-focus-shadow: inset 0 0 0 2px rgba($pager-number-selected-bg, $pager-number-focus-opacity) !default;
64
64
 
65
- $pager-input-width: 3em !default;
65
+ $pager-input-width: 5em !default;
66
66
  $pager-dropdown-width: 5em !default;
package/scss/pdf-viewer/_variables.scss CHANGED
@@ -24,11 +24,8 @@ $pdf-viewer-page-text: $component-text !default;
24
24
  $pdf-viewer-page-border: $component-border !default;
25
25
  $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
26
26
 
27
- $pdf-viewer-search-dialog-spacing: $toolbar-padding-x !default;
28
- $pdf-viewer-search-dialog-button-spacing: $pdf-viewer-search-dialog-spacing !default;
29
- $pdf-viewer-search-dialog-textbox-padding-x: $kendo-input-padding-y !default;
30
- $pdf-viewer-search-dialog-input-button-height: $line-height-em !default;
31
- $pdf-viewer-search-dialog-matches-width: 4.5em !default;
27
+ $pdf-viewer-search-dialog-padding: $toolbar-padding-x !default;
28
+ $pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
32
29
 
33
30
  $pdf-viewer-selection-line-height: $line-height-sm !default;
34
31
 
package/scss/radio/_index.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  // Dependencies
5
- @import "../common/_index.scss";
5
+ @import "../typography/_variables.scss";
6
6
  @import "../list/_variables.scss";
7
7
  @import "../checkbox/_variables.scss";
8
8
 
package/scss/radio/_variables.scss CHANGED
@@ -132,21 +132,15 @@ $kendo-radio-label-margin-x: map-get( $spacing, 1 ) !default;
132
132
 
133
133
  // Radio list
134
134
 
135
- /// The list margin of radio button.
136
- /// @group radio
137
- $kendo-radio-list-margin: 0px !default;
138
- /// The list padding of radio button.
135
+ /// The horizontal list item margin of radio button.
139
136
  /// @group radio
140
- $kendo-radio-list-padding: 0px !default;
137
+ $kendo-radio-list-spacing: map-get( $spacing, 4 ) !default;
141
138
  /// The horizontal list item padding of radio button.
142
139
  /// @group radio
143
140
  $kendo-radio-list-item-padding-x: 0px !default;
144
141
  /// The vertical list item padding of radio button.
145
142
  /// @group radio
146
143
  $kendo-radio-list-item-padding-y: $kendo-list-item-padding-y-md !default;
147
- /// The horizontal list item margin of radio button.
148
- /// @group radio
149
- $kendo-radio-list-horizontal-item-margin-x: 32px !default;
150
144
 
151
145
 
152
146
  // Radio ripple
package/scss/table/_variables.scss CHANGED
@@ -32,20 +32,20 @@ $kendo-table-sizes: (
32
32
  sm: (
33
33
  font-size: $font-size,
34
34
  line-height: $line-height,
35
- cell-padding-y: map-get( $spacing, 1 ),
36
- cell-padding-x: map-get( $spacing, 1 )
35
+ cell-padding-x: map-get( $spacing, 2 ),
36
+ cell-padding-y: map-get( $spacing, 1 )
37
37
  ),
38
38
  md: (
39
39
  font-size: $font-size,
40
40
  line-height: $line-height,
41
- cell-padding-y: map-get( $spacing, 2 ),
42
- cell-padding-x: map-get( $spacing, 2 )
41
+ cell-padding-x: map-get( $spacing, 2 ),
42
+ cell-padding-y: map-get( $spacing, 2 )
43
43
  ),
44
44
  lg: (
45
45
  font-size: $font-size,
46
46
  line-height: $line-height,
47
- cell-padding-y: map-get( $spacing, 3 ),
48
- cell-padding-x: map-get( $spacing, 3 )
47
+ cell-padding-x: map-get( $spacing, 2 ),
48
+ cell-padding-y: map-get( $spacing, 3 )
49
49
  )
50
50
  ) !default;
51
51
 
@@ -85,13 +85,13 @@ $kendo-table-footer-border: $grid-footer-border !default;
85
85
 
86
86
  /// Background color of group rows in table.
87
87
  /// @group table
88
- $kendo-table-group-row-bg: $grid-grouping-row-bg !default;
88
+ $kendo-table-group-row-bg: $kendo-table-header-bg !default;
89
89
  /// Text color of group rows in table.
90
90
  /// @group table
91
- $kendo-table-group-row-text: $grid-grouping-row-text !default;
91
+ $kendo-table-group-row-text: $kendo-table-header-text !default;
92
92
  /// Border color of group rows in table.
93
93
  /// @group table
94
- $kendo-table-group-row-border: null !default;
94
+ $kendo-table-group-row-border: $kendo-table-header-border !default;
95
95
 
96
96
 
97
97
  /// Background color of alternating rows in table.
package/scss/toolbar/_variables.scss CHANGED
@@ -23,3 +23,5 @@ $toolbar-gradient: null !default;
23
23
  $toolbar-shadow: null !default;
24
24
 
25
25
  $toolbar-separator-border: inherit !default;
26
+
27
+ $toolbar-input-width: 10em !default;