@progress/kendo-theme-fluent 11.2.1-dev.1 → 11.3.0-dev.0

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 (340) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +24099 -27323
  5. package/dist/meta/sassdoc-raw-data.json +8421 -7718
  6. package/dist/meta/variables.json +7880 -8036
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-buttons/_layout.scss +2 -55
  12. package/scss/action-buttons/_theme.scss +2 -11
  13. package/scss/action-buttons/_variables.scss +17 -7
  14. package/scss/action-sheet/_layout.scss +11 -399
  15. package/scss/action-sheet/_theme.scss +14 -69
  16. package/scss/action-sheet/_variables.scss +129 -66
  17. package/scss/adaptive/_index.scss +0 -3
  18. package/scss/adaptive/_layout.scss +2 -457
  19. package/scss/adaptive/_theme.scss +2 -75
  20. package/scss/adaptive/_variables.scss +39 -18
  21. package/scss/appbar/_layout.scss +2 -114
  22. package/scss/appbar/_theme.scss +9 -20
  23. package/scss/appbar/_variables.scss +38 -71
  24. package/scss/avatar/_layout.scss +2 -73
  25. package/scss/avatar/_theme.scss +2 -16
  26. package/scss/avatar/_variables.scss +24 -82
  27. package/scss/badge/_layout.scss +3 -146
  28. package/scss/badge/_theme.scss +8 -21
  29. package/scss/badge/_variables.scss +41 -88
  30. package/scss/bottom-navigation/_layout.scss +5 -108
  31. package/scss/bottom-navigation/_theme.scss +73 -74
  32. package/scss/bottom-navigation/_variables.scss +58 -117
  33. package/scss/breadcrumb/_layout.scss +8 -132
  34. package/scss/breadcrumb/_theme.scss +15 -71
  35. package/scss/breadcrumb/_variables.scss +133 -71
  36. package/scss/button/_layout.scss +18 -182
  37. package/scss/button/_theme.scss +132 -113
  38. package/scss/button/_variables.scss +156 -301
  39. package/scss/calendar/_layout.scss +27 -383
  40. package/scss/calendar/_theme.scss +55 -127
  41. package/scss/calendar/_variables.scss +185 -100
  42. package/scss/captcha/_layout.scss +2 -59
  43. package/scss/captcha/_theme.scss +2 -9
  44. package/scss/captcha/_variables.scss +25 -9
  45. package/scss/card/_layout.scss +9 -314
  46. package/scss/card/_theme.scss +3 -103
  47. package/scss/card/_variables.scss +110 -60
  48. package/scss/chart-wizard/_layout.scss +2 -38
  49. package/scss/chart-wizard/_theme.scss +2 -28
  50. package/scss/chart-wizard/_variables.scss +25 -11
  51. package/scss/chat/_index.scss +0 -3
  52. package/scss/chat/_layout.scss +26 -450
  53. package/scss/chat/_theme.scss +9 -80
  54. package/scss/chat/_variables.scss +143 -71
  55. package/scss/checkbox/_layout.scss +14 -191
  56. package/scss/checkbox/_theme.scss +11 -100
  57. package/scss/checkbox/_variables.scss +165 -78
  58. package/scss/chip/_layout.scss +11 -137
  59. package/scss/chip/_theme.scss +56 -57
  60. package/scss/chip/_variables.scss +99 -94
  61. package/scss/color-preview/_layout.scss +4 -64
  62. package/scss/color-preview/_theme.scss +2 -27
  63. package/scss/color-preview/_variables.scss +23 -9
  64. package/scss/coloreditor/_layout.scss +21 -109
  65. package/scss/coloreditor/_theme.scss +3 -24
  66. package/scss/coloreditor/_variables.scss +92 -57
  67. package/scss/colorgradient/_layout.scss +12 -196
  68. package/scss/colorgradient/_theme.scss +27 -65
  69. package/scss/colorgradient/_variables.scss +134 -76
  70. package/scss/colorpalette/_layout.scss +6 -40
  71. package/scss/colorpalette/_theme.scss +10 -20
  72. package/scss/colorpalette/_variables.scss +39 -21
  73. package/scss/colorpicker/_layout.scss +2 -11
  74. package/scss/colorpicker/_theme.scss +2 -1
  75. package/scss/column-menu/_layout.scss +5 -56
  76. package/scss/column-menu/_theme.scss +1 -24
  77. package/scss/column-menu/_variables.scss +38 -17
  78. package/scss/combobox/_layout.scss +4 -2
  79. package/scss/combobox/_theme.scss +4 -2
  80. package/scss/core/functions/index.import.scss +1 -0
  81. package/scss/dataviz/_layout.scss +6 -543
  82. package/scss/dataviz/_theme.scss +12 -76
  83. package/scss/dataviz/_variables.scss +152 -33
  84. package/scss/daterangepicker/_layout.scss +2 -37
  85. package/scss/daterangepicker/_theme.scss +16 -7
  86. package/scss/daterangepicker/_variables.scss +9 -0
  87. package/scss/datetimepicker/_layout.scss +3 -41
  88. package/scss/datetimepicker/_theme.scss +3 -2
  89. package/scss/datetimepicker/_variables.scss +5 -1
  90. package/scss/dialog/_layout.scss +8 -53
  91. package/scss/dialog/_theme.scss +5 -25
  92. package/scss/dialog/_variables.scss +31 -60
  93. package/scss/dock-manager/_layout.scss +9 -193
  94. package/scss/dock-manager/_theme.scss +6 -28
  95. package/scss/dock-manager/_variables.scss +74 -36
  96. package/scss/draggable/_layout.scss +13 -59
  97. package/scss/draggable/_theme.scss +10 -15
  98. package/scss/draggable/_variables.scss +45 -23
  99. package/scss/drawer/_layout.scss +7 -198
  100. package/scss/drawer/_theme.scss +25 -52
  101. package/scss/drawer/_variables.scss +73 -45
  102. package/scss/dropdowngrid/_layout.scss +3 -11
  103. package/scss/dropdowngrid/_theme.scss +3 -3
  104. package/scss/dropdownlist/_layout.scss +4 -28
  105. package/scss/dropdownlist/_theme.scss +3 -7
  106. package/scss/dropdowntree/_layout.scss +2 -35
  107. package/scss/dropdowntree/_theme.scss +3 -4
  108. package/scss/dropdowntree/_variables.scss +4 -3
  109. package/scss/dropzone/_layout.scss +7 -31
  110. package/scss/dropzone/_theme.scss +2 -30
  111. package/scss/dropzone/_variables.scss +43 -21
  112. package/scss/editor/_layout.scss +3 -588
  113. package/scss/editor/_theme.scss +12 -78
  114. package/scss/editor/_variables.scss +45 -26
  115. package/scss/expansion-panel/_layout.scss +22 -57
  116. package/scss/expansion-panel/_theme.scss +13 -36
  117. package/scss/expansion-panel/_variables.scss +49 -28
  118. package/scss/fab/_layout.scss +11 -134
  119. package/scss/fab/_theme.scss +37 -126
  120. package/scss/fab/_variables.scss +104 -56
  121. package/scss/filemanager/_layout.scss +2 -240
  122. package/scss/filemanager/_theme.scss +8 -89
  123. package/scss/filemanager/_variables.scss +109 -56
  124. package/scss/filter/_layout.scss +8 -71
  125. package/scss/filter/_theme.scss +5 -14
  126. package/scss/filter/_variables.scss +20 -10
  127. package/scss/floating-label/_layout.scss +3 -75
  128. package/scss/floating-label/_theme.scss +4 -20
  129. package/scss/floating-label/_variables.scss +35 -17
  130. package/scss/forms/_layout.scss +5 -302
  131. package/scss/forms/_theme.scss +5 -24
  132. package/scss/forms/_variables.scss +73 -39
  133. package/scss/gantt/_layout.scss +5 -801
  134. package/scss/gantt/_theme.scss +17 -236
  135. package/scss/gantt/_variables.scss +142 -73
  136. package/scss/grid/_layout.scss +60 -1276
  137. package/scss/grid/_theme.scss +35 -343
  138. package/scss/grid/_variables.scss +306 -183
  139. package/scss/gridlayout/_layout.scss +1 -6
  140. package/scss/gridlayout/_theme.scss +1 -6
  141. package/scss/icons/_layout.scss +4 -33
  142. package/scss/icons/_theme.scss +7 -1
  143. package/scss/icons/_variables.scss +35 -9
  144. package/scss/imageeditor/_layout.scss +2 -152
  145. package/scss/imageeditor/_theme.scss +5 -42
  146. package/scss/imageeditor/_variables.scss +66 -32
  147. package/scss/index.scss +2 -1
  148. package/scss/input/_layout.scss +36 -468
  149. package/scss/input/_theme.scss +52 -128
  150. package/scss/input/_variables.scss +153 -208
  151. package/scss/list/_layout.scss +3 -252
  152. package/scss/list/_theme.scss +10 -81
  153. package/scss/list/_variables.scss +176 -92
  154. package/scss/listbox/_layout.scss +2 -80
  155. package/scss/listbox/_theme.scss +5 -8
  156. package/scss/listbox/_variables.scss +28 -13
  157. package/scss/listgroup/_layout.scss +2 -174
  158. package/scss/listgroup/_theme.scss +2 -8
  159. package/scss/listgroup/_variables.scss +23 -10
  160. package/scss/listview/_layout.scss +6 -133
  161. package/scss/listview/_theme.scss +8 -37
  162. package/scss/listview/_variables.scss +66 -39
  163. package/scss/loader/_layout.scss +15 -572
  164. package/scss/loader/_theme.scss +2 -14
  165. package/scss/loader/_variables.scss +90 -92
  166. package/scss/map/_layout.scss +7 -121
  167. package/scss/map/_theme.scss +5 -17
  168. package/scss/map/_variables.scss +40 -22
  169. package/scss/maskedtextbox/_layout.scss +3 -3
  170. package/scss/maskedtextbox/_theme.scss +3 -3
  171. package/scss/mediaplayer/_layout.scss +5 -72
  172. package/scss/mediaplayer/_theme.scss +5 -15
  173. package/scss/mediaplayer/_variables.scss +27 -14
  174. package/scss/menu/_layout.scss +25 -267
  175. package/scss/menu/_theme.scss +14 -73
  176. package/scss/menu/_variables.scss +135 -76
  177. package/scss/menu-button/_layout.scss +9 -14
  178. package/scss/menu-button/_theme.scss +5 -1
  179. package/scss/menu-button/_variables.scss +10 -0
  180. package/scss/messagebox/_layout.scss +2 -18
  181. package/scss/messagebox/_theme.scss +4 -19
  182. package/scss/messagebox/_variables.scss +33 -37
  183. package/scss/multiselect/_layout.scss +3 -4
  184. package/scss/multiselect/_theme.scss +3 -4
  185. package/scss/no-data/_layout.scss +2 -17
  186. package/scss/no-data/_theme.scss +2 -5
  187. package/scss/no-data/_variables.scss +7 -2
  188. package/scss/notification/_functions.scss +17 -0
  189. package/scss/notification/_layout.scss +2 -68
  190. package/scss/notification/_theme.scss +4 -28
  191. package/scss/notification/_variables.scss +50 -91
  192. package/scss/numerictextbox/_layout.scss +3 -7
  193. package/scss/numerictextbox/_theme.scss +3 -3
  194. package/scss/orgchart/_layout.scss +8 -99
  195. package/scss/orgchart/_theme.scss +4 -45
  196. package/scss/orgchart/_variables.scss +87 -45
  197. package/scss/otp/_layout.scss +1 -34
  198. package/scss/otp/_theme.scss +1 -7
  199. package/scss/otp/_variables.scss +25 -12
  200. package/scss/overlay/_layout.scss +2 -11
  201. package/scss/overlay/_theme.scss +4 -3
  202. package/scss/overlay/_variables.scss +7 -3
  203. package/scss/pager/_layout.scss +11 -145
  204. package/scss/pager/_theme.scss +7 -15
  205. package/scss/pager/_variables.scss +49 -26
  206. package/scss/panel/_layout.scss +2 -24
  207. package/scss/panel/_theme.scss +10 -13
  208. package/scss/panel/_variables.scss +23 -10
  209. package/scss/panelbar/_layout.scss +17 -95
  210. package/scss/panelbar/_theme.scss +15 -164
  211. package/scss/panelbar/_variables.scss +134 -68
  212. package/scss/pdf-viewer/_layout.scss +3 -327
  213. package/scss/pdf-viewer/_theme.scss +2 -80
  214. package/scss/pdf-viewer/_variables.scss +75 -36
  215. package/scss/pivotgrid/_index.scss +0 -6
  216. package/scss/pivotgrid/_layout.scss +44 -579
  217. package/scss/pivotgrid/_theme.scss +5 -192
  218. package/scss/pivotgrid/_variables.scss +144 -70
  219. package/scss/popover/_layout.scss +6 -73
  220. package/scss/popover/_theme.scss +2 -36
  221. package/scss/popover/_variables.scss +54 -27
  222. package/scss/popup/_layout.scss +5 -70
  223. package/scss/popup/_theme.scss +2 -9
  224. package/scss/popup/_variables.scss +25 -12
  225. package/scss/progressbar/_layout.scss +10 -196
  226. package/scss/progressbar/_theme.scss +11 -46
  227. package/scss/progressbar/_variables.scss +57 -34
  228. package/scss/prompt/_layout.scss +2 -75
  229. package/scss/prompt/_theme.scss +2 -35
  230. package/scss/prompt/_variables.scss +43 -20
  231. package/scss/radio/_layout.scss +12 -178
  232. package/scss/radio/_theme.scss +7 -75
  233. package/scss/radio/_variables.scss +72 -36
  234. package/scss/rating/_layout.scss +11 -57
  235. package/scss/rating/_theme.scss +8 -6
  236. package/scss/rating/_variables.scss +21 -13
  237. package/scss/responsivepanel/_layout.scss +2 -45
  238. package/scss/responsivepanel/_theme.scss +3 -3
  239. package/scss/ripple/_layout.scss +2 -50
  240. package/scss/ripple/_theme.scss +2 -2
  241. package/scss/scheduler/_layout.scss +11 -773
  242. package/scss/scheduler/_theme.scss +32 -167
  243. package/scss/scheduler/_variables.scss +149 -77
  244. package/scss/scroller/_layout.scss +2 -80
  245. package/scss/scroller/_theme.scss +2 -5
  246. package/scss/scrollview/_layout.scss +2 -159
  247. package/scss/scrollview/_theme.scss +11 -35
  248. package/scss/scrollview/_variables.scss +52 -29
  249. package/scss/searchbox/_layout.scss +2 -0
  250. package/scss/searchbox/_theme.scss +4 -1
  251. package/scss/searchbox/_variables.scss +1 -1
  252. package/scss/signature/_layout.scss +3 -67
  253. package/scss/signature/_theme.scss +3 -8
  254. package/scss/signature/_variables.scss +46 -25
  255. package/scss/skeleton/_layout.scss +2 -79
  256. package/scss/skeleton/_theme.scss +2 -17
  257. package/scss/skeleton/_variables.scss +15 -6
  258. package/scss/slider/_layout.scss +18 -203
  259. package/scss/slider/_theme.scss +31 -40
  260. package/scss/slider/_variables.scss +58 -41
  261. package/scss/speech-to-text-button/_layout.scss +1 -9
  262. package/scss/speech-to-text-button/_theme.scss +1 -3
  263. package/scss/split-button/_layout.scss +22 -18
  264. package/scss/split-button/_theme.scss +2 -1
  265. package/scss/split-button/_variables.scss +18 -9
  266. package/scss/splitter/_layout.scss +8 -171
  267. package/scss/splitter/_theme.scss +2 -31
  268. package/scss/splitter/_variables.scss +42 -20
  269. package/scss/spreadsheet/_layout.scss +50 -724
  270. package/scss/spreadsheet/_theme.scss +14 -182
  271. package/scss/spreadsheet/_variables.scss +172 -99
  272. package/scss/stacklayout/_layout.scss +1 -5
  273. package/scss/stacklayout/_theme.scss +1 -5
  274. package/scss/stepper/_layout.scss +9 -255
  275. package/scss/stepper/_theme.scss +4 -186
  276. package/scss/stepper/_variables.scss +125 -60
  277. package/scss/suggestion/_layout.scss +2 -38
  278. package/scss/suggestion/_theme.scss +3 -66
  279. package/scss/suggestion/_variables.scss +42 -19
  280. package/scss/switch/_layout.scss +2 -138
  281. package/scss/switch/_theme.scss +2 -136
  282. package/scss/switch/_variables.scss +99 -49
  283. package/scss/table/_layout.scss +6 -249
  284. package/scss/table/_theme.scss +9 -95
  285. package/scss/table/_variables.scss +100 -64
  286. package/scss/tabstrip/_layout.scss +2 -421
  287. package/scss/tabstrip/_theme.scss +12 -123
  288. package/scss/tabstrip/_variables.scss +113 -61
  289. package/scss/taskboard/_layout.scss +28 -178
  290. package/scss/taskboard/_theme.scss +20 -55
  291. package/scss/taskboard/_variables.scss +122 -63
  292. package/scss/textarea/_layout.scss +3 -6
  293. package/scss/textarea/_theme.scss +3 -4
  294. package/scss/textbox/_layout.scss +3 -4
  295. package/scss/textbox/_theme.scss +3 -4
  296. package/scss/tilelayout/_layout.scss +2 -36
  297. package/scss/tilelayout/_theme.scss +13 -10
  298. package/scss/tilelayout/_variables.scss +19 -8
  299. package/scss/time-marker/_layout.scss +2 -15
  300. package/scss/time-marker/_theme.scss +2 -17
  301. package/scss/time-marker/_variables.scss +7 -2
  302. package/scss/timedurationpicker/_layout.scss +3 -4
  303. package/scss/timedurationpicker/_theme.scss +3 -4
  304. package/scss/timeline/_layout.scss +8 -423
  305. package/scss/timeline/_theme.scss +11 -34
  306. package/scss/timeline/_variables.scss +108 -61
  307. package/scss/timepicker/_layout.scss +7 -3
  308. package/scss/timepicker/_theme.scss +3 -4
  309. package/scss/timeselector/_layout.scss +3 -223
  310. package/scss/timeselector/_theme.scss +5 -55
  311. package/scss/timeselector/_variables.scss +84 -41
  312. package/scss/toolbar/_layout.scss +11 -296
  313. package/scss/toolbar/_theme.scss +3 -167
  314. package/scss/toolbar/_variables.scss +65 -32
  315. package/scss/tooltip/_functions.scss +17 -0
  316. package/scss/tooltip/_layout.scss +13 -74
  317. package/scss/tooltip/_theme.scss +17 -23
  318. package/scss/tooltip/_variables.scss +50 -72
  319. package/scss/treelist/_layout.scss +3 -82
  320. package/scss/treelist/_theme.scss +4 -6
  321. package/scss/treelist/_variables.scss +7 -2
  322. package/scss/treeview/_layout.scss +8 -137
  323. package/scss/treeview/_theme.scss +20 -65
  324. package/scss/treeview/_variables.scss +88 -48
  325. package/scss/typography/_layout.scss +3 -113
  326. package/scss/typography/_theme.scss +2 -17
  327. package/scss/typography/_variables.scss +84 -3
  328. package/scss/upload/_layout.scss +7 -219
  329. package/scss/upload/_theme.scss +4 -90
  330. package/scss/upload/_variables.scss +66 -29
  331. package/scss/validator/_layout.scss +2 -16
  332. package/scss/validator/_theme.scss +2 -2
  333. package/scss/virtual-scroller/_layout.scss +2 -34
  334. package/scss/virtual-scroller/_theme.scss +2 -2
  335. package/scss/window/_layout.scss +9 -141
  336. package/scss/window/_theme.scss +7 -35
  337. package/scss/window/_variables.scss +65 -70
  338. package/scss/wizard/_layout.scss +8 -95
  339. package/scss/wizard/_theme.scss +4 -7
  340. package/scss/wizard/_variables.scss +24 -11
package/scss/colorpicker/_layout.scss CHANGED
@@ -1,15 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/colorpicker/_layout.scss" as *;
1
2
  @use "./_variables.scss" as *;
2
3
 
3
4
  @mixin kendo-color-picker--layout() {
4
-
5
- // Color picker
6
- .k-color-picker {
7
- width: min-content;
8
- }
9
-
10
- // Alias
11
- .k-colorpicker {
12
- @extend .k-color-picker !optional;
13
- }
14
-
5
+ @include kendo-color-picker--layout-base();
15
6
  }
package/scss/colorpicker/_theme.scss CHANGED
@@ -1,5 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/colorpicker/_theme.scss" as *;
1
2
  @use "./_variables.scss" as *;
2
3
 
3
4
  @mixin kendo-color-picker--theme() {
4
- .k-colorpicker { }
5
+ @include kendo-color-picker--theme-base();
5
6
  }
package/scss/column-menu/_layout.scss CHANGED
@@ -1,9 +1,10 @@
1
1
  @use "sass:map";
2
- @use "../core/_index.scss" as *;
3
- @use "_variables.scss" as *;
2
+ @use "./_variables.scss" as *;
3
+ @use "@progress/kendo-theme-core/scss/components/column-menu/_layout.scss" as *;
4
4
 
5
- @mixin kendo-column-menu--layout-base() {
6
- .k-column-menu {}
5
+ @mixin kendo-column-menu--layout() {
6
+
7
+ @include kendo-column-menu--layout-base();
7
8
 
8
9
  // Sizes
9
10
  @each $size, $value in $kendo-column-menu-sizes {
@@ -13,10 +14,6 @@
13
14
  $_line-height: map.get($value, line-height);
14
15
 
15
16
  .k-column-menu-#{$size} {
16
- font-size: $_font-size;
17
- line-height: $_line-height;
18
-
19
- .k-columnmenu-item,
20
17
  .k-column-list-item {
21
18
  padding-block: $_padding-y;
22
19
  padding-inline: $_padding-x;
@@ -24,53 +21,5 @@
24
21
  line-height: $_line-height;
25
22
  }
26
23
  }
27
-
28
- .k-group-menu-#{$size} {
29
- font-size: $_font-size;
30
- line-height: $_line-height;
31
-
32
- .k-group-menu-item {
33
- padding-block: $_padding-y;
34
- padding-inline: $_padding-x;
35
- font-size: $_font-size;
36
- line-height: $_line-height;
37
- }
38
- }
39
- }
40
-
41
- .k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap {
42
- border-top: 1px solid;
43
- }
44
-
45
- .k-group-menu-item {
46
- display: flex;
47
- user-select: none;
48
- gap: k-spacing(1);
49
- }
50
-
51
- .k-group-menu-item-actions {
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- margin-block: calc( k-spacing(1) * -1);
56
- pointer-events: none;
57
- }
58
-
59
- .k-group-menu-item-action {
60
- display: flex;
61
- align-items: center;
62
- justify-content: center;
63
- padding: k-spacing(1);
64
- border-radius: k-border-radius(md);
65
- pointer-events: auto;
66
- cursor: pointer;
67
24
  }
68
-
69
- .k-group-menu-item-drag-action {
70
- cursor: move;
71
- }
72
- }
73
-
74
- @mixin kendo-column-menu--layout() {
75
- @include kendo-column-menu--layout-base();
76
25
  }
package/scss/column-menu/_theme.scss CHANGED
@@ -1,27 +1,4 @@
1
- @use "../core/_index.scss" as *;
2
- @use "./_variables.scss" as *;
3
-
4
- @mixin kendo-column-menu--theme-base() {
5
- .k-column-menu {}
6
-
7
- .k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-hover,
8
- .k-group-menu-item-action:not(.k-group-menu-item-drag-action):hover {
9
- background-color: $kendo-group-menu-item-action-hover-bg;
10
- }
11
-
12
- .k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-selected,
13
- .k-group-menu-item-action:not(.k-group-menu-item-drag-action):active {
14
- background-color: $kendo-group-menu-item-action-selected-bg;
15
- }
16
-
17
- .k-group-menu-item-action.k-group-menu-item-add-action {
18
- color: $kendo-group-menu-item-add-action-text;
19
- }
20
-
21
- .k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap {
22
- border-top-color: $kendo-group-menu-item-border;
23
- }
24
- }
1
+ @use "@progress/kendo-theme-core/scss/components/column-menu/_theme.scss" as *;
25
2
 
26
3
  @mixin kendo-column-menu--theme() {
27
4
  @include kendo-column-menu--theme-base();
package/scss/column-menu/_variables.scss CHANGED
@@ -1,23 +1,23 @@
1
1
  @use "../core/_index.scss" as *;
2
2
 
3
- $kendo-column-menu-item-sm-padding-x: k-spacing(2) !default;
4
- $kendo-column-menu-item-sm-padding-y: k-spacing(1.5) !default;
3
+ $kendo-column-menu-item-sm-padding-x: var( --kendo-column-menu-item-sm-padding-x, k-spacing(2) ) !default;
4
+ $kendo-column-menu-item-sm-padding-y: var( --kendo-column-menu-item-sm-padding-y, k-spacing(1.5) ) !default;
5
5
 
6
- $kendo-column-menu-item-md-padding-x: k-spacing(2) !default;
7
- $kendo-column-menu-item-md-padding-y: k-spacing(2) !default;
6
+ $kendo-column-menu-item-md-padding-x: var( --kendo-column-menu-item-md-padding-x, k-spacing(2) ) !default;
7
+ $kendo-column-menu-item-md-padding-y: var( --kendo-column-menu-item-md-padding-y, k-spacing(2) ) !default;
8
8
 
9
- $kendo-column-menu-item-lg-padding-x: k-spacing(2) !default;
10
- $kendo-column-menu-item-lg-padding-y: k-spacing(2.5) !default;
9
+ $kendo-column-menu-item-lg-padding-x: var( --kendo-column-menu-item-lg-padding-x, k-spacing(2) ) !default;
10
+ $kendo-column-menu-item-lg-padding-y: var( --kendo-column-menu-item-lg-padding-y, k-spacing(2.5) ) !default;
11
11
 
12
- $kendo-column-menu-sm-font-size: var( --kendo-font-size, inherit ) !default;
13
- $kendo-column-menu-md-font-size: var( --kendo-font-size, inherit ) !default;
14
- $kendo-column-menu-lg-font-size: var( --kendo-font-size, inherit ) !default;
12
+ $kendo-column-menu-sm-font-size: var( --kendo-column-menu-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
13
+ $kendo-column-menu-md-font-size: var( --kendo-column-menu-md-font-size, var( --kendo-font-size, inherit ) ) !default;
14
+ $kendo-column-menu-lg-font-size: var( --kendo-column-menu-lg-font-size, var( --kendo-font-size, inherit ) ) !default;
15
15
 
16
- $kendo-column-menu-sm-line-height: var( --kendo-line-height, normal ) !default;
17
- $kendo-column-menu-md-line-height: var( --kendo-line-height, normal ) !default;
18
- $kendo-column-menu-lg-line-height: var( --kendo-line-height, normal ) !default;
16
+ $kendo-column-menu-sm-line-height: var( --kendo-column-menu-sm-line-height, var( --kendo-line-height, normal ) ) !default;
17
+ $kendo-column-menu-md-line-height: var( --kendo-column-menu-md-line-height, var( --kendo-line-height, normal ) ) !default;
18
+ $kendo-column-menu-lg-line-height: var( --kendo-column-menu-lg-line-height, var( --kendo-line-height, normal ) ) !default;
19
19
 
20
- $kendo-column-menu-font-family: var( --kendo-font-family, inherit ) !default;
20
+ $kendo-column-menu-font-family: var( --kendo-column-menu-font-family, var( --kendo-font-family, inherit ) ) !default;
21
21
 
22
22
  $kendo-column-menu-sizes: (
23
23
  sm: (
@@ -41,7 +41,28 @@ $kendo-column-menu-sizes: (
41
41
  ) !default;
42
42
 
43
43
  // Group Menu
44
- $kendo-group-menu-item-action-hover-bg: color-mix(in srgb, currentColor 5%, transparent) !default;
45
- $kendo-group-menu-item-action-selected-bg: color-mix(in srgb, currentColor 8%, transparent) !default;
46
- $kendo-group-menu-item-add-action-text: k-color(primary) !default;
47
- $kendo-group-menu-item-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
44
+ $kendo-group-menu-item-action-hover-bg: var( --kendo-group-menu-item-action-hover-bg, color-mix(in srgb, currentColor 5%, transparent) ) !default;
45
+ $kendo-group-menu-item-action-selected-bg: var( --kendo-group-menu-item-action-selected-bg, color-mix(in srgb, currentColor 8%, transparent) ) !default;
46
+ $kendo-group-menu-item-add-action-text: var( --kendo-group-menu-item-add-action-text, k-color(primary) ) !default;
47
+ $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in srgb, k-color(border) 16%, transparent) ) !default;
48
+
49
+ @forward "@progress/kendo-theme-core/scss/components/column-menu/_variables.scss" with (
50
+ $kendo-column-menu-item-sm-padding-x: $kendo-column-menu-item-sm-padding-x,
51
+ $kendo-column-menu-item-sm-padding-y: $kendo-column-menu-item-sm-padding-y,
52
+ $kendo-column-menu-item-md-padding-x: $kendo-column-menu-item-md-padding-x,
53
+ $kendo-column-menu-item-md-padding-y: $kendo-column-menu-item-md-padding-y,
54
+ $kendo-column-menu-item-lg-padding-x: $kendo-column-menu-item-lg-padding-x,
55
+ $kendo-column-menu-item-lg-padding-y: $kendo-column-menu-item-lg-padding-y,
56
+ $kendo-column-menu-sm-font-size: $kendo-column-menu-sm-font-size,
57
+ $kendo-column-menu-md-font-size: $kendo-column-menu-md-font-size,
58
+ $kendo-column-menu-lg-font-size: $kendo-column-menu-lg-font-size,
59
+ $kendo-column-menu-sm-line-height: $kendo-column-menu-sm-line-height,
60
+ $kendo-column-menu-md-line-height: $kendo-column-menu-md-line-height,
61
+ $kendo-column-menu-lg-line-height: $kendo-column-menu-lg-line-height,
62
+ $kendo-column-menu-font-family: $kendo-column-menu-font-family,
63
+ $kendo-column-menu-sizes: $kendo-column-menu-sizes,
64
+ $kendo-group-menu-item-action-hover-bg: $kendo-group-menu-item-action-hover-bg,
65
+ $kendo-group-menu-item-action-selected-bg: $kendo-group-menu-item-action-selected-bg,
66
+ $kendo-group-menu-item-add-action-text: $kendo-group-menu-item-add-action-text,
67
+ $kendo-group-menu-item-border: $kendo-group-menu-item-border
68
+ );
package/scss/combobox/_layout.scss CHANGED
@@ -1,4 +1,6 @@
1
- @mixin kendo-combobox--layout() {
1
+ @use "@progress/kendo-theme-core/scss/components/combobox/_layout.scss" as *;
2
+
2
3
 
3
- .k-combobox {}
4
+ @mixin kendo-combobox--layout() {
5
+ @include kendo-combobox--layout-base();
4
6
  }
package/scss/combobox/_theme.scss CHANGED
@@ -1,4 +1,6 @@
1
- @mixin kendo-combobox--theme() {
1
+ @use "@progress/kendo-theme-core/scss/components/combobox/_theme.scss" as *;
2
+
2
3
 
3
- .k-combobox {}
4
+ @mixin kendo-combobox--theme() {
5
+ @include kendo-combobox--theme-base();
4
6
  }
package/scss/core/functions/index.import.scss ADDED
@@ -0,0 +1 @@
1
+ @forward "@progress/kendo-theme-core/scss/functions/index.import.scss";