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

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 (39) hide show
  1. package/README.md +5 -8
  2. package/dist/all.css +2583 -2198
  3. package/dist/all.scss +3641 -3217
  4. package/package.json +3 -3
  5. package/scss/appbar/_variables.scss +1 -1
  6. package/scss/autocomplete/_variables.scss +0 -19
  7. package/scss/button/_variables.scss +60 -32
  8. package/scss/card/_variables.scss +4 -4
  9. package/scss/chat/_variables.scss +0 -7
  10. package/scss/checkbox/_index.scss +2 -1
  11. package/scss/checkbox/_variables.scss +65 -74
  12. package/scss/chip/_variables.scss +30 -15
  13. package/scss/coloreditor/_variables.scss +3 -3
  14. package/scss/combobox/_variables.scss +1 -31
  15. package/scss/fab/_variables.scss +129 -72
  16. package/scss/fab/index.md +0 -0
  17. package/scss/grid/_variables.scss +7 -7
  18. package/scss/imageeditor/_variables.scss +1 -0
  19. package/scss/index.scss +1 -0
  20. package/scss/input/_variables.scss +40 -16
  21. package/scss/list/_index.scss +1 -0
  22. package/scss/list/_variables.scss +19 -19
  23. package/scss/listbox/_variables.scss +1 -1
  24. package/scss/menu/_variables.scss +56 -46
  25. package/scss/orgchart/_variables.scss +2 -2
  26. package/scss/pager/_variables.scss +1 -1
  27. package/scss/pdf-viewer/_variables.scss +2 -5
  28. package/scss/radio/_index.scss +1 -1
  29. package/scss/radio/_variables.scss +71 -90
  30. package/scss/switch/_variables.scss +22 -25
  31. package/scss/table/_variables.scss +15 -15
  32. package/scss/toolbar/_index.scss +1 -0
  33. package/scss/toolbar/_variables.scss +2 -0
  34. package/scss/treeview/_variables.scss +68 -85
  35. package/scss/typography/_variables.scss +3 -3
  36. package/scss/virtual-scroller/_index.scss +10 -0
  37. package/scss/virtual-scroller/_layout.scss +1 -0
  38. package/scss/virtual-scroller/_theme.scss +1 -0
  39. package/scss/virtual-scroller/_variables.scss +1 -0
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 !default;
149
+ $grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !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
@@ -5,25 +5,25 @@ $kendo-input-border-width: 1px !default;
5
5
  $kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
6
6
  $kendo-input-border-radius: null !default;
7
7
 
8
- $kendo-input-padding-x: $padding-x !default;
9
- $kendo-input-padding-y: $padding-y !default;
8
+ $kendo-input-padding-x: map-get( $spacing, 2 ) !default;
9
+ $kendo-input-padding-y: map-get( $spacing, 1 ) !default;
10
10
  $kendo-input-font-family: $font-family !default;
11
- $kendo-input-font-size: $font-size !default;
12
- $kendo-input-line-height: $line-height !default;
11
+ $kendo-input-font-size: $font-size-md !default;
12
+ $kendo-input-line-height: $line-height-md !default;
13
13
 
14
- $kendo-input-padding-x-sm: ($kendo-input-padding-x / 2) !default;
15
- $kendo-input-padding-y-sm: ($kendo-input-padding-y / 2) !default;
16
- $kendo-input-font-size-sm: $font-size !default;
14
+ $kendo-input-padding-x-sm: map-get( $spacing, 2 ) !default;
15
+ $kendo-input-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !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
- $kendo-input-padding-x-md: $kendo-input-padding-x !default;
20
- $kendo-input-padding-y-md: $kendo-input-padding-y !default;
21
- $kendo-input-font-size-md: $font-size !default;
19
+ $kendo-input-padding-x-md: map-get( $spacing, 2 ) !default;
20
+ $kendo-input-padding-y-md: map-get( $spacing, 1 ) !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
- $kendo-input-padding-x-lg: ($kendo-input-padding-x * 1.5) !default;
25
- $kendo-input-padding-y-lg: ($kendo-input-padding-y * 1.5) !default;
26
- $kendo-input-font-size-lg: $font-size !default;
24
+ $kendo-input-padding-x-lg: map-get( $spacing, 2 ) !default;
25
+ $kendo-input-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !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: (
@@ -32,21 +32,27 @@ $kendo-input-sizes: (
32
32
  padding-y: $kendo-input-padding-y-sm,
33
33
  font-size: $kendo-input-font-size-sm,
34
34
  line-height: $kendo-input-line-height-sm,
35
- icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} )
35
+ icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
36
+ button-padding-x: $kendo-input-padding-y-sm,
37
+ button-padding-y: $kendo-input-padding-y-sm
36
38
  ),
37
39
  md: (
38
40
  padding-x: $kendo-input-padding-x-md,
39
41
  padding-y: $kendo-input-padding-y-md,
40
42
  font-size: $kendo-input-font-size-md,
41
43
  line-height: $kendo-input-line-height-md,
42
- icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} )
44
+ icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
45
+ button-padding-x: $kendo-input-padding-y-md,
46
+ button-padding-y: $kendo-input-padding-y-md
43
47
  ),
44
48
  lg: (
45
49
  padding-x: $kendo-input-padding-x-lg,
46
50
  padding-y: $kendo-input-padding-y-lg,
47
51
  font-size: $kendo-input-font-size-lg,
48
52
  line-height: $kendo-input-line-height-lg,
49
- icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} )
53
+ icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
54
+ button-padding-x: $kendo-input-padding-y-lg,
55
+ button-padding-y: $kendo-input-padding-y-lg
50
56
  )
51
57
  ) !default;
52
58
 
@@ -65,6 +71,24 @@ $kendo-input-focus-text: null !default;
65
71
  $kendo-input-focus-border: rgba(0, 0, 0, .1) !default;
66
72
  $kendo-input-focus-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
67
73
 
74
+ $kendo-picker-bg: $kendo-button-bg !default;
75
+ $kendo-picker-text: $kendo-button-text !default;
76
+ $kendo-picker-border: $kendo-button-border !default;
77
+ $kendo-picker-gradient: $kendo-button-gradient !default;
78
+ $kendo-picker-shadow: $kendo-button-shadow !default;
79
+
80
+ $kendo-picker-hover-bg: $kendo-button-hover-bg !default;
81
+ $kendo-picker-hover-text: $kendo-button-hover-text !default;
82
+ $kendo-picker-hover-border: $kendo-button-hover-border !default;
83
+ $kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
84
+ $kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
85
+
86
+ $kendo-picker-focus-bg: $kendo-button-focus-bg !default;
87
+ $kendo-picker-focus-text: $kendo-button-focus-text !default;
88
+ $kendo-picker-focus-border: $kendo-button-focus-border !default;
89
+ $kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
90
+ $kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
91
+
68
92
  $kendo-input-placeholder-text: $subtle-text !default;
69
93
  $kendo-input-placeholder-opacity: 1 !default;
70
94
 
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/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
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;
@@ -49,113 +49,123 @@ $menu-scroll-button-hover-gradient: null !default;
49
49
  // Menu popup
50
50
 
51
51
  /// Horizontal padding of the menu popup.
52
- /// @group menu-popup
52
+ /// @group menu
53
53
  $kendo-menu-popup-padding-x: null !default;
54
54
 
55
55
  /// Vertical padding of the menu popup.
56
- /// @group menu-popup
56
+ /// @group menu
57
57
  $kendo-menu-popup-padding-y: null !default;
58
58
 
59
59
  /// Width of the border around the menu popup.
60
- /// @group menu-popup
60
+ /// @group menu
61
61
  $kendo-menu-popup-border-width: $popup-border-width !default;
62
62
 
63
63
  /// Font sizes of the menu popup.
64
- /// @group menu-popup
65
- $kendo-menu-popup-font-size: $font-size !default;
66
- $kendo-menu-popup-font-size-sm: $font-size-sm !default;
67
- $kendo-menu-popup-font-size-md: $font-size !default;
68
- $kendo-menu-popup-font-size-lg: $font-size-lg !default;
64
+ /// @group menu
65
+ $kendo-menu-popup-font-size: $font-size-md !default;
66
+ $kendo-menu-popup-font-size-sm: $font-size-md !default;
67
+ $kendo-menu-popup-font-size-md: $font-size-md !default;
68
+ $kendo-menu-popup-font-size-lg: $font-size-md !default;
69
69
 
70
70
  /// Line heights used along with $font-size.
71
- /// @group menu-popup
72
- $kendo-menu-popup-line-height: $line-height !default;
73
- $kendo-menu-popup-line-height-sm: $line-height-lg !default;
74
- $kendo-menu-popup-line-height-md: $line-height !default;
75
- $kendo-menu-popup-line-height-lg: $line-height-lg !default;
71
+ /// @group menu
72
+ $kendo-menu-popup-line-height: $line-height-md !default;
73
+ $kendo-menu-popup-line-height-sm: $line-height-md !default;
74
+ $kendo-menu-popup-line-height-md: $line-height-md !default;
75
+ $kendo-menu-popup-line-height-lg: $line-height-md !default;
76
76
 
77
77
  /// The background of the menu popup.
78
- /// @group menu-popup
78
+ /// @group menu
79
79
  $kendo-menu-popup-bg: $popup-bg !default;
80
80
  /// The text color of the menu popup.
81
- /// @group menu-popup
81
+ /// @group menu
82
82
  $kendo-menu-popup-text: $popup-text !default;
83
83
  /// The border color of the menu popup.
84
- /// @group menu-popup
84
+ /// @group menu
85
85
  $kendo-menu-popup-border: $popup-border !default;
86
86
  /// The background gradient of the menu popup.
87
- /// @group menu-popup
87
+ /// @group menu
88
88
  $kendo-menu-popup-gradient: null !default;
89
89
 
90
90
 
91
91
  // Menu popup item
92
92
 
93
93
  /// Horizontal padding of the menu item in popup.
94
- /// @group menu-popup-item
95
- $kendo-menu-popup-item-padding-x: null !default;
96
- $kendo-menu-popup-item-padding-x-base: map-get( $spacing, 2 ) !default;
97
- $kendo-menu-popup-item-padding-x-sm: ( $kendo-menu-popup-item-padding-x-base * .75 ) !default;
98
- $kendo-menu-popup-item-padding-x-md: $kendo-menu-popup-item-padding-x-base !default;
99
- $kendo-menu-popup-item-padding-x-lg: ( $kendo-menu-popup-item-padding-x-base * 1.25 ) !default;
94
+ /// @group menu
95
+ $kendo-menu-popup-item-padding-x: map-get( $spacing, 2 ) !default;
96
+ $kendo-menu-popup-item-padding-x-sm: map-get( $spacing, 2 ) !default;
97
+ $kendo-menu-popup-item-padding-x-md: map-get( $spacing, 2 ) !default;
98
+ $kendo-menu-popup-item-padding-x-lg: map-get( $spacing, 2 ) !default;
100
99
 
101
100
  /// Vertical padding of the menu item in popup.
102
- /// @group menu-popup-item
103
- $kendo-menu-popup-item-padding-y: null !default;
104
- $kendo-menu-popup-item-padding-y-base: map-get( $spacing, 1 ) !default;
105
- $kendo-menu-popup-item-padding-y-sm: ( $kendo-menu-popup-item-padding-y-base * .75 ) !default;
106
- $kendo-menu-popup-item-padding-y-md: $kendo-menu-popup-item-padding-y-base !default;
107
- $kendo-menu-popup-item-padding-y-lg: ( $kendo-menu-popup-item-padding-y-base * 1.25 ) !default;
101
+ /// @group menu
102
+ $kendo-menu-popup-item-padding-y: map-get( $spacing, 1 ) !default;
103
+ $kendo-menu-popup-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
104
+ $kendo-menu-popup-item-padding-y-md: map-get( $spacing, 1 ) !default;
105
+ $kendo-menu-popup-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
108
106
 
109
107
  /// The end padding of the menu item in popup.
110
- /// @group menu-popup-item
111
- $kendo-menu-popup-item-padding-end: null !default;
108
+ /// @group menu
109
+ $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$icon-size} ) !default;
112
110
  $kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-sm * 2} + #{$icon-size} ) !default;
113
111
  $kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$icon-size} ) !default;
114
112
  $kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$icon-size} ) !default;
115
113
 
114
+ /// The start margin of the menu item expand icon.
115
+ /// @group menu
116
+ $kendo-menu-popup-item-icon-margin-start-sm: $kendo-menu-popup-item-padding-x-sm !default;
117
+ $kendo-menu-popup-item-icon-margin-start: $kendo-menu-popup-item-padding-x-md !default;
118
+ $kendo-menu-popup-item-icon-margin-start-lg: $kendo-menu-popup-item-padding-x-lg !default;
119
+
120
+ /// The end margin of the menu item expand icon.
121
+ /// @group menu
122
+ $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
+ $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
+ $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
+
116
126
  /// The spacing between the menu items in popup.
117
- /// @group menu-popup-item
127
+ /// @group menu
118
128
  $kendo-menu-popup-item-spacing: 0px !default;
119
129
 
120
130
  /// The background of the menu item in popup.
121
- /// @group menu-popup-item
131
+ /// @group menu
122
132
  $kendo-menu-popup-item-bg: null !default;
123
133
  /// The text color of the menu item in popup.
124
- /// @group menu-popup-item
134
+ /// @group menu
125
135
  $kendo-menu-popup-item-text: null !default;
126
136
  /// The border color of the menu item in popup.
127
- /// @group menu-popup-item
137
+ /// @group menu
128
138
  $kendo-menu-popup-item-border: null !default;
129
139
  /// The background gradient of the menu item in popup.
130
- /// @group menu-popup-item
140
+ /// @group menu
131
141
  $kendo-menu-popup-item-gradient: null !default;
132
142
 
133
143
  /// The background of hovered menu item in popup.
134
- /// @group menu-popup-item
144
+ /// @group menu
135
145
  $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
136
146
  /// The text color of hovered menu item in popup.
137
- /// @group menu-popup-item
147
+ /// @group menu
138
148
  $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
139
149
  /// The border color of hovered menu item in popup.
140
- /// @group menu-popup-item
150
+ /// @group menu
141
151
  $kendo-menu-popup-item-hover-border: null !default;
142
152
  /// The background gradient of hovered menu item in popup.
143
- /// @group menu-popup-item
153
+ /// @group menu
144
154
  $kendo-menu-popup-item-hover-gradient: null !default;
145
155
 
146
156
  /// The background of expanded menu item in popup.
147
- /// @group menu-popup-item
157
+ /// @group menu
148
158
  $kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
149
159
  /// The text color of expanded menu item in popup.
150
- /// @group menu-popup-item
160
+ /// @group menu
151
161
  $kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
152
162
  /// The border color of expanded menu item in popup.
153
- /// @group menu-popup-item
163
+ /// @group menu
154
164
  $kendo-menu-popup-item-expanded-border: null !default;
155
165
  /// The background gradient of expanded menu item in popup.
156
- /// @group menu-popup-item
166
+ /// @group menu
157
167
  $kendo-menu-popup-item-expanded-gradient: null !default;
158
168
 
159
169
  /// The base shadow of focused menu item in popup.
160
- /// @group menu-popup-item
170
+ /// @group menu
161
171
  $kendo-menu-popup-item-focus-shadow: $menu-item-focus-shadow !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;