@progress/kendo-theme-material 9.1.0-dev.1 → 9.1.0-dev.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 (37) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +189 -96
  3. package/dist/material-aqua-dark.css +1 -1
  4. package/dist/material-arctic.css +1 -1
  5. package/dist/material-burnt-teal.css +1 -1
  6. package/dist/material-dataviz-v4.css +1 -1
  7. package/dist/material-eggplant.css +1 -1
  8. package/dist/material-lime-dark.css +1 -1
  9. package/dist/material-lime.css +1 -1
  10. package/dist/material-main-dark.css +1 -1
  11. package/dist/material-main.css +1 -1
  12. package/dist/material-nova.css +1 -1
  13. package/dist/material-pacific-dark.css +1 -1
  14. package/dist/material-pacific.css +1 -1
  15. package/dist/material-sky-dark.css +1 -1
  16. package/dist/material-sky.css +1 -1
  17. package/dist/material-smoke.css +1 -1
  18. package/dist/meta/sassdoc-data.json +27960 -25746
  19. package/dist/meta/sassdoc-raw-data.json +1168 -143
  20. package/dist/meta/variables.json +42 -22
  21. package/lib/swatches/material-aqua-dark.json +1 -1
  22. package/lib/swatches/material-arctic.json +1 -1
  23. package/lib/swatches/material-burnt-teal.json +1 -1
  24. package/lib/swatches/material-dataviz-v4.json +1 -1
  25. package/lib/swatches/material-eggplant.json +1 -1
  26. package/lib/swatches/material-lime-dark.json +1 -1
  27. package/lib/swatches/material-lime.json +1 -1
  28. package/lib/swatches/material-main-dark.json +1 -1
  29. package/lib/swatches/material-main.json +1 -1
  30. package/lib/swatches/material-nova.json +1 -1
  31. package/lib/swatches/material-pacific-dark.json +1 -1
  32. package/lib/swatches/material-pacific.json +1 -1
  33. package/lib/swatches/material-sky-dark.json +1 -1
  34. package/lib/swatches/material-sky.json +1 -1
  35. package/lib/swatches/material-smoke.json +1 -1
  36. package/package.json +6 -6
  37. package/scss/menu/_variables.scss +138 -42
package/dist/meta/variables.json CHANGED
@@ -7279,14 +7279,6 @@
7279
7279
  "type": "Color",
7280
7280
  "value": "#ff0000"
7281
7281
  },
7282
- "kendo-menu-padding-x": {
7283
- "type": "String",
7284
- "value": "var(--kendo-spacing-0, 0px)"
7285
- },
7286
- "kendo-menu-padding-y": {
7287
- "type": "String",
7288
- "value": "var(--kendo-spacing-0, 0px)"
7289
- },
7290
7282
  "kendo-menu-border-width": {
7291
7283
  "type": "Number",
7292
7284
  "value": "0px"
@@ -7335,6 +7327,10 @@
7335
7327
  "type": "String",
7336
7328
  "value": "var(--kendo-spacing-2, 0.5rem)"
7337
7329
  },
7330
+ "kendo-menu-item-selected-font-weight": {
7331
+ "type": "String",
7332
+ "value": "var(--kendo-font-weight-bold, normal)"
7333
+ },
7338
7334
  "kendo-menu-item-bg": {
7339
7335
  "type": "String",
7340
7336
  "value": "rgba(var(--kendo-color-on-app-surface, #212121), 0)"
@@ -7367,19 +7363,19 @@
7367
7363
  "type": "Null",
7368
7364
  "value": "null"
7369
7365
  },
7370
- "kendo-menu-item-expanded-bg": {
7366
+ "kendo-menu-item-active-bg": {
7371
7367
  "type": "String",
7372
7368
  "value": "var(--kendo-color-base-active, #d6d6d6)"
7373
7369
  },
7374
- "kendo-menu-item-expanded-text": {
7370
+ "kendo-menu-item-active-text": {
7375
7371
  "type": "Null",
7376
7372
  "value": "null"
7377
7373
  },
7378
- "kendo-menu-item-expanded-border": {
7374
+ "kendo-menu-item-active-border": {
7379
7375
  "type": "Null",
7380
7376
  "value": "null"
7381
7377
  },
7382
- "kendo-menu-item-expanded-gradient": {
7378
+ "kendo-menu-item-active-gradient": {
7383
7379
  "type": "Null",
7384
7380
  "value": "null"
7385
7381
  },
@@ -7387,9 +7383,21 @@
7387
7383
  "type": "Null",
7388
7384
  "value": "null"
7389
7385
  },
7390
- "kendo-menu-separator-spacing": {
7391
- "type": "String",
7392
- "value": "var(--kendo-spacing-1, 0.25rem)"
7386
+ "kendo-menu-item-selected-bg": {
7387
+ "type": "Null",
7388
+ "value": "null"
7389
+ },
7390
+ "kendo-menu-item-selected-text": {
7391
+ "type": "Null",
7392
+ "value": "null"
7393
+ },
7394
+ "kendo-menu-item-selected-border": {
7395
+ "type": "Null",
7396
+ "value": "null"
7397
+ },
7398
+ "kendo-menu-item-selected-gradient": {
7399
+ "type": "Null",
7400
+ "value": "null"
7393
7401
  },
7394
7402
  "kendo-menu-scroll-button-bg": {
7395
7403
  "type": "String",
@@ -7423,6 +7431,18 @@
7423
7431
  "type": "Null",
7424
7432
  "value": "null"
7425
7433
  },
7434
+ "kendo-menu-separator-margin-inline": {
7435
+ "type": "String",
7436
+ "value": "var(--kendo-spacing-1, 0.25rem)"
7437
+ },
7438
+ "kendo-menu-separator-margin-block": {
7439
+ "type": "String",
7440
+ "value": "var(--kendo-spacing-1, 0.25rem)"
7441
+ },
7442
+ "kendo-menu-separator-border": {
7443
+ "type": "String",
7444
+ "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))"
7445
+ },
7426
7446
  "kendo-menu-popup-padding-x": {
7427
7447
  "type": "Null",
7428
7448
  "value": "null"
@@ -7437,15 +7457,15 @@
7437
7457
  },
7438
7458
  "kendo-menu-popup-font-size": {
7439
7459
  "type": "String",
7440
- "value": "var(--kendo-font-size-lg, inherit)"
7460
+ "value": "var(--kendo-font-size, inherit)"
7441
7461
  },
7442
7462
  "kendo-menu-popup-sm-font-size": {
7443
7463
  "type": "String",
7444
- "value": "var(--kendo-font-size-lg, inherit)"
7464
+ "value": "var(--kendo-font-size, inherit)"
7445
7465
  },
7446
7466
  "kendo-menu-popup-md-font-size": {
7447
7467
  "type": "String",
7448
- "value": "var(--kendo-font-size-lg, inherit)"
7468
+ "value": "var(--kendo-font-size, inherit)"
7449
7469
  },
7450
7470
  "kendo-menu-popup-lg-font-size": {
7451
7471
  "type": "String",
@@ -7591,19 +7611,19 @@
7591
7611
  "type": "Null",
7592
7612
  "value": "null"
7593
7613
  },
7594
- "kendo-menu-popup-item-expanded-bg": {
7614
+ "kendo-menu-popup-item-active-bg": {
7595
7615
  "type": "String",
7596
7616
  "value": "var(--kendo-color-surface-alt, #ffffff)"
7597
7617
  },
7598
- "kendo-menu-popup-item-expanded-text": {
7618
+ "kendo-menu-popup-item-active-text": {
7599
7619
  "type": "String",
7600
7620
  "value": "var(--kendo-color-secondary, #e51a5f)"
7601
7621
  },
7602
- "kendo-menu-popup-item-expanded-border": {
7622
+ "kendo-menu-popup-item-active-border": {
7603
7623
  "type": "Null",
7604
7624
  "value": "null"
7605
7625
  },
7606
- "kendo-menu-popup-item-expanded-gradient": {
7626
+ "kendo-menu-popup-item-active-gradient": {
7607
7627
  "type": "Null",
7608
7628
  "value": "null"
7609
7629
  },
package/lib/swatches/material-aqua-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-arctic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-burnt-teal.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#3f51b5",
package/lib/swatches/material-eggplant.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-lime-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-lime.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-nova.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-pacific-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-pacific.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-sky-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-sky.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-smoke.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "9.1.0-dev.1",
6
+ "version": "9.1.0-dev.3",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "9.1.0-dev.1",
4
+ "version": "9.1.0-dev.3",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,14 +53,14 @@
53
53
  "postpublish": "echo 'no postpublish for material theme'"
54
54
  },
55
55
  "dependencies": {
56
- "@progress/kendo-svg-icons": "3.0.0",
57
- "@progress/kendo-theme-core": "9.1.0-dev.1",
58
- "@progress/kendo-theme-default": "9.1.0-dev.1",
59
- "@progress/kendo-theme-utils": "9.1.0-dev.1"
56
+ "@progress/kendo-svg-icons": "^3.1.0",
57
+ "@progress/kendo-theme-core": "9.1.0-dev.3",
58
+ "@progress/kendo-theme-default": "9.1.0-dev.3",
59
+ "@progress/kendo-theme-utils": "9.1.0-dev.3"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "ddc5029123cb01e0c0b640ffb9caf17f47160625"
65
+ "gitHead": "8a601c5598b338c3e36be2f1c6673682f19d16e7"
66
66
  }
package/scss/menu/_variables.scss CHANGED
@@ -1,171 +1,267 @@
1
1
  // Menu
2
- $kendo-menu-padding-x: k-spacing(0) !default;
3
- $kendo-menu-padding-y: k-spacing(0) !default;
2
+
3
+ /// The width of the border around the Menu.
4
+ /// @group menu
4
5
  $kendo-menu-border-width: 0px !default;
6
+ /// The font family of the Menu.
7
+ /// @group menu
5
8
  $kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
9
+ /// The font size of the Menu.
10
+ /// @group menu
6
11
  $kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
12
+ /// The line height of the Menu used along with $kendo-font-size.
13
+ /// @group menu
7
14
  $kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
8
15
 
16
+ /// The background color of the Menu.
17
+ /// @group menu
9
18
  $kendo-menu-bg: transparent !default;
19
+ /// The text color of the Menu.
20
+ /// @group menu
10
21
  $kendo-menu-text: $kendo-component-text !default;
22
+ /// The border color of the Menu.
23
+ /// @group menu
11
24
  $kendo-menu-border: null !default;
25
+ /// The background gradient of the Menu.
26
+ /// @group menu
12
27
  $kendo-menu-gradient: null !default;
13
28
 
29
+ // Menu item
30
+
31
+ /// The horizontal padding of the Menu item.
32
+ /// @group menu
14
33
  $kendo-menu-item-padding-x: k-spacing(4) !default;
34
+ /// The vertical padding of the Menu item.
35
+ /// @group menu
15
36
  $kendo-menu-item-padding-y: k-spacing(1) !default;
37
+ /// The spacing between the Menu items.
38
+ /// @group menu
16
39
  $kendo-menu-item-spacing: k-spacing(0.5) !default;
40
+ /// The spacing between the Menu item text and icons.
41
+ /// @group menu
17
42
  $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
18
43
 
44
+ /// The font weight of the selected Menu item.
45
+ /// @group menu
46
+ $kendo-menu-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
47
+
48
+ /// The background color of the Menu item.
49
+ /// @group menu
19
50
  $kendo-menu-item-bg: rgba( $kendo-menu-text, 0 ) !default;
51
+ /// The text color of the Menu item.
52
+ /// @group menu
20
53
  $kendo-menu-item-text: null !default;
54
+ /// The border color of the Menu item.
55
+ /// @group menu
21
56
  $kendo-menu-item-border: null !default;
57
+ /// The background gradient of the Menu item.
58
+ /// @group menu
22
59
  $kendo-menu-item-gradient: null !default;
23
60
 
61
+ /// The background color of hovered Menu item.
62
+ /// @group menu
24
63
  $kendo-menu-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), rgba( $kendo-menu-text, $kendo-flat-button-hover-opacity * k-color-alpha( $kendo-menu-text ) )) !default;
64
+ /// The text color of hovered Menu item.
65
+ /// @group menu
25
66
  $kendo-menu-item-hover-text: null !default;
67
+ /// The border color of hovered Menu item.
68
+ /// @group menu
26
69
  $kendo-menu-item-hover-border: null !default;
70
+ /// The background gradient of hovered Menu item.
71
+ /// @group menu
27
72
  $kendo-menu-item-hover-gradient: null !default;
28
73
 
29
- $kendo-menu-item-expanded-bg: if($kendo-enable-color-system, k-color( base-active ), rgba( $kendo-menu-text, $kendo-flat-button-active-opacity * k-color-alpha( $kendo-menu-text ) )) !default;
30
- $kendo-menu-item-expanded-text: null !default;
31
- $kendo-menu-item-expanded-border: null !default;
32
- $kendo-menu-item-expanded-gradient: null !default;
74
+ /// The background color of active Menu item.
75
+ /// @group menu
76
+ $kendo-menu-item-active-bg: if($kendo-enable-color-system, k-color( base-active ), rgba( $kendo-menu-text, $kendo-flat-button-active-opacity * k-color-alpha( $kendo-menu-text ) )) !default;
77
+ /// The text color of active Menu item.
78
+ /// @group menu
79
+ $kendo-menu-item-active-text: null !default;
80
+ /// The border color of active Menu item.
81
+ /// @group menu
82
+ $kendo-menu-item-active-border: null !default;
83
+ /// The background gradient of active Menu item.
84
+ /// @group menu
85
+ $kendo-menu-item-active-gradient: null !default;
33
86
 
87
+ /// The base shadow of focused Menu item.
88
+ /// @group menu
34
89
  $kendo-menu-item-focus-shadow: null !default;
35
90
 
36
- $kendo-menu-separator-spacing: k-spacing(1) !default;
91
+ /// The background color of selected Menu item.
92
+ /// @group menu
93
+ $kendo-menu-item-selected-bg: null !default;
94
+ /// The text color of selected Menu item.
95
+ /// @group menu
96
+ $kendo-menu-item-selected-text: null !default;
97
+ /// The border color of selected Menu item.
98
+ /// @group menu
99
+ $kendo-menu-item-selected-border: null !default;
100
+ /// The background gradient of selected Menu item.
101
+ /// @group menu
102
+ $kendo-menu-item-selected-gradient: null !default;
37
103
 
104
+ /// The background color of the Menu scroll buttons.
105
+ /// @group menu
38
106
  $kendo-menu-scroll-button-bg: $kendo-component-bg !default;
107
+ /// The text color of the Menu scroll buttons.
108
+ /// @group menu
39
109
  $kendo-menu-scroll-button-text: $kendo-subtle-text !default;
110
+ /// The border color of the Menu scroll buttons.
111
+ /// @group menu
40
112
  $kendo-menu-scroll-button-border: transparent !default;
113
+ /// The background gradient of the Menu scroll buttons.
114
+ /// @group menu
41
115
  $kendo-menu-scroll-button-gradient: null !default;
42
116
 
117
+ /// The background color of hovered Menu scroll buttons.
118
+ /// @group menu
43
119
  $kendo-menu-scroll-button-hover-bg: null !default;
120
+ /// The text color of hovered Menu scroll buttons.
121
+ /// @group menu
44
122
  $kendo-menu-scroll-button-hover-text: $kendo-menu-text !default;
123
+ /// The border color of hovered Menu scroll buttons.
124
+ /// @group menu
45
125
  $kendo-menu-scroll-button-hover-border: null !default;
126
+ /// The background gradient of hovered Menu scroll buttons.
127
+ /// @group menu
46
128
  $kendo-menu-scroll-button-hover-gradient: null !default;
47
129
 
48
130
 
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(1);
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
+
49
145
  // Menu popup
50
146
 
51
- /// Horizontal padding of the menu popup.
147
+ /// The horizontal padding of the Menu popup.
52
148
  /// @group menu
53
149
  $kendo-menu-popup-padding-x: null !default;
54
150
 
55
- /// Vertical padding of the menu popup.
151
+ /// The vertical padding of the Menu popup.
56
152
  /// @group menu
57
153
  $kendo-menu-popup-padding-y: null !default;
58
154
 
59
- /// Width of the border around the menu popup.
155
+ /// The width of the border around the Menu popup.
60
156
  /// @group menu
61
157
  $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
62
158
 
63
- /// Font sizes of the menu popup.
159
+ /// The font sizes of the Menu popup.
64
160
  /// @group menu
65
- $kendo-menu-popup-font-size: var( --kendo-font-size-lg, inherit ) !default;
66
- $kendo-menu-popup-sm-font-size: var( --kendo-font-size-lg, inherit ) !default;
67
- $kendo-menu-popup-md-font-size: var( --kendo-font-size-lg, 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;
68
164
  $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
69
165
 
70
- /// Line heights used along with $kendo-font-size.
166
+ /// The line heights used along with $kendo-font-size.
71
167
  /// @group menu
72
168
  $kendo-menu-popup-line-height: 1.25 !default;
73
169
  $kendo-menu-popup-sm-line-height: 1.25 !default;
74
170
  $kendo-menu-popup-md-line-height: 1.25 !default;
75
171
  $kendo-menu-popup-lg-line-height: 1.25 !default;
76
172
 
77
- /// The background of the menu popup.
173
+ /// The background color of the Menu popup.
78
174
  /// @group menu
79
175
  $kendo-menu-popup-bg: $kendo-popup-bg !default;
80
- /// The text color of the menu popup.
176
+ /// The text color of the Menu popup.
81
177
  /// @group menu
82
178
  $kendo-menu-popup-text: $kendo-popup-text !default;
83
- /// The border color of the menu popup.
179
+ /// The border color of the Menu popup.
84
180
  /// @group menu
85
181
  $kendo-menu-popup-border: $kendo-popup-border !default;
86
- /// The background gradient of the menu popup.
182
+ /// The background gradient of the Menu popup.
87
183
  /// @group menu
88
184
  $kendo-menu-popup-gradient: null !default;
89
185
 
90
186
 
91
187
  // Menu popup item
92
188
 
93
- /// Horizontal padding of the menu item in popup.
189
+ /// The horizontal padding of the Menu item in popup.
94
190
  /// @group menu
95
191
  $kendo-menu-popup-item-padding-x: k-spacing(4) !default;
96
192
  $kendo-menu-popup-sm-item-padding-x: k-spacing(4) !default;
97
193
  $kendo-menu-popup-md-item-padding-x: k-spacing(4) !default;
98
194
  $kendo-menu-popup-lg-item-padding-x: k-spacing(4) !default;
99
195
 
100
- /// Vertical padding of the menu item in popup.
196
+ /// The vertical padding of the Menu item in popup.
101
197
  /// @group menu
102
198
  $kendo-menu-popup-item-padding-y: k-spacing(2) !default;
103
199
  $kendo-menu-popup-sm-item-padding-y: k-spacing(1.5) !default;
104
200
  $kendo-menu-popup-md-item-padding-y: k-spacing(2) !default;
105
201
  $kendo-menu-popup-lg-item-padding-y: k-spacing(2.5) !default;
106
202
 
107
- /// The end padding of the menu item in popup.
203
+ /// The end padding of the Menu item in popup.
108
204
  /// @group menu
109
205
  $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
110
206
  $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
111
207
  $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
112
208
  $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
113
209
 
114
- /// The start margin of the menu item expand icon.
210
+ /// The start margin of the Menu item expand icon.
115
211
  /// @group menu
116
212
  $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
117
213
  $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
118
214
  $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
119
215
 
120
- /// The end margin of the menu item expand icon.
216
+ /// The end margin of the Menu item expand icon.
121
217
  /// @group menu
122
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;
123
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;
124
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;
125
221
 
126
- /// The spacing between the menu items in popup.
222
+ /// The spacing between the Menu items in popup.
127
223
  /// @group menu
128
224
  $kendo-menu-popup-item-spacing: k-spacing(0) !default;
129
225
 
130
- /// The background of the menu item in popup.
226
+ /// The background color of the Menu item in popup.
131
227
  /// @group menu
132
228
  $kendo-menu-popup-item-bg: null !default;
133
- /// The text color of the menu item in popup.
229
+ /// The text color of the Menu item in popup.
134
230
  /// @group menu
135
231
  $kendo-menu-popup-item-text: null !default;
136
- /// The border color of the menu item in popup.
232
+ /// The border color of the Menu item in popup.
137
233
  /// @group menu
138
234
  $kendo-menu-popup-item-border: null !default;
139
- /// The background gradient of the menu item in popup.
235
+ /// The background gradient of the Menu item in popup.
140
236
  /// @group menu
141
237
  $kendo-menu-popup-item-gradient: null !default;
142
238
 
143
- /// The background of hovered menu item in popup.
239
+ /// The background color of hovered Menu item in popup.
144
240
  /// @group menu
145
241
  $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
146
- /// The text color of hovered menu item in popup.
242
+ /// The text color of hovered Menu item in popup.
147
243
  /// @group menu
148
244
  $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
149
- /// The border color of hovered menu item in popup.
245
+ /// The border color of hovered Menu item in popup.
150
246
  /// @group menu
151
247
  $kendo-menu-popup-item-hover-border: null !default;
152
- /// The background gradient of hovered menu item in popup.
248
+ /// The background gradient of hovered Menu item in popup.
153
249
  /// @group menu
154
250
  $kendo-menu-popup-item-hover-gradient: null !default;
155
251
 
156
- /// The background of expanded menu item in popup.
252
+ /// The background color of active Menu item in popup.
157
253
  /// @group menu
158
- $kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
159
- /// 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.
160
256
  /// @group menu
161
- $kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
162
- /// 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.
163
259
  /// @group menu
164
- $kendo-menu-popup-item-expanded-border: null !default;
165
- /// 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.
166
262
  /// @group menu
167
- $kendo-menu-popup-item-expanded-gradient: null !default;
263
+ $kendo-menu-popup-item-active-gradient: null !default;
168
264
 
169
- /// The base shadow of focused menu item in popup.
265
+ /// The base shadow of focused Menu item in popup.
170
266
  /// @group menu
171
267
  $kendo-menu-popup-item-focus-shadow: null !default;