@progress/kendo-theme-bootstrap 9.1.0-dev.1 → 9.1.0-dev.2

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 (31) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +192 -97
  3. package/dist/bootstrap-3-dark.css +1 -1
  4. package/dist/bootstrap-3.css +1 -1
  5. package/dist/bootstrap-4-dark.css +1 -1
  6. package/dist/bootstrap-4.css +1 -1
  7. package/dist/bootstrap-dataviz-v4.css +1 -1
  8. package/dist/bootstrap-main-dark.css +1 -1
  9. package/dist/bootstrap-main.css +1 -1
  10. package/dist/bootstrap-nordic.css +1 -1
  11. package/dist/bootstrap-turquoise-dark.css +1 -1
  12. package/dist/bootstrap-turquoise.css +1 -1
  13. package/dist/bootstrap-urban.css +1 -1
  14. package/dist/bootstrap-vintage.css +1 -1
  15. package/dist/meta/sassdoc-data.json +28742 -26528
  16. package/dist/meta/sassdoc-raw-data.json +1167 -142
  17. package/dist/meta/variables.json +46 -18
  18. package/lib/swatches/bootstrap-3-dark.json +1 -1
  19. package/lib/swatches/bootstrap-3.json +1 -1
  20. package/lib/swatches/bootstrap-4-dark.json +1 -1
  21. package/lib/swatches/bootstrap-4.json +1 -1
  22. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  23. package/lib/swatches/bootstrap-main-dark.json +1 -1
  24. package/lib/swatches/bootstrap-main.json +1 -1
  25. package/lib/swatches/bootstrap-nordic.json +1 -1
  26. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  27. package/lib/swatches/bootstrap-turquoise.json +1 -1
  28. package/lib/swatches/bootstrap-urban.json +1 -1
  29. package/lib/swatches/bootstrap-vintage.json +1 -1
  30. package/package.json +6 -6
  31. package/scss/menu/_variables.scss +141 -43
package/dist/meta/variables.json CHANGED
@@ -9858,8 +9858,8 @@
9858
9858
  "value": "var(--kendo-line-height, normal)"
9859
9859
  },
9860
9860
  "kendo-menu-bg": {
9861
- "type": "String",
9862
- "value": "var(--kendo-color-surface, #f8f9fa)"
9861
+ "type": "Color",
9862
+ "value": "transparent"
9863
9863
  },
9864
9864
  "kendo-menu-text": {
9865
9865
  "type": "String",
@@ -9889,13 +9889,17 @@
9889
9889
  "type": "String",
9890
9890
  "value": "var(--kendo-spacing-2, 0.5rem)"
9891
9891
  },
9892
+ "kendo-menu-item-selected-font-weight": {
9893
+ "type": "String",
9894
+ "value": "var(--kendo-font-weight-bold, normal)"
9895
+ },
9892
9896
  "kendo-menu-item-bg": {
9893
9897
  "type": "Null",
9894
9898
  "value": "null"
9895
9899
  },
9896
9900
  "kendo-menu-item-text": {
9897
9901
  "type": "String",
9898
- "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 50%, transparent)"
9902
+ "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 76%, transparent)"
9899
9903
  },
9900
9904
  "kendo-menu-item-border": {
9901
9905
  "type": "Null",
@@ -9911,7 +9915,7 @@
9911
9915
  },
9912
9916
  "kendo-menu-item-hover-text": {
9913
9917
  "type": "String",
9914
- "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 70%, transparent)"
9918
+ "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 93%, transparent)"
9915
9919
  },
9916
9920
  "kendo-menu-item-hover-border": {
9917
9921
  "type": "Null",
@@ -9921,19 +9925,19 @@
9921
9925
  "type": "Null",
9922
9926
  "value": "null"
9923
9927
  },
9924
- "kendo-menu-item-expanded-bg": {
9928
+ "kendo-menu-item-active-bg": {
9925
9929
  "type": "Null",
9926
9930
  "value": "null"
9927
9931
  },
9928
- "kendo-menu-item-expanded-text": {
9932
+ "kendo-menu-item-active-text": {
9929
9933
  "type": "String",
9930
- "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 90%, transparent)"
9934
+ "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 100%, transparent)"
9931
9935
  },
9932
- "kendo-menu-item-expanded-border": {
9936
+ "kendo-menu-item-active-border": {
9933
9937
  "type": "Null",
9934
9938
  "value": "null"
9935
9939
  },
9936
- "kendo-menu-item-expanded-gradient": {
9940
+ "kendo-menu-item-active-gradient": {
9937
9941
  "type": "Null",
9938
9942
  "value": "null"
9939
9943
  },
@@ -9941,13 +9945,25 @@
9941
9945
  "type": "List",
9942
9946
  "value": "inset 0 0 0 3px color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 15%, transparent)"
9943
9947
  },
9944
- "kendo-menu-separator-spacing": {
9945
- "type": "String",
9946
- "value": "var(--kendo-spacing-1, 0.25rem)"
9948
+ "kendo-menu-item-selected-bg": {
9949
+ "type": "Null",
9950
+ "value": "null"
9951
+ },
9952
+ "kendo-menu-item-selected-text": {
9953
+ "type": "Null",
9954
+ "value": "null"
9955
+ },
9956
+ "kendo-menu-item-selected-border": {
9957
+ "type": "Null",
9958
+ "value": "null"
9959
+ },
9960
+ "kendo-menu-item-selected-gradient": {
9961
+ "type": "Null",
9962
+ "value": "null"
9947
9963
  },
9948
9964
  "kendo-menu-scroll-button-bg": {
9949
- "type": "String",
9950
- "value": "var(--kendo-color-surface, #f8f9fa)"
9965
+ "type": "Color",
9966
+ "value": "transparent"
9951
9967
  },
9952
9968
  "kendo-menu-scroll-button-text": {
9953
9969
  "type": "String",
@@ -9977,6 +9993,18 @@
9977
9993
  "type": "Null",
9978
9994
  "value": "null"
9979
9995
  },
9996
+ "kendo-menu-separator-margin-inline": {
9997
+ "type": "String",
9998
+ "value": "var(--kendo-spacing-1, 0.25rem)"
9999
+ },
10000
+ "kendo-menu-separator-margin-block": {
10001
+ "type": "String",
10002
+ "value": "var(--kendo-spacing-2, 0.5rem)"
10003
+ },
10004
+ "kendo-menu-separator-border": {
10005
+ "type": "String",
10006
+ "value": "var(--kendo-color-border, rgba(33, 37, 41, 0.13))"
10007
+ },
9980
10008
  "kendo-menu-popup-padding-x": {
9981
10009
  "type": "Null",
9982
10010
  "value": "null"
@@ -10145,19 +10173,19 @@
10145
10173
  "type": "Null",
10146
10174
  "value": "null"
10147
10175
  },
10148
- "kendo-menu-popup-item-expanded-bg": {
10176
+ "kendo-menu-popup-item-active-bg": {
10149
10177
  "type": "String",
10150
10178
  "value": "var(--kendo-color-primary, #0d6efd)"
10151
10179
  },
10152
- "kendo-menu-popup-item-expanded-text": {
10180
+ "kendo-menu-popup-item-active-text": {
10153
10181
  "type": "String",
10154
10182
  "value": "var(--kendo-color-on-primary, #ffffff)"
10155
10183
  },
10156
- "kendo-menu-popup-item-expanded-border": {
10184
+ "kendo-menu-popup-item-active-border": {
10157
10185
  "type": "Null",
10158
10186
  "value": "null"
10159
10187
  },
10160
- "kendo-menu-popup-item-expanded-gradient": {
10188
+ "kendo-menu-popup-item-active-gradient": {
10161
10189
  "type": "Null",
10162
10190
  "value": "null"
10163
10191
  },
package/lib/swatches/bootstrap-3-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#222222",
package/lib/swatches/bootstrap-3.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
package/lib/swatches/bootstrap-4-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
package/lib/swatches/bootstrap-4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#0275d8",
9
9
  "#5bc0de",
package/lib/swatches/bootstrap-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
package/lib/swatches/bootstrap-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-nordic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-turquoise-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#292b2c",
package/lib/swatches/bootstrap-turquoise.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2f2f2",
package/lib/swatches/bootstrap-urban.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
package/lib/swatches/bootstrap-vintage.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2efe8",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-bootstrap",
3
3
  "description": "Bootstrap theme for Kendo UI",
4
- "version": "9.1.0-dev.1",
4
+ "version": "9.1.0-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,15 +52,15 @@
52
52
  "postpublish": "echo 'no postpublish for bootstrap theme'"
53
53
  },
54
54
  "dependencies": {
55
- "@progress/kendo-svg-icons": "3.0.0",
56
- "@progress/kendo-theme-core": "9.1.0-dev.1",
57
- "@progress/kendo-theme-default": "9.1.0-dev.1",
58
- "@progress/kendo-theme-utils": "9.1.0-dev.1",
55
+ "@progress/kendo-svg-icons": "^3.1.0",
56
+ "@progress/kendo-theme-core": "9.1.0-dev.2",
57
+ "@progress/kendo-theme-default": "9.1.0-dev.2",
58
+ "@progress/kendo-theme-utils": "9.1.0-dev.2",
59
59
  "bootstrap": "5.2.1"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "ddc5029123cb01e0c0b640ffb9caf17f47160625"
65
+ "gitHead": "96a26672d9be0e3000f416723965ce410b8b1ff0"
66
66
  }
package/scss/menu/_variables.scss CHANGED
@@ -1,169 +1,267 @@
1
1
  // Menu
2
+
3
+ /// The width of the border around the Menu.
4
+ /// @group menu
2
5
  $kendo-menu-border-width: 0px !default;
6
+
7
+ /// The font family of the Menu.
8
+ /// @group menu
3
9
  $kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
10
+ /// The font size of the Menu.
11
+ /// @group menu
4
12
  $kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
13
+ /// The line height of the Menu used along with $kendo-font-size.
14
+ /// @group menu
5
15
  $kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
6
16
 
7
- $kendo-menu-bg: $kendo-component-header-bg !default;
17
+ /// The background color of the Menu.
18
+ /// @group menu
19
+ $kendo-menu-bg: transparent !default;
20
+ /// The text color of the Menu
21
+ /// @group menu
8
22
  $kendo-menu-text: $kendo-component-header-text !default;
23
+ /// The border color of the Menu.
24
+ /// @group menu
9
25
  $kendo-menu-border: $kendo-component-header-border !default;
26
+ /// The background gradient of the Menu.
27
+ /// @group menu
10
28
  $kendo-menu-gradient: null !default;
11
29
 
30
+ // Menu item
31
+
32
+ /// The horizontal padding of the Menu item.
33
+ /// @group menu
12
34
  $kendo-menu-item-padding-x: k-spacing(2) !default;
35
+ /// The vertical padding of the Menu item.
36
+ /// @group menu
13
37
  $kendo-menu-item-padding-y: k-spacing(2) !default;
38
+ /// The spacing between the Menu items.
39
+ /// @group menu
14
40
  $kendo-menu-item-spacing: k-spacing(0) !default;
41
+ /// The spacing between the Menu item text and icons.
42
+ /// @group menu
15
43
  $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
16
44
 
45
+ /// The font weight of the selected Menu item.
46
+ /// @group menu
47
+ $kendo-menu-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
48
+
49
+ /// The background color of the Menu item.
50
+ /// @group menu
17
51
  $kendo-menu-item-bg: null !default;
18
- $kendo-menu-item-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-menu-text, .5 )) !default;
52
+ /// The text color of the Menu item.
53
+ /// @group menu
54
+ $kendo-menu-item-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 76%, transparent), rgba( $kendo-menu-text, .76 )) !default;
55
+ /// The border color of the Menu item.
56
+ /// @group menu
19
57
  $kendo-menu-item-border: null !default;
58
+ /// The background gradient of the Menu item.
59
+ /// @group menu
20
60
  $kendo-menu-item-gradient: null !default;
21
61
 
62
+ /// The background color of hovered Menu item.
63
+ /// @group menu
22
64
  $kendo-menu-item-hover-bg: null !default;
23
- $kendo-menu-item-hover-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), rgba( $kendo-menu-text, .7 )) !default;
65
+ /// The text color of hovered Menu item.
66
+ /// @group menu
67
+ $kendo-menu-item-hover-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 93%, transparent), rgba( $kendo-menu-text, .93 )) !default;
68
+ /// The border color of hovered Menu item.
69
+ /// @group menu
24
70
  $kendo-menu-item-hover-border: null !default;
71
+ /// The background gradient of hovered Menu item.
72
+ /// @group menu
25
73
  $kendo-menu-item-hover-gradient: null !default;
26
74
 
27
- $kendo-menu-item-expanded-bg: null !default;
28
- $kendo-menu-item-expanded-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 90%, transparent), rgba( $kendo-menu-text, .9 )) !default;
29
- $kendo-menu-item-expanded-border: null !default;
30
- $kendo-menu-item-expanded-gradient: null !default;
75
+ /// The background color of active Menu item.
76
+ /// @group menu
77
+ $kendo-menu-item-active-bg: null !default;
78
+ /// The text color of active Menu item.
79
+ /// @group menu
80
+ $kendo-menu-item-active-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 100%, transparent), rgba( $kendo-menu-text, 1 )) !default;
81
+ /// The border color of active Menu item.
82
+ /// @group menu
83
+ $kendo-menu-item-active-border: null !default;
84
+ /// The background gradient of active Menu item.
85
+ /// @group menu
86
+ $kendo-menu-item-active-gradient: null !default;
31
87
 
88
+ /// The base shadow of focused Menu item.
89
+ /// @group menu
32
90
  $kendo-menu-item-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-menu-text, .15 )) !default;
33
91
 
34
- $kendo-menu-separator-spacing: k-spacing(1) !default;
92
+ /// The background color of selected Menu item.
93
+ /// @group menu
94
+ $kendo-menu-item-selected-bg: null !default;
95
+ /// The text color of selected Menu item.
96
+ /// @group menu
97
+ $kendo-menu-item-selected-text: null !default;
98
+ /// The border color of selected Menu item.
99
+ /// @group menu
100
+ $kendo-menu-item-selected-border: null !default;
101
+ /// The background gradient of selected Menu item.
102
+ /// @group menu
103
+ $kendo-menu-item-selected-gradient: null !default;
35
104
 
105
+ /// The background color of the Menu scroll buttons.
106
+ /// @group menu
36
107
  $kendo-menu-scroll-button-bg: $kendo-menu-bg !default;
108
+ /// The text color of the Menu scroll buttons.
109
+ /// @group menu
37
110
  $kendo-menu-scroll-button-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-menu-text, .5 )) !default;
111
+ /// The border color of the Menu scroll buttons.
112
+ /// @group menu
38
113
  $kendo-menu-scroll-button-border: $kendo-menu-border !default;
114
+ /// The background gradient of the Menu scroll buttons.
115
+ /// @group menu
39
116
  $kendo-menu-scroll-button-gradient: null !default;
40
117
 
118
+ /// The background color of hovered Menu scroll buttons.
119
+ /// @group menu
41
120
  $kendo-menu-scroll-button-hover-bg: null !default;
121
+ /// The text color of hovered Menu scroll buttons.
122
+ /// @group menu
42
123
  $kendo-menu-scroll-button-hover-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), rgba( $kendo-menu-text, .7 )) !default;
124
+ /// The border color of hovered Menu scroll buttons.
125
+ /// @group menu
43
126
  $kendo-menu-scroll-button-hover-border: null !default;
127
+ /// The background gradient of hovered Menu scroll buttons.
128
+ /// @group menu
44
129
  $kendo-menu-scroll-button-hover-gradient: null !default;
45
130
 
46
131
 
132
+ // Menu Separator
133
+
134
+ /// The inline margin of the horizontal Menu separator.
135
+ /// @group menu
136
+ $kendo-menu-separator-margin-inline: k-spacing(1);
137
+ /// The block margin of the horizontal Menu separator.
138
+ /// @group menu
139
+ $kendo-menu-separator-margin-block: k-spacing(2);;
140
+ /// The border color of Menu separator.
141
+ /// @group menu
142
+ $kendo-menu-separator-border: if($kendo-enable-color-system, k-color(border), $kendo-component-border) !default;
143
+
144
+
47
145
  // Menu popup
48
146
 
49
- /// Horizontal padding of the menu popup.
147
+ /// The horizontal padding of the Menu popup.
50
148
  /// @group menu
51
149
  $kendo-menu-popup-padding-x: null !default;
52
150
 
53
- /// Vertical padding of the menu popup.
151
+ /// The vertical padding of the Menu popup.
54
152
  /// @group menu
55
153
  $kendo-menu-popup-padding-y: null !default;
56
154
 
57
- /// Width of the border around the menu popup.
155
+ /// The width of the border around the Menu popup.
58
156
  /// @group menu
59
157
  $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
60
158
 
61
- /// Font sizes of the menu popup.
159
+ /// The font sizes of the Menu popup.
62
160
  /// @group menu
63
- $kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
64
- $kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
65
- $kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
161
+ $kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
162
+ $kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
163
+ $kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
66
164
  $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
67
165
 
68
- /// Line heights used along with $kendo-font-size.
166
+ /// The line heights used along with $kendo-font-size.
69
167
  /// @group menu
70
168
  $kendo-menu-popup-line-height: var( --kendo-line-height, normal ) !default;
71
169
  $kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
72
170
  $kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
73
171
  $kendo-menu-popup-lg-line-height: var( --kendo-line-height, normal ) !default;
74
172
 
75
- /// The background of the menu popup.
173
+ /// The background color of the Menu popup.
76
174
  /// @group menu
77
175
  $kendo-menu-popup-bg: $kendo-popup-bg !default;
78
- /// The text color of the menu popup.
176
+ /// The text color of the Menu popup.
79
177
  /// @group menu
80
178
  $kendo-menu-popup-text: $kendo-popup-text !default;
81
- /// The border color of the menu popup.
179
+ /// The border color of the Menu popup.
82
180
  /// @group menu
83
181
  $kendo-menu-popup-border: $kendo-popup-border !default;
84
- /// The background gradient of the menu popup.
182
+ /// The background gradient of the Menu popup.
85
183
  /// @group menu
86
184
  $kendo-menu-popup-gradient: null !default;
87
185
 
88
186
 
89
187
  // Menu popup item
90
188
 
91
- /// Horizontal padding of the menu item in popup.
189
+ /// The horizontal padding of the Menu item in popup.
92
190
  /// @group menu
93
191
  $kendo-menu-popup-item-padding-x: k-spacing(4) !default;
94
192
  $kendo-menu-popup-sm-item-padding-x: k-spacing(4) !default;
95
193
  $kendo-menu-popup-md-item-padding-x: k-spacing(4) !default;
96
194
  $kendo-menu-popup-lg-item-padding-x: k-spacing(4) !default;
97
195
 
98
- /// Vertical padding of the menu item in popup.
196
+ /// The vertical padding of the Menu item in popup.
99
197
  /// @group menu
100
198
  $kendo-menu-popup-item-padding-y: k-spacing(1) !default;
101
199
  $kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
102
200
  $kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
103
201
  $kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
104
202
 
105
- /// The end padding of the menu item in popup.
203
+ /// The end padding of the Menu item in popup.
106
204
  /// @group menu
107
205
  $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
108
206
  $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
109
207
  $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
110
208
  $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
111
209
 
112
- /// The start margin of the menu item expand icon.
210
+ /// The start margin of the Menu item expand icon.
113
211
  /// @group menu
114
212
  $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
115
213
  $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
116
214
  $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
117
215
 
118
- /// The end margin of the menu item expand icon.
216
+ /// The end margin of the Menu item expand icon.
119
217
  /// @group menu
120
218
  $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{k-math-div( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
121
219
  $kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{k-math-div( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
122
220
  $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{k-math-div( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
123
221
 
124
- /// The spacing between the menu items in popup.
222
+ /// The spacing between the Menu items in popup.
125
223
  /// @group menu
126
224
  $kendo-menu-popup-item-spacing: k-spacing(0) !default;
127
225
 
128
- /// The background of the menu item in popup.
226
+ /// The background color of the Menu item in popup.
129
227
  /// @group menu
130
228
  $kendo-menu-popup-item-bg: null !default;
131
- /// The text color of the menu item in popup.
229
+ /// The text color of the Menu item in popup.
132
230
  /// @group menu
133
231
  $kendo-menu-popup-item-text: null !default;
134
- /// The border color of the menu item in popup.
232
+ /// The border color of the Menu item in popup.
135
233
  /// @group menu
136
234
  $kendo-menu-popup-item-border: null !default;
137
- /// The background gradient of the menu item in popup.
235
+ /// The background gradient of the Menu item in popup.
138
236
  /// @group menu
139
237
  $kendo-menu-popup-item-gradient: null !default;
140
238
 
141
- /// The background of hovered menu item in popup.
239
+ /// The background color of hovered Menu item in popup.
142
240
  /// @group menu
143
241
  $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
144
- /// The text color of hovered menu item in popup.
242
+ /// The text color of hovered Menu item in popup.
145
243
  /// @group menu
146
244
  $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
147
- /// The border color of hovered menu item in popup.
245
+ /// The border color of hovered Menu item in popup.
148
246
  /// @group menu
149
247
  $kendo-menu-popup-item-hover-border: null !default;
150
- /// The background gradient of hovered menu item in popup.
248
+ /// The background gradient of hovered Menu item in popup.
151
249
  /// @group menu
152
250
  $kendo-menu-popup-item-hover-gradient: null !default;
153
251
 
154
- /// The background of expanded menu item in popup.
252
+ /// The background color of active Menu item in popup.
155
253
  /// @group menu
156
- $kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
157
- /// The text color of expanded menu item in popup.
254
+ $kendo-menu-popup-item-active-bg: $kendo-list-item-selected-bg !default;
255
+ /// The text color of active Menu item in popup.
158
256
  /// @group menu
159
- $kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
160
- /// The border color of expanded menu item in popup.
257
+ $kendo-menu-popup-item-active-text: $kendo-list-item-selected-text !default;
258
+ /// The border color of active Menu item in popup.
161
259
  /// @group menu
162
- $kendo-menu-popup-item-expanded-border: null !default;
163
- /// The background gradient of expanded menu item in popup.
260
+ $kendo-menu-popup-item-active-border: null !default;
261
+ /// The background gradient of active Menu item in popup.
164
262
  /// @group menu
165
- $kendo-menu-popup-item-expanded-gradient: null !default;
263
+ $kendo-menu-popup-item-active-gradient: null !default;
166
264
 
167
- /// The base shadow of focused menu item in popup.
265
+ /// The base shadow of focused Menu item in popup.
168
266
  /// @group menu
169
267
  $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;