@progress/kendo-theme-meridian 14.0.0-dev.1

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 (527) hide show
  1. package/LICENSE.md +17 -0
  2. package/README.md +120 -0
  3. package/dist/all.css +1 -0
  4. package/dist/all.scss +1 -0
  5. package/dist/meridian-main-dark.css +1 -0
  6. package/dist/meridian-main-dark.scss +137 -0
  7. package/dist/meridian-main.css +1 -0
  8. package/dist/meridian-main.scss +4 -0
  9. package/dist/meta/_variables.scss +11 -0
  10. package/dist/meta/sassdoc-data.json +206364 -0
  11. package/dist/meta/sassdoc-raw-data.json +94235 -0
  12. package/dist/meta/variables.json +16743 -0
  13. package/lib/swatches/index.js +2 -0
  14. package/lib/swatches/meridian-main-dark.json +657 -0
  15. package/lib/swatches/meridian-main.json +16 -0
  16. package/package.json +64 -0
  17. package/scss/_layout.scss +0 -0
  18. package/scss/_variables.scss +6 -0
  19. package/scss/action-buttons/_index.scss +19 -0
  20. package/scss/action-buttons/_layout.scss +6 -0
  21. package/scss/action-buttons/_theme.scss +6 -0
  22. package/scss/action-buttons/_variables.scss +44 -0
  23. package/scss/action-sheet/_index.scss +24 -0
  24. package/scss/action-sheet/_layout.scss +17 -0
  25. package/scss/action-sheet/_theme.scss +6 -0
  26. package/scss/action-sheet/_variables.scss +327 -0
  27. package/scss/adaptive/_index.scss +26 -0
  28. package/scss/adaptive/_layout.scss +6 -0
  29. package/scss/adaptive/_theme.scss +6 -0
  30. package/scss/adaptive/_variables.scss +90 -0
  31. package/scss/all.scss +4 -0
  32. package/scss/appbar/_index.scss +16 -0
  33. package/scss/appbar/_layout.scss +6 -0
  34. package/scss/appbar/_theme.scss +22 -0
  35. package/scss/appbar/_variables.scss +69 -0
  36. package/scss/autocomplete/_index.scss +26 -0
  37. package/scss/autocomplete/_layout.scss +6 -0
  38. package/scss/autocomplete/_theme.scss +6 -0
  39. package/scss/autocomplete/_variables.scss +1 -0
  40. package/scss/avatar/_index.scss +16 -0
  41. package/scss/avatar/_layout.scss +6 -0
  42. package/scss/avatar/_theme.scss +6 -0
  43. package/scss/avatar/_variables.scss +62 -0
  44. package/scss/badge/_index.scss +18 -0
  45. package/scss/badge/_layout.scss +6 -0
  46. package/scss/badge/_theme.scss +6 -0
  47. package/scss/badge/_variables.scss +110 -0
  48. package/scss/bottom-navigation/_index.scss +20 -0
  49. package/scss/bottom-navigation/_layout.scss +11 -0
  50. package/scss/bottom-navigation/_theme.scss +70 -0
  51. package/scss/bottom-navigation/_variables.scss +109 -0
  52. package/scss/breadcrumb/_index.scss +23 -0
  53. package/scss/breadcrumb/_layout.scss +12 -0
  54. package/scss/breadcrumb/_theme.scss +15 -0
  55. package/scss/breadcrumb/_variables.scss +263 -0
  56. package/scss/bubble/_index.scss +16 -0
  57. package/scss/bubble/_layout.scss +11 -0
  58. package/scss/bubble/_theme.scss +21 -0
  59. package/scss/bubble/_variables.scss +103 -0
  60. package/scss/button/_index.scss +20 -0
  61. package/scss/button/_layout.scss +14 -0
  62. package/scss/button/_theme.scss +188 -0
  63. package/scss/button/_variables.scss +364 -0
  64. package/scss/calendar/_index.scss +26 -0
  65. package/scss/calendar/_layout.scss +36 -0
  66. package/scss/calendar/_theme.scss +83 -0
  67. package/scss/calendar/_variables.scss +444 -0
  68. package/scss/captcha/_index.scss +29 -0
  69. package/scss/captcha/_layout.scss +12 -0
  70. package/scss/captcha/_theme.scss +6 -0
  71. package/scss/captcha/_variables.scss +66 -0
  72. package/scss/card/_index.scss +26 -0
  73. package/scss/card/_layout.scss +73 -0
  74. package/scss/card/_theme.scss +11 -0
  75. package/scss/card/_variables.scss +240 -0
  76. package/scss/chart-wizard/_index.scss +37 -0
  77. package/scss/chart-wizard/_layout.scss +12 -0
  78. package/scss/chart-wizard/_theme.scss +23 -0
  79. package/scss/chart-wizard/_variables.scss +81 -0
  80. package/scss/chat/_index.scss +44 -0
  81. package/scss/chat/_layout.scss +46 -0
  82. package/scss/chat/_theme.scss +32 -0
  83. package/scss/chat/_variables.scss +315 -0
  84. package/scss/checkbox/_index.scss +16 -0
  85. package/scss/checkbox/_layout.scss +11 -0
  86. package/scss/checkbox/_theme.scss +30 -0
  87. package/scss/checkbox/_variables.scss +256 -0
  88. package/scss/chip/_index.scss +20 -0
  89. package/scss/chip/_layout.scss +11 -0
  90. package/scss/chip/_theme.scss +110 -0
  91. package/scss/chip/_variables.scss +215 -0
  92. package/scss/color-preview/_index.scss +16 -0
  93. package/scss/color-preview/_layout.scss +6 -0
  94. package/scss/color-preview/_theme.scss +6 -0
  95. package/scss/color-preview/_variables.scss +49 -0
  96. package/scss/coloreditor/_index.scss +24 -0
  97. package/scss/coloreditor/_layout.scss +6 -0
  98. package/scss/coloreditor/_theme.scss +6 -0
  99. package/scss/coloreditor/_variables.scss +198 -0
  100. package/scss/colorgradient/_index.scss +30 -0
  101. package/scss/colorgradient/_layout.scss +36 -0
  102. package/scss/colorgradient/_theme.scss +37 -0
  103. package/scss/colorgradient/_variables.scss +318 -0
  104. package/scss/colorpalette/_index.scss +16 -0
  105. package/scss/colorpalette/_layout.scss +11 -0
  106. package/scss/colorpalette/_theme.scss +6 -0
  107. package/scss/colorpalette/_variables.scss +71 -0
  108. package/scss/colorpicker/_index.scss +26 -0
  109. package/scss/colorpicker/_layout.scss +5 -0
  110. package/scss/colorpicker/_theme.scss +6 -0
  111. package/scss/colorpicker/_variables.scss +1 -0
  112. package/scss/column-menu/_index.scss +16 -0
  113. package/scss/column-menu/_layout.scss +5 -0
  114. package/scss/column-menu/_theme.scss +5 -0
  115. package/scss/column-menu/_variables.scss +105 -0
  116. package/scss/combobox/_index.scss +26 -0
  117. package/scss/combobox/_layout.scss +45 -0
  118. package/scss/combobox/_theme.scss +16 -0
  119. package/scss/combobox/_variables.scss +1 -0
  120. package/scss/core/_index.scss +76 -0
  121. package/scss/core/border-radii/index.scss +52 -0
  122. package/scss/core/color-system/_swatch.scss +377 -0
  123. package/scss/core/elevation/index.scss +34 -0
  124. package/scss/core/functions/index.scss +1 -0
  125. package/scss/core/mixins/index.scss +1 -0
  126. package/scss/core/motion/index.scss +175 -0
  127. package/scss/core/spacing/index.scss +48 -0
  128. package/scss/core/styles/index.scss +1 -0
  129. package/scss/core/typography/index.scss +185 -0
  130. package/scss/core/z-index/index.scss +1 -0
  131. package/scss/dataviz/_index.scss +20 -0
  132. package/scss/dataviz/_layout.scss +6 -0
  133. package/scss/dataviz/_theme.scss +6 -0
  134. package/scss/dataviz/_variables.scss +496 -0
  135. package/scss/dateinput/_index.scss +18 -0
  136. package/scss/dateinput/_layout.scss +6 -0
  137. package/scss/dateinput/_theme.scss +6 -0
  138. package/scss/dateinput/_variables.scss +1 -0
  139. package/scss/datepicker/_index.scss +22 -0
  140. package/scss/datepicker/_layout.scss +6 -0
  141. package/scss/datepicker/_theme.scss +11 -0
  142. package/scss/datepicker/_variables.scss +1 -0
  143. package/scss/daterangepicker/_index.scss +24 -0
  144. package/scss/daterangepicker/_layout.scss +6 -0
  145. package/scss/daterangepicker/_theme.scss +11 -0
  146. package/scss/daterangepicker/_variables.scss +8 -0
  147. package/scss/datetimepicker/_index.scss +30 -0
  148. package/scss/datetimepicker/_layout.scss +14 -0
  149. package/scss/datetimepicker/_theme.scss +15 -0
  150. package/scss/datetimepicker/_variables.scss +30 -0
  151. package/scss/dialog/_index.scss +18 -0
  152. package/scss/dialog/_layout.scss +6 -0
  153. package/scss/dialog/_theme.scss +6 -0
  154. package/scss/dialog/_variables.scss +43 -0
  155. package/scss/dock-manager/_index.scss +22 -0
  156. package/scss/dock-manager/_layout.scss +10 -0
  157. package/scss/dock-manager/_theme.scss +6 -0
  158. package/scss/dock-manager/_variables.scss +157 -0
  159. package/scss/draggable/_index.scss +16 -0
  160. package/scss/draggable/_layout.scss +6 -0
  161. package/scss/draggable/_theme.scss +6 -0
  162. package/scss/draggable/_variables.scss +93 -0
  163. package/scss/drawer/_index.scss +22 -0
  164. package/scss/drawer/_layout.scss +21 -0
  165. package/scss/drawer/_theme.scss +19 -0
  166. package/scss/drawer/_variables.scss +175 -0
  167. package/scss/dropdowngrid/_index.scss +26 -0
  168. package/scss/dropdowngrid/_layout.scss +6 -0
  169. package/scss/dropdowngrid/_theme.scss +6 -0
  170. package/scss/dropdowngrid/_variables.scss +1 -0
  171. package/scss/dropdownlist/_index.scss +24 -0
  172. package/scss/dropdownlist/_layout.scss +6 -0
  173. package/scss/dropdownlist/_theme.scss +6 -0
  174. package/scss/dropdownlist/_variables.scss +1 -0
  175. package/scss/dropdowntree/_index.scss +30 -0
  176. package/scss/dropdowntree/_layout.scss +6 -0
  177. package/scss/dropdowntree/_theme.scss +6 -0
  178. package/scss/dropdowntree/_variables.scss +24 -0
  179. package/scss/dropzone/_index.scss +16 -0
  180. package/scss/dropzone/_layout.scss +6 -0
  181. package/scss/dropzone/_theme.scss +6 -0
  182. package/scss/dropzone/_variables.scss +93 -0
  183. package/scss/editor/_index.scss +32 -0
  184. package/scss/editor/_layout.scss +16 -0
  185. package/scss/editor/_theme.scss +15 -0
  186. package/scss/editor/_variables.scss +119 -0
  187. package/scss/expansion-panel/_index.scss +22 -0
  188. package/scss/expansion-panel/_layout.scss +27 -0
  189. package/scss/expansion-panel/_theme.scss +24 -0
  190. package/scss/expansion-panel/_variables.scss +127 -0
  191. package/scss/fab/_index.scss +26 -0
  192. package/scss/fab/_layout.scss +22 -0
  193. package/scss/fab/_theme.scss +71 -0
  194. package/scss/fab/_variables.scss +217 -0
  195. package/scss/file-box/_index.scss +16 -0
  196. package/scss/file-box/_layout.scss +10 -0
  197. package/scss/file-box/_theme.scss +6 -0
  198. package/scss/file-box/_variables.scss +82 -0
  199. package/scss/filemanager/_index.scss +38 -0
  200. package/scss/filemanager/_layout.scss +15 -0
  201. package/scss/filemanager/_theme.scss +15 -0
  202. package/scss/filemanager/_variables.scss +240 -0
  203. package/scss/filter/_index.scss +30 -0
  204. package/scss/filter/_layout.scss +11 -0
  205. package/scss/filter/_theme.scss +5 -0
  206. package/scss/filter/_variables.scss +48 -0
  207. package/scss/floating-label/_index.scss +16 -0
  208. package/scss/floating-label/_layout.scss +6 -0
  209. package/scss/floating-label/_theme.scss +6 -0
  210. package/scss/floating-label/_variables.scss +72 -0
  211. package/scss/forms/_index.scss +24 -0
  212. package/scss/forms/_layout.scss +6 -0
  213. package/scss/forms/_theme.scss +10 -0
  214. package/scss/forms/_variables.scss +215 -0
  215. package/scss/gantt/_index.scss +37 -0
  216. package/scss/gantt/_layout.scss +16 -0
  217. package/scss/gantt/_theme.scss +15 -0
  218. package/scss/gantt/_variables.scss +325 -0
  219. package/scss/grid/_index.scss +68 -0
  220. package/scss/grid/_layout.scss +52 -0
  221. package/scss/grid/_theme.scss +63 -0
  222. package/scss/grid/_variables.scss +669 -0
  223. package/scss/gridlayout/_index.scss +19 -0
  224. package/scss/gridlayout/_layout.scss +5 -0
  225. package/scss/gridlayout/_theme.scss +5 -0
  226. package/scss/gridlayout/_variables.scss +1 -0
  227. package/scss/icons/_index.scss +20 -0
  228. package/scss/icons/_layout.scss +6 -0
  229. package/scss/icons/_theme.scss +6 -0
  230. package/scss/icons/_variables.scss +55 -0
  231. package/scss/imageeditor/_index.scss +26 -0
  232. package/scss/imageeditor/_layout.scss +15 -0
  233. package/scss/imageeditor/_theme.scss +6 -0
  234. package/scss/imageeditor/_variables.scss +144 -0
  235. package/scss/index.scss +486 -0
  236. package/scss/input/_index.scss +18 -0
  237. package/scss/input/_layout.scss +93 -0
  238. package/scss/input/_theme.scss +81 -0
  239. package/scss/input/_variables.scss +585 -0
  240. package/scss/list/_index.scss +16 -0
  241. package/scss/list/_layout.scss +12 -0
  242. package/scss/list/_theme.scss +16 -0
  243. package/scss/list/_variables.scss +475 -0
  244. package/scss/listbox/_index.scss +24 -0
  245. package/scss/listbox/_layout.scss +13 -0
  246. package/scss/listbox/_theme.scss +10 -0
  247. package/scss/listbox/_variables.scss +70 -0
  248. package/scss/listgroup/_index.scss +18 -0
  249. package/scss/listgroup/_layout.scss +6 -0
  250. package/scss/listgroup/_theme.scss +6 -0
  251. package/scss/listgroup/_variables.scss +49 -0
  252. package/scss/listview/_index.scss +25 -0
  253. package/scss/listview/_layout.scss +6 -0
  254. package/scss/listview/_theme.scss +20 -0
  255. package/scss/listview/_variables.scss +98 -0
  256. package/scss/loader/_index.scss +20 -0
  257. package/scss/loader/_layout.scss +7 -0
  258. package/scss/loader/_theme.scss +6 -0
  259. package/scss/loader/_variables.scss +179 -0
  260. package/scss/map/_index.scss +22 -0
  261. package/scss/map/_layout.scss +6 -0
  262. package/scss/map/_theme.scss +13 -0
  263. package/scss/map/_variables.scss +83 -0
  264. package/scss/marquee/_index.scss +16 -0
  265. package/scss/marquee/_layout.scss +6 -0
  266. package/scss/marquee/_theme.scss +6 -0
  267. package/scss/marquee/_variables.scss +17 -0
  268. package/scss/maskedtextbox/_index.scss +22 -0
  269. package/scss/maskedtextbox/_layout.scss +6 -0
  270. package/scss/maskedtextbox/_theme.scss +6 -0
  271. package/scss/maskedtextbox/_variables.scss +1 -0
  272. package/scss/mediaplayer/_index.scss +22 -0
  273. package/scss/mediaplayer/_layout.scss +24 -0
  274. package/scss/mediaplayer/_theme.scss +6 -0
  275. package/scss/mediaplayer/_variables.scss +70 -0
  276. package/scss/menu/_index.scss +24 -0
  277. package/scss/menu/_layout.scss +29 -0
  278. package/scss/menu/_theme.scss +20 -0
  279. package/scss/menu/_variables.scss +404 -0
  280. package/scss/menu-button/_index.scss +20 -0
  281. package/scss/menu-button/_layout.scss +6 -0
  282. package/scss/menu-button/_theme.scss +6 -0
  283. package/scss/menu-button/_variables.scss +11 -0
  284. package/scss/messagebox/_index.scss +18 -0
  285. package/scss/messagebox/_layout.scss +6 -0
  286. package/scss/messagebox/_theme.scss +6 -0
  287. package/scss/messagebox/_variables.scss +64 -0
  288. package/scss/multiselect/_index.scss +30 -0
  289. package/scss/multiselect/_layout.scss +29 -0
  290. package/scss/multiselect/_theme.scss +6 -0
  291. package/scss/multiselect/_variables.scss +1 -0
  292. package/scss/no-data/_index.scss +16 -0
  293. package/scss/no-data/_layout.scss +5 -0
  294. package/scss/no-data/_theme.scss +5 -0
  295. package/scss/no-data/_variables.scss +14 -0
  296. package/scss/notification/_functions.scss +17 -0
  297. package/scss/notification/_index.scss +20 -0
  298. package/scss/notification/_layout.scss +4 -0
  299. package/scss/notification/_theme.scss +6 -0
  300. package/scss/notification/_variables.scss +88 -0
  301. package/scss/numerictextbox/_index.scss +22 -0
  302. package/scss/numerictextbox/_layout.scss +6 -0
  303. package/scss/numerictextbox/_theme.scss +6 -0
  304. package/scss/numerictextbox/_variables.scss +1 -0
  305. package/scss/orgchart/_index.scss +37 -0
  306. package/scss/orgchart/_layout.scss +6 -0
  307. package/scss/orgchart/_theme.scss +6 -0
  308. package/scss/orgchart/_variables.scss +185 -0
  309. package/scss/otp/_index.scss +18 -0
  310. package/scss/otp/_layout.scss +5 -0
  311. package/scss/otp/_theme.scss +5 -0
  312. package/scss/otp/_variables.scss +46 -0
  313. package/scss/overlay/_index.scss +16 -0
  314. package/scss/overlay/_layout.scss +6 -0
  315. package/scss/overlay/_theme.scss +6 -0
  316. package/scss/overlay/_variables.scss +14 -0
  317. package/scss/pager/_index.scss +22 -0
  318. package/scss/pager/_layout.scss +16 -0
  319. package/scss/pager/_theme.scss +11 -0
  320. package/scss/pager/_variables.scss +126 -0
  321. package/scss/panel/_index.scss +17 -0
  322. package/scss/panel/_layout.scss +5 -0
  323. package/scss/panel/_theme.scss +5 -0
  324. package/scss/panel/_variables.scss +48 -0
  325. package/scss/panelbar/_index.scss +20 -0
  326. package/scss/panelbar/_layout.scss +31 -0
  327. package/scss/panelbar/_theme.scss +38 -0
  328. package/scss/panelbar/_variables.scss +388 -0
  329. package/scss/pdf-viewer/_index.scss +33 -0
  330. package/scss/pdf-viewer/_layout.scss +12 -0
  331. package/scss/pdf-viewer/_theme.scss +6 -0
  332. package/scss/pdf-viewer/_variables.scss +186 -0
  333. package/scss/pivotgrid/_index.scss +30 -0
  334. package/scss/pivotgrid/_layout.scss +11 -0
  335. package/scss/pivotgrid/_theme.scss +6 -0
  336. package/scss/pivotgrid/_variables.scss +344 -0
  337. package/scss/popover/_index.scss +20 -0
  338. package/scss/popover/_layout.scss +39 -0
  339. package/scss/popover/_theme.scss +11 -0
  340. package/scss/popover/_variables.scss +120 -0
  341. package/scss/popup/_index.scss +16 -0
  342. package/scss/popup/_layout.scss +6 -0
  343. package/scss/popup/_theme.scss +11 -0
  344. package/scss/popup/_variables.scss +53 -0
  345. package/scss/progressbar/_index.scss +16 -0
  346. package/scss/progressbar/_layout.scss +6 -0
  347. package/scss/progressbar/_theme.scss +6 -0
  348. package/scss/progressbar/_variables.scss +99 -0
  349. package/scss/prompt/_index.scss +20 -0
  350. package/scss/prompt/_layout.scss +10 -0
  351. package/scss/prompt/_theme.scss +6 -0
  352. package/scss/prompt/_variables.scss +105 -0
  353. package/scss/prompt-box/_index.scss +24 -0
  354. package/scss/prompt-box/_layout.scss +6 -0
  355. package/scss/prompt-box/_theme.scss +12 -0
  356. package/scss/prompt-box/_variables.scss +34 -0
  357. package/scss/radio/_index.scss +16 -0
  358. package/scss/radio/_layout.scss +11 -0
  359. package/scss/radio/_theme.scss +30 -0
  360. package/scss/radio/_variables.scss +239 -0
  361. package/scss/rating/_index.scss +18 -0
  362. package/scss/rating/_layout.scss +6 -0
  363. package/scss/rating/_theme.scss +20 -0
  364. package/scss/rating/_variables.scss +84 -0
  365. package/scss/responsivepanel/_index.scss +18 -0
  366. package/scss/responsivepanel/_layout.scss +6 -0
  367. package/scss/responsivepanel/_theme.scss +6 -0
  368. package/scss/responsivepanel/_variables.scss +1 -0
  369. package/scss/ripple/_index.scss +16 -0
  370. package/scss/ripple/_layout.scss +6 -0
  371. package/scss/ripple/_theme.scss +6 -0
  372. package/scss/ripple/_variables.scss +1 -0
  373. package/scss/scheduler/_index.scss +34 -0
  374. package/scss/scheduler/_layout.scss +22 -0
  375. package/scss/scheduler/_theme.scss +21 -0
  376. package/scss/scheduler/_variables.scss +351 -0
  377. package/scss/scroller/_index.scss +18 -0
  378. package/scss/scroller/_layout.scss +6 -0
  379. package/scss/scroller/_theme.scss +6 -0
  380. package/scss/scroller/_variables.scss +1 -0
  381. package/scss/scrollview/_index.scss +20 -0
  382. package/scss/scrollview/_layout.scss +11 -0
  383. package/scss/scrollview/_theme.scss +6 -0
  384. package/scss/scrollview/_variables.scss +126 -0
  385. package/scss/searchbox/_index.scss +22 -0
  386. package/scss/searchbox/_layout.scss +6 -0
  387. package/scss/searchbox/_theme.scss +6 -0
  388. package/scss/searchbox/_variables.scss +1 -0
  389. package/scss/segmented-control/_index.scss +16 -0
  390. package/scss/segmented-control/_layout.scss +6 -0
  391. package/scss/segmented-control/_theme.scss +22 -0
  392. package/scss/segmented-control/_variables.scss +143 -0
  393. package/scss/signature/_index.scss +20 -0
  394. package/scss/signature/_layout.scss +6 -0
  395. package/scss/signature/_theme.scss +6 -0
  396. package/scss/signature/_variables.scss +93 -0
  397. package/scss/skeleton/_index.scss +16 -0
  398. package/scss/skeleton/_layout.scss +6 -0
  399. package/scss/skeleton/_theme.scss +6 -0
  400. package/scss/skeleton/_variables.scss +34 -0
  401. package/scss/slider/_index.scss +22 -0
  402. package/scss/slider/_layout.scss +21 -0
  403. package/scss/slider/_theme.scss +33 -0
  404. package/scss/slider/_variables.scss +163 -0
  405. package/scss/smart-box/_index.scss +25 -0
  406. package/scss/smart-box/_layout.scss +6 -0
  407. package/scss/smart-box/_theme.scss +6 -0
  408. package/scss/smart-box/_variables.scss +70 -0
  409. package/scss/speech-to-text-button/_index.scss +18 -0
  410. package/scss/speech-to-text-button/_layout.scss +5 -0
  411. package/scss/speech-to-text-button/_theme.scss +5 -0
  412. package/scss/speech-to-text-button/_variables.scss +1 -0
  413. package/scss/split-button/_index.scss +24 -0
  414. package/scss/split-button/_layout.scss +27 -0
  415. package/scss/split-button/_theme.scss +6 -0
  416. package/scss/split-button/_variables.scss +46 -0
  417. package/scss/splitter/_index.scss +22 -0
  418. package/scss/splitter/_layout.scss +6 -0
  419. package/scss/splitter/_theme.scss +6 -0
  420. package/scss/splitter/_variables.scss +89 -0
  421. package/scss/spreadsheet/_index.scss +48 -0
  422. package/scss/spreadsheet/_layout.scss +15 -0
  423. package/scss/spreadsheet/_theme.scss +26 -0
  424. package/scss/spreadsheet/_variables.scss +371 -0
  425. package/scss/spreadsheet/images/image-default.png +0 -0
  426. package/scss/stacklayout/_index.scss +19 -0
  427. package/scss/stacklayout/_layout.scss +6 -0
  428. package/scss/stacklayout/_theme.scss +6 -0
  429. package/scss/stacklayout/_variables.scss +1 -0
  430. package/scss/stepper/_index.scss +20 -0
  431. package/scss/stepper/_layout.scss +6 -0
  432. package/scss/stepper/_theme.scss +6 -0
  433. package/scss/stepper/_variables.scss +307 -0
  434. package/scss/suggestion/_index.scss +16 -0
  435. package/scss/suggestion/_layout.scss +11 -0
  436. package/scss/suggestion/_theme.scss +52 -0
  437. package/scss/suggestion/_variables.scss +78 -0
  438. package/scss/switch/_index.scss +16 -0
  439. package/scss/switch/_layout.scss +6 -0
  440. package/scss/switch/_theme.scss +45 -0
  441. package/scss/switch/_variables.scss +398 -0
  442. package/scss/table/_index.scss +16 -0
  443. package/scss/table/_layout.scss +6 -0
  444. package/scss/table/_theme.scss +6 -0
  445. package/scss/table/_variables.scss +229 -0
  446. package/scss/tabstrip/_index.scss +25 -0
  447. package/scss/tabstrip/_layout.scss +43 -0
  448. package/scss/tabstrip/_theme.scss +27 -0
  449. package/scss/tabstrip/_variables.scss +273 -0
  450. package/scss/taskboard/_index.scss +32 -0
  451. package/scss/taskboard/_layout.scss +6 -0
  452. package/scss/taskboard/_theme.scss +20 -0
  453. package/scss/taskboard/_variables.scss +336 -0
  454. package/scss/textarea/_index.scss +27 -0
  455. package/scss/textarea/_layout.scss +6 -0
  456. package/scss/textarea/_theme.scss +6 -0
  457. package/scss/textarea/_variables.scss +1 -0
  458. package/scss/textbox/_index.scss +20 -0
  459. package/scss/textbox/_layout.scss +6 -0
  460. package/scss/textbox/_theme.scss +6 -0
  461. package/scss/textbox/_variables.scss +1 -0
  462. package/scss/tilelayout/_index.scss +24 -0
  463. package/scss/tilelayout/_layout.scss +12 -0
  464. package/scss/tilelayout/_theme.scss +6 -0
  465. package/scss/tilelayout/_variables.scss +58 -0
  466. package/scss/time-marker/_index.scss +16 -0
  467. package/scss/time-marker/_layout.scss +5 -0
  468. package/scss/time-marker/_theme.scss +6 -0
  469. package/scss/time-marker/_variables.scss +13 -0
  470. package/scss/timedurationpicker/_index.scss +28 -0
  471. package/scss/timedurationpicker/_layout.scss +14 -0
  472. package/scss/timedurationpicker/_theme.scss +13 -0
  473. package/scss/timedurationpicker/_variables.scss +1 -0
  474. package/scss/timeline/_index.scss +22 -0
  475. package/scss/timeline/_layout.scss +6 -0
  476. package/scss/timeline/_theme.scss +11 -0
  477. package/scss/timeline/_variables.scss +223 -0
  478. package/scss/timepicker/_index.scss +26 -0
  479. package/scss/timepicker/_layout.scss +10 -0
  480. package/scss/timepicker/_theme.scss +6 -0
  481. package/scss/timepicker/_variables.scss +1 -0
  482. package/scss/timeselector/_index.scss +22 -0
  483. package/scss/timeselector/_layout.scss +23 -0
  484. package/scss/timeselector/_theme.scss +16 -0
  485. package/scss/timeselector/_variables.scss +197 -0
  486. package/scss/toolbar/_index.scss +27 -0
  487. package/scss/toolbar/_layout.scss +6 -0
  488. package/scss/toolbar/_theme.scss +11 -0
  489. package/scss/toolbar/_variables.scss +196 -0
  490. package/scss/tooltip/_functions.scss +17 -0
  491. package/scss/tooltip/_index.scss +22 -0
  492. package/scss/tooltip/_layout.scss +10 -0
  493. package/scss/tooltip/_theme.scss +11 -0
  494. package/scss/tooltip/_variables.scss +81 -0
  495. package/scss/treelist/_index.scss +20 -0
  496. package/scss/treelist/_layout.scss +10 -0
  497. package/scss/treelist/_theme.scss +11 -0
  498. package/scss/treelist/_variables.scss +15 -0
  499. package/scss/treeview/_index.scss +20 -0
  500. package/scss/treeview/_layout.scss +15 -0
  501. package/scss/treeview/_theme.scss +22 -0
  502. package/scss/treeview/_variables.scss +227 -0
  503. package/scss/typography/_index.scss +18 -0
  504. package/scss/typography/_layout.scss +6 -0
  505. package/scss/typography/_theme.scss +6 -0
  506. package/scss/typography/_variables.scss +419 -0
  507. package/scss/upload/_index.scss +28 -0
  508. package/scss/upload/_layout.scss +15 -0
  509. package/scss/upload/_theme.scss +6 -0
  510. package/scss/upload/_variables.scss +152 -0
  511. package/scss/utils/_index.scss +1 -0
  512. package/scss/validator/_index.scss +24 -0
  513. package/scss/validator/_layout.scss +6 -0
  514. package/scss/validator/_theme.scss +6 -0
  515. package/scss/validator/_variables.scss +0 -0
  516. package/scss/virtual-scroller/_index.scss +20 -0
  517. package/scss/virtual-scroller/_layout.scss +6 -0
  518. package/scss/virtual-scroller/_theme.scss +6 -0
  519. package/scss/virtual-scroller/_variables.scss +1 -0
  520. package/scss/window/_index.scss +26 -0
  521. package/scss/window/_layout.scss +25 -0
  522. package/scss/window/_theme.scss +20 -0
  523. package/scss/window/_variables.scss +134 -0
  524. package/scss/wizard/_index.scss +24 -0
  525. package/scss/wizard/_layout.scss +6 -0
  526. package/scss/wizard/_theme.scss +6 -0
  527. package/scss/wizard/_variables.scss +49 -0
package/scss/mediaplayer/_variables.scss ADDED
@@ -0,0 +1,70 @@
1
+ @use "../core/_index.scss" as *;
2
+
3
+
4
+ // Media player
5
+
6
+ /// The border width of the MediaPlayer.
7
+ /// @group mediaplayer
8
+ $kendo-media-player-border-width: 1px !default;
9
+ /// The border radius of the MediaPlayer.
10
+ /// @group mediaplayer
11
+ $kendo-media-player-border-radius: k-border-radius(xxl) !default;
12
+ /// The font family of the MediaPlayer.
13
+ /// @group mediaplayer
14
+ $kendo-media-player-font-family: var( --kendo-font-family, inherit ) !default;
15
+ /// The font size of the MediaPlayer.
16
+ /// @group mediaplayer
17
+ $kendo-media-player-font-size: var( --kendo-font-size, inherit ) !default;
18
+ /// The line height of the MediaPlayer.
19
+ /// @group mediaplayer
20
+ $kendo-media-player-line-height: var( --kendo-line-height, normal ) !default;
21
+
22
+ /// The background color of the MediaPlayer.
23
+ /// @group mediaplayer
24
+ $kendo-media-player-bg: k-color(surface-alt) !default;
25
+ /// The text color of the MediaPlayer.
26
+ /// @group mediaplayer
27
+ $kendo-media-player-text: k-color(on-app-surface) !default;
28
+ /// The border color of the MediaPlayer.
29
+ /// @group mediaplayer
30
+ $kendo-media-player-border: k-color(border) !default;
31
+
32
+ /// The horizontal padding of the MediaPlayer title.
33
+ /// @group mediaplayer
34
+ $kendo-media-player-titlebar-padding-x: k-spacing(2) !default;
35
+ /// The vertical padding of the MediaPlayer title.
36
+ /// @group mediaplayer
37
+ $kendo-media-player-titlebar-padding-y: k-spacing(2) !default;
38
+ /// The font size of the MediaPlayer title.
39
+ /// @group mediaplayer
40
+ $kendo-media-player-titlebar-font-size: var( --kendo-font-size-xl, inherit ) !default;
41
+ /// The font weight of the MediaPlayer title.
42
+ /// @group mediaplayer
43
+ $kendo-media-player-titlebar-font-weight: var( --kendo-font-weight-medium, normal ) !default;
44
+ /// The line height of the MediaPlayer title.
45
+ /// @group mediaplayer
46
+ $kendo-media-player-titlebar-line-height: calc( var( --kendo-line-height-xs, normal ) * 1.25 ) !default;
47
+ /// The text color of the MediaPlayer title.
48
+ /// @group mediaplayer
49
+ $kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
50
+ /// The gradient of the MediaPlayer title.
51
+ /// @group mediaplayer
52
+ $kendo-media-player-titlebar-gradient: color-mix(in srgb, k-color(subtle) 60%, transparent), color-mix(in srgb, k-color(subtle) 0%, transparent) !default;
53
+
54
+ @forward "@progress/kendo-theme-core/scss/components/mediaplayer/_variables.scss" with (
55
+ $kendo-media-player-border-width: $kendo-media-player-border-width,
56
+ $kendo-media-player-border-radius: $kendo-media-player-border-radius,
57
+ $kendo-media-player-font-family: $kendo-media-player-font-family,
58
+ $kendo-media-player-font-size: $kendo-media-player-font-size,
59
+ $kendo-media-player-line-height: $kendo-media-player-line-height,
60
+ $kendo-media-player-bg: $kendo-media-player-bg,
61
+ $kendo-media-player-text: $kendo-media-player-text,
62
+ $kendo-media-player-border: $kendo-media-player-border,
63
+ $kendo-media-player-titlebar-padding-x: $kendo-media-player-titlebar-padding-x,
64
+ $kendo-media-player-titlebar-padding-y: $kendo-media-player-titlebar-padding-y,
65
+ $kendo-media-player-titlebar-font-size: $kendo-media-player-titlebar-font-size,
66
+ $kendo-media-player-titlebar-font-weight: $kendo-media-player-titlebar-font-weight,
67
+ $kendo-media-player-titlebar-line-height: $kendo-media-player-titlebar-line-height,
68
+ $kendo-media-player-titlebar-text: $kendo-media-player-titlebar-text,
69
+ $kendo-media-player-titlebar-gradient: $kendo-media-player-titlebar-gradient
70
+ );
package/scss/menu/_index.scss ADDED
@@ -0,0 +1,24 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+ @use "../popup/_index.scss" as *;
5
+ @use "../list/_index.scss" as *;
6
+ @use "../button/_index.scss" as *;
7
+
8
+ // Component
9
+ @forward "./_variables.scss";
10
+ @use "./_layout.scss" as *;
11
+ @use "./_theme.scss" as *;
12
+
13
+ // Expose
14
+ @mixin kendo-menu--styles() {
15
+ @include import-once( "menu" ) {
16
+ @include core-styles();
17
+ @include kendo-popup--styles();
18
+ @include kendo-list--styles();
19
+ @include kendo-icon--styles();
20
+ @include kendo-button--styles();
21
+ @include kendo-menu--layout();
22
+ @include kendo-menu--theme();
23
+ }
24
+ }
package/scss/menu/_layout.scss ADDED
@@ -0,0 +1,29 @@
1
+ @use "@progress/kendo-theme-core/scss/components/menu/_layout.scss" as *;
2
+ @use "../core/_index.scss" as *;
3
+
4
+
5
+ @mixin kendo-menu--layout() {
6
+ @include kendo-menu--layout-base();
7
+
8
+ .k-menu-item {
9
+ border-radius: k-border-radius(sm);
10
+ transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
11
+ }
12
+
13
+ .k-menu-group {
14
+ gap: k-spacing(0.5);
15
+ }
16
+
17
+ // Popup item border-radius
18
+ .k-menu-group,
19
+ .k-menu.k-context-menu {
20
+ .k-item > .k-link {
21
+ border-radius: k-border-radius(sm);
22
+ transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
23
+ }
24
+ }
25
+
26
+ .k-context-menu {
27
+ padding: 0;
28
+ }
29
+ }
package/scss/menu/_theme.scss ADDED
@@ -0,0 +1,20 @@
1
+ @use "@progress/kendo-theme-core/scss/components/menu/_theme.scss" as *;
2
+ @use "../core/_index.scss" as *;
3
+ @use "./_variables.scss" as *;
4
+
5
+
6
+ @mixin kendo-menu--theme() {
7
+ @include kendo-menu--theme-base();
8
+
9
+ .k-menu-group {
10
+ background-color: unset;
11
+ }
12
+
13
+ .k-menu:not(.k-context-menu) > .k-item:focus,
14
+ .k-menu:not(.k-context-menu) > .k-item.k-focus,
15
+ .k-menu-group .k-item:focus > .k-link,
16
+ .k-menu-group .k-item.k-focus > .k-link {
17
+ @include focus-indicator( $kendo-menu-focus-outline-color, $type: "outline", $outline-offset: $kendo-menu-focus-outline-offset );
18
+ }
19
+
20
+ }
package/scss/menu/_variables.scss ADDED
@@ -0,0 +1,404 @@
1
+ @use "sass:list";
2
+ @use "../core/_index.scss" as *;
3
+ @use "../list/_variables.scss" as *;
4
+ @use "../popup/_variables.scss" as *;
5
+ @use "../icons/_variables.scss" as *;
6
+
7
+ // Menu
8
+
9
+ /// The default size of the Menu group.
10
+ /// @group menu
11
+ /// @role default
12
+ $kendo-menu-group-default-size: "md" !default;
13
+
14
+ /// The width of the border around the Menu.
15
+ /// @group menu
16
+ $kendo-menu-border-width: 0px !default;
17
+
18
+ /// The font family of the Menu.
19
+ /// @group menu
20
+ $kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
21
+ /// The font size of the Menu.
22
+ /// @group menu
23
+ $kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
24
+ /// The line height of the Menu used along with $kendo-font-size.
25
+ /// @group menu
26
+ $kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
27
+
28
+ /// The background color of the Menu.
29
+ /// @group menu
30
+ $kendo-menu-bg: transparent !default;
31
+ /// The text color of the Menu.
32
+ /// @group menu
33
+ $kendo-menu-text: k-color(on-app-surface) !default;
34
+ /// The border color of the Menu.
35
+ /// @group menu
36
+ $kendo-menu-border: null !default;
37
+ /// The background gradient of the Menu.
38
+ /// @group menu
39
+ $kendo-menu-gradient: null !default;
40
+
41
+ // Menu item
42
+
43
+ /// The horizontal padding of the Menu item.
44
+ /// @group menu
45
+ $kendo-menu-item-padding-x: k-spacing(2.5) !default;
46
+ /// The vertical padding of the Menu item.
47
+ /// @group menu
48
+ $kendo-menu-item-padding-y: k-spacing(2) !default;
49
+ /// The spacing between the Menu items.
50
+ /// @group menu
51
+ $kendo-menu-item-spacing: k-spacing(0) !default;
52
+ /// The spacing between the Menu item text and icons.
53
+ /// @group menu
54
+ $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
55
+
56
+ /// The font weight of the selected Menu item.
57
+ /// @group menu
58
+ $kendo-menu-item-selected-font-weight: var( --kendo-font-weight-semibold, normal ) !default;
59
+
60
+ /// The background color of the Menu item.
61
+ /// @group menu
62
+ $kendo-menu-item-bg: null !default;
63
+ /// The text color of the Menu item.
64
+ /// @group menu
65
+ $kendo-menu-item-text: k-color(subtle) !default;
66
+ /// The border color of the Menu item.
67
+ /// @group menu
68
+ $kendo-menu-item-border: null !default;
69
+ /// The background gradient of the Menu item.
70
+ /// @group menu
71
+ $kendo-menu-item-gradient: null !default;
72
+
73
+ /// The background color of hovered Menu item.
74
+ /// @group menu
75
+ $kendo-menu-item-hover-bg: null !default;
76
+ /// The text color of hovered Menu item.
77
+ /// @group menu
78
+ $kendo-menu-item-hover-text: k-color(on-app-surface) !default;
79
+ /// The border color of hovered Menu item.
80
+ /// @group menu
81
+ $kendo-menu-item-hover-border: null !default;
82
+ /// The background gradient of hovered Menu item.
83
+ /// @group menu
84
+ $kendo-menu-item-hover-gradient: null !default;
85
+
86
+ /// The background color of active Menu item.
87
+ /// @group menu
88
+ $kendo-menu-item-active-bg: null !default;
89
+ /// The text color of active Menu item.
90
+ /// @group menu
91
+ $kendo-menu-item-active-text: k-color(primary) !default;
92
+ /// The border color of active Menu item.
93
+ /// @group menu
94
+ $kendo-menu-item-active-border: null !default;
95
+ /// The background gradient of active Menu item.
96
+ /// @group menu
97
+ $kendo-menu-item-active-gradient: null !default;
98
+
99
+ /// The base shadow of focused Menu item.
100
+ /// @group menu
101
+ $kendo-menu-item-focus-shadow: null !default;
102
+
103
+ /// The outline color of focused Menu item.
104
+ /// @group menu
105
+ $kendo-menu-focus-outline-color: k-color(subtle) !default;
106
+
107
+ /// The outline offset of focused Menu item.
108
+ /// @group menu
109
+ $kendo-menu-focus-outline-offset: 1px !default;
110
+
111
+ /// The background color of selected Menu item.
112
+ /// @group menu
113
+ $kendo-menu-item-selected-bg: null !default;
114
+ /// The text color of selected Menu item.
115
+ /// @group menu
116
+ $kendo-menu-item-selected-text: k-color(primary) !default;
117
+ /// The border color of selected Menu item.
118
+ /// @group menu
119
+ $kendo-menu-item-selected-border: null !default;
120
+ /// The background gradient of selected Menu item.
121
+ /// @group menu
122
+ $kendo-menu-item-selected-gradient: null !default;
123
+
124
+ /// The background color of the Menu scroll buttons.
125
+ /// @group menu
126
+ $kendo-menu-scroll-button-bg: null !default;
127
+ /// The text color of the Menu scroll buttons.
128
+ /// @group menu
129
+ $kendo-menu-scroll-button-text: k-color(subtle) !default;
130
+ /// The border color of the Menu scroll buttons.
131
+ /// @group menu
132
+ $kendo-menu-scroll-button-border: null !default;
133
+ /// The background gradient of the Menu scroll buttons.
134
+ /// @group menu
135
+ $kendo-menu-scroll-button-gradient: null !default;
136
+
137
+ /// The background color of hovered Menu scroll buttons.
138
+ /// @group menu
139
+ $kendo-menu-scroll-button-hover-bg: null !default;
140
+ /// The text color of hovered Menu scroll buttons.
141
+ /// @group menu
142
+ $kendo-menu-scroll-button-hover-text: k-color(on-app-surface) !default;
143
+ /// The border color of hovered Menu scroll buttons.
144
+ /// @group menu
145
+ $kendo-menu-scroll-button-hover-border: null !default;
146
+ /// The background gradient of hovered Menu scroll buttons.
147
+ /// @group menu
148
+ $kendo-menu-scroll-button-hover-gradient: null !default;
149
+
150
+ /// The horizontal padding of the Menu expand arrow icon.
151
+ /// @group menu
152
+ $kendo-menu-icon-padding-x: null !default;
153
+ /// The vertical padding of the Menu expand arrow icon.
154
+ /// @group menu
155
+ $kendo-menu-icon-padding-y: null !default;
156
+
157
+ // Menu Separator
158
+
159
+ /// The inline margin of the horizontal Menu separator.
160
+ /// @group menu
161
+ $kendo-menu-separator-margin-inline: k-spacing(1) !default;
162
+ /// The block margin of the horizontal Menu separator.
163
+ /// @group menu
164
+ $kendo-menu-separator-margin-block: k-spacing(1.5) !default;
165
+ /// The border color of the Menu separator.
166
+ /// @group menu
167
+ $kendo-menu-separator-border: k-color(border) !default;
168
+
169
+
170
+ // Menu popup
171
+
172
+ /// The horizontal padding of the Menu popup.
173
+ /// @group menu
174
+ $kendo-menu-popup-padding-x: k-spacing(2) !default;
175
+
176
+ /// The vertical padding of the Menu popup.
177
+ /// @group menu
178
+ $kendo-menu-popup-padding-y: k-spacing(2) !default;
179
+
180
+ /// The width of the border around the Menu popup.
181
+ /// @group menu
182
+ $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
183
+
184
+ /// The font size of the small Menu popup.
185
+ /// @group menu
186
+ $kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
187
+ /// The font size of the medium Menu popup.
188
+ /// @group menu
189
+ $kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
190
+ /// The font size of the large Menu popup.
191
+ /// @group menu
192
+ $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
193
+
194
+ /// The line height of the small Menu popup.
195
+ /// @group menu
196
+ $kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
197
+ /// The line height of the medium Menu popup.
198
+ /// @group menu
199
+ $kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
200
+ /// The line height of the large Menu popup.
201
+ /// @group menu
202
+ $kendo-menu-popup-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
203
+
204
+ /// The background color of the Menu popup.
205
+ /// @group menu
206
+ $kendo-menu-popup-bg: $kendo-popup-bg !default;
207
+ /// The text color of the Menu popup.
208
+ /// @group menu
209
+ $kendo-menu-popup-text: $kendo-popup-text !default;
210
+ /// The border color of the Menu popup.
211
+ /// @group menu
212
+ $kendo-menu-popup-border: $kendo-popup-border !default;
213
+ /// The background gradient of the Menu popup.
214
+ /// @group menu
215
+ $kendo-menu-popup-gradient: null !default;
216
+
217
+
218
+ // Menu popup item
219
+
220
+ /// The horizontal padding of the small Menu popup item.
221
+ /// @group menu
222
+ $kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
223
+ /// The horizontal padding of the medium Menu popup item.
224
+ /// @group menu
225
+ $kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
226
+ /// The horizontal padding of the large Menu popup item.
227
+ /// @group menu
228
+ $kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
229
+
230
+ /// The vertical padding of the small Menu popup item.
231
+ /// @group menu
232
+ $kendo-menu-popup-sm-item-padding-y: k-spacing(1) !default;
233
+ /// The vertical padding of the medium Menu popup item.
234
+ /// @group menu
235
+ $kendo-menu-popup-md-item-padding-y: k-spacing(1.5) !default;
236
+ /// The vertical padding of the large Menu popup item.
237
+ /// @group menu
238
+ $kendo-menu-popup-lg-item-padding-y: k-spacing(2) !default;
239
+
240
+ /// The end padding of the small Menu popup item.
241
+ /// @group menu
242
+ $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
243
+ /// The end padding of the medium Menu popup item.
244
+ /// @group menu
245
+ $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
246
+ /// The end padding of the large Menu popup item.
247
+ /// @group menu
248
+ $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
249
+
250
+ /// The start margin of the small Menu popup item expand icon.
251
+ /// @group menu
252
+ $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
253
+ /// The start margin of the medium Menu popup item expand icon.
254
+ /// @group menu
255
+ $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
256
+ /// The start margin of the large Menu popup item expand icon.
257
+ /// @group menu
258
+ $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
259
+
260
+ /// The end margin of the small Menu popup item expand icon.
261
+ /// @group menu
262
+ $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{list.slash( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
263
+ /// The end margin of the medium Menu popup item expand icon.
264
+ /// @group menu
265
+ $kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{list.slash( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
266
+ /// The end margin of the large Menu popup item expand icon.
267
+ /// @group menu
268
+ $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{list.slash( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
269
+
270
+ /// The spacing between the Menu items in popup.
271
+ /// @group menu
272
+ $kendo-menu-popup-item-spacing: k-spacing(0.5) !default;
273
+
274
+ /// The background color of the Menu item in popup.
275
+ /// @group menu
276
+ $kendo-menu-popup-item-bg: null !default;
277
+ /// The text color of the Menu item in popup.
278
+ /// @group menu
279
+ $kendo-menu-popup-item-text: null !default;
280
+ /// The border color of the Menu item in popup.
281
+ /// @group menu
282
+ $kendo-menu-popup-item-border: null !default;
283
+ /// The background gradient of the Menu item in popup.
284
+ /// @group menu
285
+ $kendo-menu-popup-item-gradient: null !default;
286
+
287
+ /// The background color of hovered Menu item in popup.
288
+ /// @group menu
289
+ $kendo-menu-popup-item-hover-bg: k-color(primary-subtle-hover) !default;
290
+ /// The text color of hovered Menu item in popup.
291
+ /// @group menu
292
+ $kendo-menu-popup-item-hover-text: k-color(primary-on-subtle) !default;
293
+ /// The border color of hovered Menu item in popup.
294
+ /// @group menu
295
+ $kendo-menu-popup-item-hover-border: null !default;
296
+ /// The background gradient of hovered Menu item in popup.
297
+ /// @group menu
298
+ $kendo-menu-popup-item-hover-gradient: null !default;
299
+
300
+ /// The background color of active Menu item in popup.
301
+ /// @group menu
302
+ $kendo-menu-popup-item-active-bg: k-color(primary-subtle-active) !default;
303
+ /// The text color of active Menu item in popup.
304
+ /// @group menu
305
+ $kendo-menu-popup-item-active-text: k-color(primary-on-subtle) !default;
306
+ /// The border color of active Menu item in popup.
307
+ /// @group menu
308
+ $kendo-menu-popup-item-active-border: null !default;
309
+ /// The background gradient of active Menu item in popup.
310
+ /// @group menu
311
+ $kendo-menu-popup-item-active-gradient: null !default;
312
+
313
+ /// The base shadow of focused Menu item in popup.
314
+ /// @group menu
315
+ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
316
+
317
+ @forward "@progress/kendo-theme-core/scss/components/menu/_variables.scss" with (
318
+ $kendo-menu-group-default-size: $kendo-menu-group-default-size,
319
+ $kendo-menu-border-width: $kendo-menu-border-width,
320
+ $kendo-menu-font-family: $kendo-menu-font-family,
321
+ $kendo-menu-font-size: $kendo-menu-font-size,
322
+ $kendo-menu-line-height: $kendo-menu-line-height,
323
+ $kendo-menu-bg: $kendo-menu-bg,
324
+ $kendo-menu-text: $kendo-menu-text,
325
+ $kendo-menu-border: $kendo-menu-border,
326
+ $kendo-menu-gradient: $kendo-menu-gradient,
327
+ $kendo-menu-item-padding-x: $kendo-menu-item-padding-x,
328
+ $kendo-menu-item-padding-y: $kendo-menu-item-padding-y,
329
+ $kendo-menu-item-spacing: $kendo-menu-item-spacing,
330
+ $kendo-menu-item-icon-spacing: $kendo-menu-item-icon-spacing,
331
+ $kendo-menu-item-selected-font-weight: $kendo-menu-item-selected-font-weight,
332
+ $kendo-menu-item-bg: $kendo-menu-item-bg,
333
+ $kendo-menu-item-text: $kendo-menu-item-text,
334
+ $kendo-menu-item-border: $kendo-menu-item-border,
335
+ $kendo-menu-item-gradient: $kendo-menu-item-gradient,
336
+ $kendo-menu-item-hover-bg: $kendo-menu-item-hover-bg,
337
+ $kendo-menu-item-hover-text: $kendo-menu-item-hover-text,
338
+ $kendo-menu-item-hover-border: $kendo-menu-item-hover-border,
339
+ $kendo-menu-item-hover-gradient: $kendo-menu-item-hover-gradient,
340
+ $kendo-menu-item-active-bg: $kendo-menu-item-active-bg,
341
+ $kendo-menu-item-active-text: $kendo-menu-item-active-text,
342
+ $kendo-menu-item-active-border: $kendo-menu-item-active-border,
343
+ $kendo-menu-item-active-gradient: $kendo-menu-item-active-gradient,
344
+ $kendo-menu-item-focus-shadow: $kendo-menu-item-focus-shadow,
345
+ $kendo-menu-item-selected-bg: $kendo-menu-item-selected-bg,
346
+ $kendo-menu-item-selected-text: $kendo-menu-item-selected-text,
347
+ $kendo-menu-item-selected-border: $kendo-menu-item-selected-border,
348
+ $kendo-menu-item-selected-gradient: $kendo-menu-item-selected-gradient,
349
+ $kendo-menu-scroll-button-bg: $kendo-menu-scroll-button-bg,
350
+ $kendo-menu-scroll-button-text: $kendo-menu-scroll-button-text,
351
+ $kendo-menu-scroll-button-border: $kendo-menu-scroll-button-border,
352
+ $kendo-menu-scroll-button-gradient: $kendo-menu-scroll-button-gradient,
353
+ $kendo-menu-scroll-button-hover-bg: $kendo-menu-scroll-button-hover-bg,
354
+ $kendo-menu-scroll-button-hover-text: $kendo-menu-scroll-button-hover-text,
355
+ $kendo-menu-scroll-button-hover-border: $kendo-menu-scroll-button-hover-border,
356
+ $kendo-menu-scroll-button-hover-gradient: $kendo-menu-scroll-button-hover-gradient,
357
+ $kendo-menu-icon-padding-x: $kendo-menu-icon-padding-x,
358
+ $kendo-menu-icon-padding-y: $kendo-menu-icon-padding-y,
359
+ $kendo-menu-separator-margin-inline: $kendo-menu-separator-margin-inline,
360
+ $kendo-menu-separator-margin-block: $kendo-menu-separator-margin-block,
361
+ $kendo-menu-separator-border: $kendo-menu-separator-border,
362
+ $kendo-menu-popup-padding-x: $kendo-menu-popup-padding-x,
363
+ $kendo-menu-popup-padding-y: $kendo-menu-popup-padding-y,
364
+ $kendo-menu-popup-border-width: $kendo-menu-popup-border-width,
365
+ $kendo-menu-popup-sm-font-size: $kendo-menu-popup-sm-font-size,
366
+ $kendo-menu-popup-md-font-size: $kendo-menu-popup-md-font-size,
367
+ $kendo-menu-popup-lg-font-size: $kendo-menu-popup-lg-font-size,
368
+ $kendo-menu-popup-sm-line-height: $kendo-menu-popup-sm-line-height,
369
+ $kendo-menu-popup-md-line-height: $kendo-menu-popup-md-line-height,
370
+ $kendo-menu-popup-lg-line-height: $kendo-menu-popup-lg-line-height,
371
+ $kendo-menu-popup-bg: $kendo-menu-popup-bg,
372
+ $kendo-menu-popup-text: $kendo-menu-popup-text,
373
+ $kendo-menu-popup-border: $kendo-menu-popup-border,
374
+ $kendo-menu-popup-gradient: $kendo-menu-popup-gradient,
375
+ $kendo-menu-popup-sm-item-padding-x: $kendo-menu-popup-sm-item-padding-x,
376
+ $kendo-menu-popup-md-item-padding-x: $kendo-menu-popup-md-item-padding-x,
377
+ $kendo-menu-popup-lg-item-padding-x: $kendo-menu-popup-lg-item-padding-x,
378
+ $kendo-menu-popup-sm-item-padding-y: $kendo-menu-popup-sm-item-padding-y,
379
+ $kendo-menu-popup-md-item-padding-y: $kendo-menu-popup-md-item-padding-y,
380
+ $kendo-menu-popup-lg-item-padding-y: $kendo-menu-popup-lg-item-padding-y,
381
+ $kendo-menu-popup-sm-item-padding-end: $kendo-menu-popup-sm-item-padding-end,
382
+ $kendo-menu-popup-md-item-padding-end: $kendo-menu-popup-md-item-padding-end,
383
+ $kendo-menu-popup-lg-item-padding-end: $kendo-menu-popup-lg-item-padding-end,
384
+ $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-icon-margin-start,
385
+ $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-icon-margin-start,
386
+ $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-icon-margin-start,
387
+ $kendo-menu-popup-sm-item-icon-margin-end: $kendo-menu-popup-sm-item-icon-margin-end,
388
+ $kendo-menu-popup-md-item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end,
389
+ $kendo-menu-popup-lg-item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end,
390
+ $kendo-menu-popup-item-spacing: $kendo-menu-popup-item-spacing,
391
+ $kendo-menu-popup-item-bg: $kendo-menu-popup-item-bg,
392
+ $kendo-menu-popup-item-text: $kendo-menu-popup-item-text,
393
+ $kendo-menu-popup-item-border: $kendo-menu-popup-item-border,
394
+ $kendo-menu-popup-item-gradient: $kendo-menu-popup-item-gradient,
395
+ $kendo-menu-popup-item-hover-bg: $kendo-menu-popup-item-hover-bg,
396
+ $kendo-menu-popup-item-hover-text: $kendo-menu-popup-item-hover-text,
397
+ $kendo-menu-popup-item-hover-border: $kendo-menu-popup-item-hover-border,
398
+ $kendo-menu-popup-item-hover-gradient: $kendo-menu-popup-item-hover-gradient,
399
+ $kendo-menu-popup-item-active-bg: $kendo-menu-popup-item-active-bg,
400
+ $kendo-menu-popup-item-active-text: $kendo-menu-popup-item-active-text,
401
+ $kendo-menu-popup-item-active-border: $kendo-menu-popup-item-active-border,
402
+ $kendo-menu-popup-item-active-gradient: $kendo-menu-popup-item-active-gradient,
403
+ $kendo-menu-popup-item-focus-shadow: $kendo-menu-popup-item-focus-shadow
404
+ );
package/scss/menu-button/_index.scss ADDED
@@ -0,0 +1,20 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../button/_index.scss" as *;
4
+ @use "../menu/_index.scss" as *;
5
+
6
+ // Component
7
+ @forward "./_variables.scss";
8
+ @use "./_layout.scss" as *;
9
+ @use "./_theme.scss" as *;
10
+
11
+ // Expose
12
+ @mixin kendo-menu-button--styles() {
13
+ @include import-once( "menu-button" ) {
14
+ @include core-styles();
15
+ @include kendo-button--styles();
16
+ @include kendo-menu--styles();
17
+ @include kendo-menu-button--layout();
18
+ @include kendo-menu-button--theme();
19
+ }
20
+ }
package/scss/menu-button/_layout.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/menu-button/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-menu-button--layout() {
5
+ @include kendo-menu-button--layout-base();
6
+ }
package/scss/menu-button/_theme.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/menu-button/_theme.scss" as *;
2
+
3
+
4
+ @mixin kendo-menu-button--theme() {
5
+ @include kendo-menu-button--theme-base();
6
+ }
package/scss/menu-button/_variables.scss ADDED
@@ -0,0 +1,11 @@
1
+ @use "../button/_variables.scss" as *;
2
+
3
+ // Menu-button
4
+
5
+ /// The horizontal padding of the button arrow in the Menu Button..
6
+ /// @group menu-button
7
+ $kendo-menu-button-arrow-padding-x: $kendo-button-md-padding-y !default;
8
+
9
+ @forward "@progress/kendo-theme-core/scss/components/menu-button/_variables.scss" with (
10
+ $kendo-menu-button-arrow-padding-x: $kendo-menu-button-arrow-padding-x
11
+ );
package/scss/messagebox/_index.scss ADDED
@@ -0,0 +1,18 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+
5
+ // Component
6
+ @forward "./_variables.scss";
7
+ @use "./_layout.scss" as *;
8
+ @use "./_theme.scss" as *;
9
+
10
+ // Expose
11
+ @mixin kendo-messagebox--styles() {
12
+ @include import-once( "messagebox" ) {
13
+ @include core-styles();
14
+ @include kendo-icon--styles();
15
+ @include kendo-messagebox--layout();
16
+ @include kendo-messagebox--theme();
17
+ }
18
+ }
package/scss/messagebox/_layout.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/messagebox/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-messagebox--layout() {
5
+ @include kendo-messagebox--layout-base();
6
+ }
package/scss/messagebox/_theme.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/messagebox/_theme.scss" as *;
2
+
3
+
4
+ @mixin kendo-messagebox--theme() {
5
+ @include kendo-messagebox--theme-base();
6
+ }