@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/filemanager/_index.scss ADDED
@@ -0,0 +1,38 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../input/_index.scss" as *;
4
+ @use "../toolbar/_index.scss" as *;
5
+ @use "../upload/_index.scss" as *;
6
+ @use "../switch/_index.scss" as *;
7
+ @use "../menu/_index.scss" as *;
8
+ @use "../dialog/_index.scss" as *;
9
+ @use "../breadcrumb/_index.scss" as *;
10
+ @use "../treeview/_index.scss" as *;
11
+ @use "../splitter/_index.scss" as *;
12
+ @use "../grid/_index.scss" as *;
13
+ @use "../listview/_index.scss" as *;
14
+
15
+ // Component
16
+ @forward "./_variables.scss";
17
+ @use "./_layout.scss" as *;
18
+ @use "./_theme.scss" as *;
19
+
20
+ // Expose
21
+ @mixin kendo-file-manager--styles() {
22
+ @include import-once( "file-manager" ) {
23
+ @include core-styles();
24
+ @include kendo-input--styles();
25
+ @include kendo-toolbar--styles();
26
+ @include kendo-upload--styles();
27
+ @include kendo-switch--styles();
28
+ @include kendo-menu--styles();
29
+ @include kendo-dialog--styles();
30
+ @include kendo-breadcrumb--styles();
31
+ @include kendo-treeview--styles();
32
+ @include kendo-splitter--styles();
33
+ @include kendo-grid--styles();
34
+ @include kendo-listview--styles();
35
+ @include kendo-file-manager--layout();
36
+ @include kendo-file-manager--theme();
37
+ }
38
+ }
package/scss/filemanager/_layout.scss ADDED
@@ -0,0 +1,15 @@
1
+ @use "@progress/kendo-theme-core/scss/components/filemanager/_layout.scss" as *;
2
+ @use "./variables.scss" as *;
3
+
4
+
5
+ @mixin kendo-file-manager--layout() {
6
+ @include kendo-file-manager--layout-base();
7
+
8
+ .k-filemanager-listview {
9
+ padding: $kendo-file-manager-listview-padding;
10
+ }
11
+
12
+ .k-filemanager-toolbar {
13
+ border-radius: 0;
14
+ }
15
+ }
package/scss/filemanager/_theme.scss ADDED
@@ -0,0 +1,15 @@
1
+ @use "./variables.scss" as *;
2
+ @use "@progress/kendo-theme-core/scss/components/filemanager/_theme.scss" as *;
3
+
4
+
5
+ @mixin kendo-file-manager--theme() {
6
+ @include kendo-file-manager--theme-base();
7
+
8
+ .k-filemanager {
9
+ background-color: unset;
10
+ }
11
+
12
+ .k-filemanager-content-container {
13
+ background-color: $kendo-file-manager-bg;
14
+ }
15
+ }
package/scss/filemanager/_variables.scss ADDED
@@ -0,0 +1,240 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "../toolbar/_variables.scss" as *;
3
+
4
+ // FileManager
5
+
6
+ /// The space between the FileManager items.
7
+ /// @group file-manager
8
+ $kendo-file-manager-spacer: k-spacing(4) !default;
9
+ /// The border width of the FileManager.
10
+ /// @group file-manager
11
+ $kendo-file-manager-border-width: 1px !default;
12
+ /// The border radius of the Grid.
13
+ /// @group file-manager
14
+ $kendo-file-manager-border-radius: k-border-radius(xxl) !default;
15
+ /// The font family of the FileManager.
16
+ /// @group file-manager
17
+ $kendo-file-manager-font-family: var( --kendo-font-family, inherit ) !default;
18
+ /// The font size of the FileManager.
19
+ /// @group file-manager
20
+ $kendo-file-manager-font-size: var( --kendo-font-size, inherit ) !default;
21
+ /// The line height of the FileManager.
22
+ /// @group file-manager
23
+ $kendo-file-manager-line-height: var( --kendo-line-height, normal ) !default;
24
+ /// The background color of the FileManager.
25
+ /// @group file-manager
26
+ $kendo-file-manager-bg: k-color(surface-alt) !default;
27
+ /// The text color of the FileManager.
28
+ /// @group file-manager
29
+ $kendo-file-manager-text: k-color(on-app-surface) !default;
30
+ /// The border color of the FileManager.
31
+ /// @group file-manager
32
+ $kendo-file-manager-border: k-color(border) !default;
33
+
34
+ /// The border width of the FileManager Toolbar.
35
+ /// @group file-manager
36
+ $kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
37
+ /// The background color of the FileManager Toolbar.
38
+ /// @group file-manager
39
+ $kendo-file-manager-toolbar-bg: null !default;
40
+ /// The text color of the FileManager Toolbar.
41
+ /// @group file-manager
42
+ $kendo-file-manager-toolbar-text: null !default;
43
+ /// The border color of the FileManager Toolbar.
44
+ /// @group file-manager
45
+ $kendo-file-manager-toolbar-border: null !default;
46
+ /// The gradient of the FileManager Toolbar.
47
+ /// @group file-manager
48
+ $kendo-file-manager-toolbar-gradient: null !default;
49
+
50
+ /// The horizontal padding of the FileManager Navigation.
51
+ /// @group file-manager
52
+ $kendo-file-manager-navigation-padding-x: k-spacing(2.5) !default;
53
+ /// The vertical padding of the FileManager Navigation.
54
+ /// @group file-manager
55
+ $kendo-file-manager-navigation-padding-y: k-spacing(2.5) !default;
56
+ /// The width of the FileManager Navigation.
57
+ /// @group file-manager
58
+ $kendo-file-manager-navigation-width: 20% !default;
59
+ /// The border width of the FileManager Navigation.
60
+ /// @group file-manager
61
+ $kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
62
+ /// The background color of the FileManager Navigation.
63
+ /// @group file-manager
64
+ $kendo-file-manager-navigation-bg: null !default;
65
+ /// The text color of the FileManager Navigation.
66
+ /// @group file-manager
67
+ $kendo-file-manager-navigation-text: null !default;
68
+ /// The border color of the FileManager Navigation.
69
+ /// @group file-manager
70
+ $kendo-file-manager-navigation-border: null !default;
71
+
72
+ /// The horizontal padding of the FileManager Breadcrumb.
73
+ /// @group file-manager
74
+ $kendo-file-manager-breadcrumb-padding-x: k-spacing(2.5) !default;
75
+ /// The vertical padding of the FileManager Breadcrumb.
76
+ /// @group file-manager
77
+ $kendo-file-manager-breadcrumb-padding-y: k-spacing(2.5) !default;
78
+ /// The border width of the FileManager Breadcrumb.
79
+ /// @group file-manager
80
+ $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
81
+ /// The background color of the FileManager Breadcrumb.
82
+ /// @group file-manager
83
+ $kendo-file-manager-breadcrumb-bg: k-color(surface) !default;
84
+ /// The text color of the FileManager Breadcrumb.
85
+ /// @group file-manager
86
+ $kendo-file-manager-breadcrumb-text: null !default;
87
+ /// The border color of the FileManager Breadcrumb.
88
+ /// @group file-manager
89
+ $kendo-file-manager-breadcrumb-border: null !default;
90
+
91
+ /// The background color of the FileManager ListView.
92
+ /// @group file-manager
93
+ $kendo-file-manager-listview-bg: null !default;
94
+ /// The text color of the FileManager ListView.
95
+ /// @group file-manager
96
+ $kendo-file-manager-listview-text: null !default;
97
+ /// The border color of the FileManager ListView.
98
+ /// @group file-manager
99
+ $kendo-file-manager-listview-border: null !default;
100
+ /// The padding of the FileManager ListView.
101
+ /// @group file-manager
102
+ $kendo-file-manager-listview-padding: k-spacing(2.5) !default;
103
+
104
+ /// The horizontal padding of the FileManager ListView item.
105
+ /// @group file-manager
106
+ $kendo-file-manager-listview-item-padding-x: k-spacing(4) !default;
107
+ /// The vertical padding of the FileManager ListView item.
108
+ /// @group file-manager
109
+ $kendo-file-manager-listview-item-padding-y: k-spacing(4) !default;
110
+ /// The width of the FileManager ListView item.
111
+ /// @group file-manager
112
+ $kendo-file-manager-listview-item-width: 120px !default;
113
+ /// The height of the FileManager ListView item.
114
+ /// @group file-manager
115
+ $kendo-file-manager-listview-item-height: 120px !default;
116
+ /// The background color of the FileManager ListView item.
117
+ /// @group file-manager
118
+ $kendo-file-manager-listview-item-bg: null !default;
119
+ /// The text color of the FileManager ListView item.
120
+ /// @group file-manager
121
+ $kendo-file-manager-listview-item-text: null !default;
122
+ /// The border color of the FileManager ListView item.
123
+ /// @group file-manager
124
+ $kendo-file-manager-listview-item-border: null !default;
125
+
126
+ /// The background color of the FileManager ListView item icon.
127
+ /// @group file-manager
128
+ $kendo-file-manager-listview-item-icon-bg: null !default;
129
+ /// The text color of the FileManager ListView item icon.
130
+ /// @group file-manager
131
+ $kendo-file-manager-listview-item-icon-text: k-color(subtle) !default;
132
+ /// The border color of the FileManager ListView item icon.
133
+ /// @group file-manager
134
+ $kendo-file-manager-listview-item-icon-border: null !default;
135
+
136
+ /// The background color of the FileManager Grid.
137
+ /// @group file-manager
138
+ $kendo-file-manager-grid-bg: null !default;
139
+ /// The text color of the FileManager Grid.
140
+ /// @group file-manager
141
+ $kendo-file-manager-grid-text: null !default;
142
+ /// The border color of the FileManager Grid.
143
+ /// @group file-manager
144
+ $kendo-file-manager-grid-border: null !default;
145
+
146
+ /// The horizontal padding of the FileManager preview.
147
+ /// @group file-manager
148
+ $kendo-file-manager-preview-padding-x: k-spacing(2.5) !default;
149
+ /// The vertical padding of the FileManager preview.
150
+ /// @group file-manager
151
+ $kendo-file-manager-preview-padding-y: k-spacing(2.5) !default;
152
+ /// The width of the FileManager preview.
153
+ /// @group file-manager
154
+ $kendo-file-manager-preview-width: 20% !default;
155
+ /// The border width of the FileManager preview.
156
+ /// @group file-manager
157
+ $kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
158
+ /// The spacing of the FileManager preview.
159
+ /// @group file-manager
160
+ $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
161
+ /// The gap between the columns in the FileManager preview.
162
+ /// @group file-manager
163
+ $kendo-file-manager-preview-column-gap: k-spacing(1) !default;
164
+ /// The background color of the FileManager preview.
165
+ /// @group file-manager
166
+ $kendo-file-manager-preview-bg: null !default;
167
+ /// The text color of the FileManager preview.
168
+ /// @group file-manager
169
+ $kendo-file-manager-preview-text: null !default;
170
+ /// The border color of the FileManager preview.
171
+ /// @group file-manager
172
+ $kendo-file-manager-preview-border: null !default;
173
+
174
+ /// The background color of the FileManager preview icon.
175
+ /// @group file-manager
176
+ $kendo-file-manager-preview-icon-bg: null !default;
177
+ /// The text color of the FileManager preview icon.
178
+ /// @group file-manager
179
+ $kendo-file-manager-preview-icon-text: k-color(subtle) !default;
180
+ /// The border color of the FileManager preview icon.
181
+ /// @group file-manager
182
+ $kendo-file-manager-preview-icon-border: null !default;
183
+
184
+ @forward "@progress/kendo-theme-core/scss/components/filemanager/_variables.scss" with (
185
+ $kendo-file-manager-spacer: $kendo-file-manager-spacer,
186
+ $kendo-file-manager-border-width: $kendo-file-manager-border-width,
187
+ $kendo-file-manager-border-radius: $kendo-file-manager-border-radius,
188
+ $kendo-file-manager-font-family: $kendo-file-manager-font-family,
189
+ $kendo-file-manager-font-size: $kendo-file-manager-font-size,
190
+ $kendo-file-manager-line-height: $kendo-file-manager-line-height,
191
+ $kendo-file-manager-bg: $kendo-file-manager-bg,
192
+ $kendo-file-manager-text: $kendo-file-manager-text,
193
+ $kendo-file-manager-border: $kendo-file-manager-border,
194
+ $kendo-file-manager-toolbar-border-width: $kendo-file-manager-toolbar-border-width,
195
+ $kendo-file-manager-toolbar-bg: $kendo-file-manager-toolbar-bg,
196
+ $kendo-file-manager-toolbar-text: $kendo-file-manager-toolbar-text,
197
+ $kendo-file-manager-toolbar-border: $kendo-file-manager-toolbar-border,
198
+ $kendo-file-manager-toolbar-gradient: $kendo-file-manager-toolbar-gradient,
199
+ $kendo-file-manager-navigation-padding-x: $kendo-file-manager-navigation-padding-x,
200
+ $kendo-file-manager-navigation-padding-y: $kendo-file-manager-navigation-padding-y,
201
+ $kendo-file-manager-navigation-width: $kendo-file-manager-navigation-width,
202
+ $kendo-file-manager-navigation-border-width: $kendo-file-manager-navigation-border-width,
203
+ $kendo-file-manager-navigation-bg: $kendo-file-manager-navigation-bg,
204
+ $kendo-file-manager-navigation-text: $kendo-file-manager-navigation-text,
205
+ $kendo-file-manager-navigation-border: $kendo-file-manager-navigation-border,
206
+ $kendo-file-manager-breadcrumb-padding-x: $kendo-file-manager-breadcrumb-padding-x,
207
+ $kendo-file-manager-breadcrumb-padding-y: $kendo-file-manager-breadcrumb-padding-y,
208
+ $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-breadcrumb-border-width,
209
+ $kendo-file-manager-breadcrumb-bg: $kendo-file-manager-breadcrumb-bg,
210
+ $kendo-file-manager-breadcrumb-text: $kendo-file-manager-breadcrumb-text,
211
+ $kendo-file-manager-breadcrumb-border: $kendo-file-manager-breadcrumb-border,
212
+ $kendo-file-manager-listview-bg: $kendo-file-manager-listview-bg,
213
+ $kendo-file-manager-listview-text: $kendo-file-manager-listview-text,
214
+ $kendo-file-manager-listview-border: $kendo-file-manager-listview-border,
215
+ $kendo-file-manager-listview-item-padding-x: $kendo-file-manager-listview-item-padding-x,
216
+ $kendo-file-manager-listview-item-padding-y: $kendo-file-manager-listview-item-padding-y,
217
+ $kendo-file-manager-listview-item-width: $kendo-file-manager-listview-item-width,
218
+ $kendo-file-manager-listview-item-height: $kendo-file-manager-listview-item-height,
219
+ $kendo-file-manager-listview-item-bg: $kendo-file-manager-listview-item-bg,
220
+ $kendo-file-manager-listview-item-text: $kendo-file-manager-listview-item-text,
221
+ $kendo-file-manager-listview-item-border: $kendo-file-manager-listview-item-border,
222
+ $kendo-file-manager-listview-item-icon-bg: $kendo-file-manager-listview-item-icon-bg,
223
+ $kendo-file-manager-listview-item-icon-text: $kendo-file-manager-listview-item-icon-text,
224
+ $kendo-file-manager-listview-item-icon-border: $kendo-file-manager-listview-item-icon-border,
225
+ $kendo-file-manager-grid-bg: $kendo-file-manager-grid-bg,
226
+ $kendo-file-manager-grid-text: $kendo-file-manager-grid-text,
227
+ $kendo-file-manager-grid-border: $kendo-file-manager-grid-border,
228
+ $kendo-file-manager-preview-padding-x: $kendo-file-manager-preview-padding-x,
229
+ $kendo-file-manager-preview-padding-y: $kendo-file-manager-preview-padding-y,
230
+ $kendo-file-manager-preview-width: $kendo-file-manager-preview-width,
231
+ $kendo-file-manager-preview-border-width: $kendo-file-manager-preview-border-width,
232
+ $kendo-file-manager-preview-spacing: $kendo-file-manager-preview-spacing,
233
+ $kendo-file-manager-preview-column-gap: $kendo-file-manager-preview-column-gap,
234
+ $kendo-file-manager-preview-bg: $kendo-file-manager-preview-bg,
235
+ $kendo-file-manager-preview-text: $kendo-file-manager-preview-text,
236
+ $kendo-file-manager-preview-border: $kendo-file-manager-preview-border,
237
+ $kendo-file-manager-preview-icon-bg: $kendo-file-manager-preview-icon-bg,
238
+ $kendo-file-manager-preview-icon-text: $kendo-file-manager-preview-icon-text,
239
+ $kendo-file-manager-preview-icon-border: $kendo-file-manager-preview-icon-border
240
+ );
package/scss/filter/_index.scss ADDED
@@ -0,0 +1,30 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../button/_index.scss" as *;
4
+ @use "../input/_index.scss" as *;
5
+ @use "../checkbox/_index.scss" as *;
6
+ @use "../datetimepicker/_index.scss" as *;
7
+ @use "../dropdownlist/_index.scss" as *;
8
+ @use "../numerictextbox/_index.scss" as *;
9
+ @use "../toolbar/_index.scss" as *;
10
+
11
+ // Component
12
+ @forward "./_variables.scss";
13
+ @use "./_layout.scss" as *;
14
+ @use "./_theme.scss" as *;
15
+
16
+ // Expose
17
+ @mixin kendo-filter--styles() {
18
+ @include import-once( "filter" ) {
19
+ @include core-styles();
20
+ @include kendo-button--styles();
21
+ @include kendo-input--styles();
22
+ @include kendo-checkbox--styles();
23
+ @include kendo-date-time-picker--styles();
24
+ @include kendo-dropdown-list--styles();
25
+ @include kendo-numeric-textbox--styles();
26
+ @include kendo-toolbar--styles();
27
+ @include kendo-filter--layout();
28
+ @include kendo-filter--theme();
29
+ }
30
+ }
package/scss/filter/_layout.scss ADDED
@@ -0,0 +1,11 @@
1
+ @use "@progress/kendo-theme-core/scss/components/filter/_layout.scss" as *;
2
+ @use "../core/index.scss" as *;
3
+
4
+
5
+ @mixin kendo-filter--layout() {
6
+ @include kendo-filter--layout-base();
7
+
8
+ .k-filter-menu-container .k-toolbar {
9
+ transition: outline k-transition(snappy);
10
+ }
11
+ }
package/scss/filter/_theme.scss ADDED
@@ -0,0 +1,5 @@
1
+ @use "@progress/kendo-theme-core/scss/components/filter/_theme.scss" as *;
2
+
3
+ @mixin kendo-filter--theme() {
4
+ @include kendo-filter--theme-base();
5
+ }
package/scss/filter/_variables.scss ADDED
@@ -0,0 +1,48 @@
1
+ @use "../core/_index.scss" as *;
2
+
3
+ // Filter expression builder
4
+
5
+ /// The horizontal padding of the Filter.
6
+ /// @group filter
7
+ $kendo-filter-padding-x: k-spacing(4) !default;
8
+ /// The vertical padding of the Filter.
9
+ /// @group filter
10
+ $kendo-filter-padding-y: k-spacing(2) !default;
11
+
12
+ /// The border radius of the Filter.
13
+ /// @group filter
14
+ $kendo-filter-border-radius: k-border-radius(xl) !default;
15
+
16
+ /// The bottom margin of the Filter.
17
+ /// @group filter
18
+ $kendo-filter-bottom-margin: k-spacing(7.5) !default;
19
+ /// The width of the line that connects the Filter items.
20
+ /// @group filter
21
+ $kendo-filter-line-size: 1px !default;
22
+
23
+ /// The width of the dropdown elements in the Filter items.
24
+ /// @group filter
25
+ $kendo-filter-operator-dropdown-width: 15em !default;
26
+
27
+ /// The text color of the Filter preview field.
28
+ /// @group filter
29
+ $kendo-filter-preview-field-text: k-color(primary) !default;
30
+ /// The text color of the Filter preview operator.
31
+ /// @group filter
32
+ $kendo-filter-preview-operator-text: k-color(on-app-surface) !default;
33
+
34
+ /// The box shadow of the focused Filter toolbar.
35
+ /// @group filter
36
+ $kendo-filter-toolbar-focus-shadow: 0 0 0 1px white, 0 0 0 2px k-color(subtle) !default;
37
+
38
+ @forward "@progress/kendo-theme-core/scss/components/filter/_variables.scss" with (
39
+ $kendo-filter-padding-x: $kendo-filter-padding-x,
40
+ $kendo-filter-padding-y: $kendo-filter-padding-y,
41
+ $kendo-filter-border-radius: $kendo-filter-border-radius,
42
+ $kendo-filter-bottom-margin: $kendo-filter-bottom-margin,
43
+ $kendo-filter-line-size: $kendo-filter-line-size,
44
+ $kendo-filter-operator-dropdown-width: $kendo-filter-operator-dropdown-width,
45
+ $kendo-filter-preview-field-text: $kendo-filter-preview-field-text,
46
+ $kendo-filter-preview-operator-text: $kendo-filter-preview-operator-text,
47
+ $kendo-filter-toolbar-focus-shadow: $kendo-filter-toolbar-focus-shadow
48
+ );
package/scss/floating-label/_index.scss ADDED
@@ -0,0 +1,16 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+
4
+ // Component
5
+ @forward "./_variables.scss";
6
+ @use "./_layout.scss" as *;
7
+ @use "./_theme.scss" as *;
8
+
9
+ // Expose
10
+ @mixin kendo-floating-label--styles() {
11
+ @include import-once( "floating-label" ) {
12
+ @include core-styles();
13
+ @include kendo-floating-label--layout();
14
+ @include kendo-floating-label--theme();
15
+ }
16
+ }
package/scss/floating-label/_layout.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/floating-label/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-floating-label--layout() {
5
+ @include kendo-floating-label--layout-base();
6
+ }
package/scss/floating-label/_theme.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/floating-label/_theme.scss" as *;
2
+
3
+
4
+ @mixin kendo-floating-label--theme() {
5
+ @include kendo-floating-label--theme-base();
6
+ }
package/scss/floating-label/_variables.scss ADDED
@@ -0,0 +1,72 @@
1
+ @use "../input/_variables.scss" as *;
2
+ @use "../core/index.scss" as *;
3
+
4
+ // Floating label
5
+
6
+ /// The transformation scale of the Floating Label.
7
+ /// @group floating-label
8
+ $kendo-floating-label-scale: 1 !default;
9
+ /// The font size of the Floating Label.
10
+ /// @group floating-label
11
+ $kendo-floating-label-font-size: $kendo-input-md-font-size !default;
12
+ /// The maximum width of the Floating Label.
13
+ /// @group floating-label
14
+ $kendo-floating-label-max-width: 90% !default;
15
+ /// The line height of the Floating Label.
16
+ /// @group floating-label
17
+ $kendo-floating-label-line-height: $kendo-input-md-line-height !default;
18
+ /// The height of the Floating Label.
19
+ /// @group floating-label
20
+ $kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} ) !default;
21
+ /// The horizontal offset of the Floating Label.
22
+ /// @group floating-label
23
+ $kendo-floating-label-offset-x: calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} ) !default;
24
+ /// The vertical offset of the Floating Label.
25
+ /// @group floating-label
26
+ $kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} ) !default;
27
+
28
+ /// The transformation scale of the focused Floating Label.
29
+ /// @group floating-label
30
+ $kendo-floating-label-focus-scale: 1 !default;
31
+ /// The horizontal offset of the focused Floating Label.
32
+ /// @group floating-label
33
+ $kendo-floating-label-focus-offset-x: 0 !default;
34
+ /// The vertical offset of the focused Floating Label.
35
+ /// @group floating-label
36
+ $kendo-floating-label-focus-offset-y: 0 !default;
37
+
38
+ /// The transition of the Floating Label.
39
+ /// @group floating-label
40
+ $kendo-floating-label-transition: k-transition(scale-in) !default;
41
+
42
+ /// The background color of the Floating Label.
43
+ /// @group floating-label
44
+ $kendo-floating-label-bg: null !default;
45
+ /// The text color of the Floating Label.
46
+ /// @group floating-label
47
+ $kendo-floating-label-text: null !default;
48
+
49
+ /// The background color of the focused Floating Label.
50
+ /// @group floating-label
51
+ $kendo-floating-label-focus-bg: null !default;
52
+ /// The text color of the focused Floating Label.
53
+ /// @group floating-label
54
+ $kendo-floating-label-focus-text: null !default;
55
+
56
+ @forward "@progress/kendo-theme-core/scss/components/floating-label/_variables.scss" with (
57
+ $kendo-floating-label-scale: $kendo-floating-label-scale,
58
+ $kendo-floating-label-font-size: $kendo-floating-label-font-size,
59
+ $kendo-floating-label-max-width: $kendo-floating-label-max-width,
60
+ $kendo-floating-label-line-height: $kendo-floating-label-line-height,
61
+ $kendo-floating-label-height: $kendo-floating-label-height,
62
+ $kendo-floating-label-offset-x: $kendo-floating-label-offset-x,
63
+ $kendo-floating-label-offset-y: $kendo-floating-label-offset-y,
64
+ $kendo-floating-label-focus-scale: $kendo-floating-label-focus-scale,
65
+ $kendo-floating-label-focus-offset-x: $kendo-floating-label-focus-offset-x,
66
+ $kendo-floating-label-focus-offset-y: $kendo-floating-label-focus-offset-y,
67
+ $kendo-floating-label-transition: $kendo-floating-label-transition,
68
+ $kendo-floating-label-bg: $kendo-floating-label-bg,
69
+ $kendo-floating-label-text: $kendo-floating-label-text,
70
+ $kendo-floating-label-focus-bg: $kendo-floating-label-focus-bg,
71
+ $kendo-floating-label-focus-text: $kendo-floating-label-focus-text
72
+ );
package/scss/forms/_index.scss ADDED
@@ -0,0 +1,24 @@
1
+ // Dependencies // TODO: extract variables
2
+ @use "../core/_index.scss" as *;
3
+ @use "../utils/_index.scss" as *;
4
+ @use "../toolbar/_index.scss" as *;
5
+ @use "../action-buttons/_index.scss" as *;
6
+
7
+ // Component
8
+ @forward "./_variables.scss";
9
+ @use "./_layout.scss" as *;
10
+ @use "./_theme.scss" as *;
11
+
12
+ // Expose
13
+ @mixin kendo-form--styles() {
14
+ @include import-once( "form" ) {
15
+ @include core-styles();
16
+ @include kendo-toolbar--styles();
17
+ @include kendo-action-buttons--styles();
18
+ @include kendo-form--layout();
19
+ @include kendo-form--theme();
20
+ @include kendo-utils--layout--display();
21
+ @include kendo-utils--flex-grid--grid-template-columns();
22
+ @include kendo-utils--flex-grid--grid-column-start-end();
23
+ }
24
+ }
package/scss/forms/_layout.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/forms/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-form--layout() {
5
+ @include kendo-form--layout-base();
6
+ }
package/scss/forms/_theme.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use "@progress/kendo-theme-core/scss/components/forms/_theme.scss" as *;
2
+
3
+
4
+ @mixin kendo-form--theme() {
5
+ @include kendo-form--theme-base();
6
+
7
+ .k-form-hint {
8
+ color: var(--kendo-color-subtle);
9
+ }
10
+ }