@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/timeline/_layout.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/timeline/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-timeline--layout() {
5
+ @include kendo-timeline--layout-base();
6
+ }
package/scss/timeline/_theme.scss ADDED
@@ -0,0 +1,11 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "@progress/kendo-theme-core/scss/components/timeline/_theme.scss" as *;
3
+
4
+
5
+ @mixin kendo-timeline--theme() {
6
+ @include kendo-timeline--theme-base();
7
+
8
+ .k-timeline-card .k-card {
9
+ background-color: k-color(surface-alt);
10
+ }
11
+ }
package/scss/timeline/_variables.scss ADDED
@@ -0,0 +1,223 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "../card/_variables.scss" as *;
3
+
4
+ // Timeline
5
+
6
+ /// The horizontal spacing of the Timeline.
7
+ /// @group timeline
8
+ $kendo-timeline-spacing-x: k-spacing(10) !default;
9
+ /// The vertical spacing of the Timeline.
10
+ /// @group timeline
11
+ $kendo-timeline-spacing-y: k-spacing(10) !default;
12
+ /// The padding between the Timeline's track items.
13
+ /// @group timeline
14
+ $kendo-timeline-items-padding: k-spacing(4) !default;
15
+
16
+ /// The font family of the Timeline.
17
+ /// @group timeline
18
+ $kendo-timeline-font-family: var( --kendo-font-family ) !default;
19
+ /// The font size of the Timeline.
20
+ /// @group timeline
21
+ $kendo-timeline-font-size: var( --kendo-font-size ) !default;
22
+ /// The line height of the Timeline.
23
+ /// @group timeline
24
+ $kendo-timeline-line-height: var( --kendo-line-height ) !default;
25
+
26
+ /// The horizontal spacing of the mobile Timeline.
27
+ /// @group timeline
28
+ $kendo-timeline-mobile-spacing-x: k-spacing(4) !default;
29
+ /// The vertical spacing of the mobile Timeline.
30
+ /// @group timeline
31
+ $kendo-timeline-mobile-spacing-y: k-spacing(4) !default;
32
+
33
+ /// The width of the Timeline track arrow.
34
+ /// @group timeline
35
+ $kendo-timeline-track-arrow-width: k-spacing(7.5) !default;
36
+ /// The height of the Timeline track arrow.
37
+ /// @group timeline
38
+ $kendo-timeline-track-arrow-height: k-spacing(7.5) !default;
39
+
40
+ /// The background color of the disabled Timeline track arrow.
41
+ /// @group timeline
42
+ $kendo-timeline-track-arrow-disabled-bg: color-mix(in srgb, k-color(base-subtle) 60%, transparent) !default;
43
+ /// The text color of the disabled Timeline track arrow.
44
+ /// @group timeline
45
+ $kendo-timeline-track-arrow-disabled-text: color-mix(in srgb, k-color(on-base) 60%, transparent) !default;
46
+ /// The border color of the disabled Timeline track arrow.
47
+ /// @group timeline
48
+ $kendo-timeline-track-arrow-disabled-border: k-color(border) !default;
49
+
50
+ /// The size of the Timeline track.
51
+ /// @group timeline
52
+ $kendo-timeline-track-size: k-spacing(1.5) !default;
53
+ /// The bottom padding of the Timeline's track wrapper.
54
+ /// @group timeline
55
+ $kendo-timeline-track-wrap-padding-bottom: calc( #{$kendo-timeline-track-size} / 2) !default;
56
+ /// The border width of the Timeline track.
57
+ /// @group timeline
58
+ $kendo-timeline-track-border-width: 1px !default;
59
+ /// The bottom margin of the Timeline track.
60
+ /// @group timeline
61
+ $kendo-timeline-track-margin-bottom: k-spacing(4) !default;
62
+ /// The bottom offset of the Timeline track.
63
+ /// @group timeline
64
+ $kendo-timeline-track-bottom-calc: calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
65
+ /// The left offset of the Timeline track.
66
+ /// @group timeline
67
+ $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
68
+ /// The right offset of the Timeline track.
69
+ /// @group timeline
70
+ $kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
71
+ /// The background color of the Timeline track.
72
+ /// @group timeline
73
+ $kendo-timeline-track-bg: k-color(base) !default;
74
+ /// The border color of the Timeline track.
75
+ /// @group timeline
76
+ $kendo-timeline-track-border-color: k-color(border) !default;
77
+
78
+ /// The shadow of the Timeline's focused track items.
79
+ /// @group timeline
80
+ $kendo-timeline-track-item-focus-shadow: k-elevation(2) !default;
81
+
82
+ /// The offset of the Timeline track event.
83
+ /// @group timeline
84
+ $kendo-timeline-track-event-offset: 36px !default;
85
+
86
+ /// The horizontal padding of the Timeline flag.
87
+ /// @group timeline
88
+ $kendo-timeline-flag-padding-x: k-spacing(2.5) !default;
89
+ /// The vertical padding of the Timeline flag.
90
+ /// @group timeline
91
+ $kendo-timeline-flag-padding-y: k-spacing(1.5) !default;
92
+ /// The line height of the Timeline flag.
93
+ /// @group timeline
94
+ $kendo-timeline-flag-line-height: 1 !default;
95
+ /// The minimum width of the Timeline flag.
96
+ /// @group timeline
97
+ $kendo-timeline-flag-min-width: 80px !default;
98
+ /// The maximum width of the Timeline flag.
99
+ /// @group timeline
100
+ $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-spacing-x}) !default;
101
+ /// The maximum width of the mobile Timeline flag.
102
+ /// @group timeline
103
+ $kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
104
+ /// The minimum width of the horizontal Timeline flag.
105
+ /// @group timeline
106
+ $kendo-timeline-horizontal-flag-min-width: 60px !default;
107
+ /// The background color of the Timeline flag.
108
+ /// @group timeline
109
+ $kendo-timeline-flag-bg: k-color(primary) !default;
110
+ /// The text color of the Timeline flag.
111
+ /// @group timeline
112
+ $kendo-timeline-flag-text: k-color(on-primary) !default;
113
+
114
+ /// The width of the Timeline's flag callout.
115
+ /// @group timeline
116
+ $kendo-timeline-flag-callout-width: 14px !default;
117
+ /// The height of the Timeline's flag callout.
118
+ /// @group timeline
119
+ $kendo-timeline-flag-callout-height: 7px !default;
120
+
121
+ /// The bottom offset of the Timeline flag.
122
+ /// @group timeline
123
+ $kendo-timeline-flag-offset-bottom: 4px !default;
124
+ /// The bottom margin of the Timeline flag.
125
+ /// @group timeline
126
+ $kendo-timeline-flag-margin-bottom-calc: calc(#{$kendo-timeline-track-size} + 2 * #{$kendo-timeline-track-border-width} + #{$kendo-timeline-flag-offset-bottom} + #{$kendo-timeline-flag-callout-height}) !default;
127
+
128
+ /// The width of the Timeline date.
129
+ /// @group timeline
130
+ $kendo-timeline-date-width: 50px !default;
131
+ /// The bottom margin of the Timeline date.
132
+ /// @group timeline
133
+ $kendo-timeline-date-margin-bottom: k-spacing(2) !default;
134
+
135
+ /// The padding of the vertical Timeline.
136
+ /// @group timeline
137
+ $kendo-timeline-vertical-padding-calc: calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
138
+ /// The padding of the vertical Timeline date.
139
+ /// @group timeline
140
+ $kendo-timeline-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
141
+ /// The padding of the vertical mobile Timeline.
142
+ /// @group timeline
143
+ $kendo-timeline-mobile-vertical-padding-calc: calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
144
+ /// The padding of the vertical mobile Timeline date.
145
+ /// @group timeline
146
+ $kendo-timeline-mobile-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
147
+
148
+ /// The width of the Timeline circle.
149
+ /// @group timeline
150
+ $kendo-timeline-circle-width: k-spacing(4) !default;
151
+ /// The height of the Timeline circle.
152
+ /// @group timeline
153
+ $kendo-timeline-circle-height: $kendo-timeline-circle-width !default;
154
+ /// The background color of the Timeline circle.
155
+ /// @group timeline
156
+ $kendo-timeline-circle-bg: k-color(primary) !default;
157
+
158
+ /// The width of the Timeline event.
159
+ /// @group timeline
160
+ $kendo-timeline-event-width: 400px !default;
161
+ /// The height of the Timeline event.
162
+ /// @group timeline
163
+ $kendo-timeline-event-height: 600px !default;
164
+ /// The shadow of the Timeline card.
165
+ /// @group timeline
166
+ $kendo-timeline-card-shadow: none !default;
167
+
168
+ /// The minimum height of the Timeline event.
169
+ /// @group timeline
170
+ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
171
+
172
+ @forward "@progress/kendo-theme-core/scss/components/timeline/_variables.scss" with (
173
+ $kendo-timeline-spacing-x: $kendo-timeline-spacing-x,
174
+ $kendo-timeline-spacing-y: $kendo-timeline-spacing-y,
175
+ $kendo-timeline-items-padding: $kendo-timeline-items-padding,
176
+ $kendo-timeline-font-family: $kendo-timeline-font-family,
177
+ $kendo-timeline-font-size: $kendo-timeline-font-size,
178
+ $kendo-timeline-line-height: $kendo-timeline-line-height,
179
+ $kendo-timeline-mobile-spacing-x: $kendo-timeline-mobile-spacing-x,
180
+ $kendo-timeline-mobile-spacing-y: $kendo-timeline-mobile-spacing-y,
181
+ $kendo-timeline-track-arrow-width: $kendo-timeline-track-arrow-width,
182
+ $kendo-timeline-track-arrow-height: $kendo-timeline-track-arrow-height,
183
+ $kendo-timeline-track-arrow-disabled-bg: $kendo-timeline-track-arrow-disabled-bg,
184
+ $kendo-timeline-track-arrow-disabled-text: $kendo-timeline-track-arrow-disabled-text,
185
+ $kendo-timeline-track-arrow-disabled-border: $kendo-timeline-track-arrow-disabled-border,
186
+ $kendo-timeline-track-size: $kendo-timeline-track-size,
187
+ $kendo-timeline-track-wrap-padding-bottom: $kendo-timeline-track-wrap-padding-bottom,
188
+ $kendo-timeline-track-border-width: $kendo-timeline-track-border-width,
189
+ $kendo-timeline-track-margin-bottom: $kendo-timeline-track-margin-bottom,
190
+ $kendo-timeline-track-bottom-calc: $kendo-timeline-track-bottom-calc,
191
+ $kendo-timeline-track-start-calc: $kendo-timeline-track-start-calc,
192
+ $kendo-timeline-track-end-calc: $kendo-timeline-track-end-calc,
193
+ $kendo-timeline-track-bg: $kendo-timeline-track-bg,
194
+ $kendo-timeline-track-border-color: $kendo-timeline-track-border-color,
195
+ $kendo-timeline-track-item-focus-shadow: $kendo-timeline-track-item-focus-shadow,
196
+ $kendo-timeline-track-event-offset: $kendo-timeline-track-event-offset,
197
+ $kendo-timeline-flag-padding-x: $kendo-timeline-flag-padding-x,
198
+ $kendo-timeline-flag-padding-y: $kendo-timeline-flag-padding-y,
199
+ $kendo-timeline-flag-line-height: $kendo-timeline-flag-line-height,
200
+ $kendo-timeline-flag-min-width: $kendo-timeline-flag-min-width,
201
+ $kendo-timeline-flag-max-width: $kendo-timeline-flag-max-width,
202
+ $kendo-timeline-mobile-flag-max-width: $kendo-timeline-mobile-flag-max-width,
203
+ $kendo-timeline-horizontal-flag-min-width: $kendo-timeline-horizontal-flag-min-width,
204
+ $kendo-timeline-flag-bg: $kendo-timeline-flag-bg,
205
+ $kendo-timeline-flag-text: $kendo-timeline-flag-text,
206
+ $kendo-timeline-flag-callout-width: $kendo-timeline-flag-callout-width,
207
+ $kendo-timeline-flag-callout-height: $kendo-timeline-flag-callout-height,
208
+ $kendo-timeline-flag-offset-bottom: $kendo-timeline-flag-offset-bottom,
209
+ $kendo-timeline-flag-margin-bottom-calc: $kendo-timeline-flag-margin-bottom-calc,
210
+ $kendo-timeline-date-width: $kendo-timeline-date-width,
211
+ $kendo-timeline-date-margin-bottom: $kendo-timeline-date-margin-bottom,
212
+ $kendo-timeline-vertical-padding-calc: $kendo-timeline-vertical-padding-calc,
213
+ $kendo-timeline-vertical-padding-with-dates-calc: $kendo-timeline-vertical-padding-with-dates-calc,
214
+ $kendo-timeline-mobile-vertical-padding-calc: $kendo-timeline-mobile-vertical-padding-calc,
215
+ $kendo-timeline-mobile-vertical-padding-with-dates-calc: $kendo-timeline-mobile-vertical-padding-with-dates-calc,
216
+ $kendo-timeline-circle-width: $kendo-timeline-circle-width,
217
+ $kendo-timeline-circle-height: $kendo-timeline-circle-height,
218
+ $kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
219
+ $kendo-timeline-event-width: $kendo-timeline-event-width,
220
+ $kendo-timeline-event-height: $kendo-timeline-event-height,
221
+ $kendo-timeline-card-shadow: $kendo-timeline-card-shadow,
222
+ $kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc
223
+ );
package/scss/timepicker/_index.scss ADDED
@@ -0,0 +1,26 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../input/_index.scss" as *;
4
+ @use "../button/_index.scss" as *;
5
+ @use "../popup/_index.scss" as *;
6
+ @use "../list/_index.scss" as *;
7
+ @use "../timeselector/_index.scss" as *;
8
+
9
+ // Component
10
+ @forward "./_variables.scss";
11
+ @use "./_layout.scss" as *;
12
+ @use "./_theme.scss" as *;
13
+
14
+ // Expose
15
+ @mixin kendo-time-picker--styles() {
16
+ @include import-once( "time-picker" ) {
17
+ @include core-styles();
18
+ @include kendo-input--styles();
19
+ @include kendo-button--styles();
20
+ @include kendo-popup--styles();
21
+ @include kendo-list--styles();
22
+ @include kendo-time-selector--styles();
23
+ @include kendo-time-picker--layout();
24
+ @include kendo-time-picker--theme();
25
+ }
26
+ }
package/scss/timepicker/_layout.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use "@progress/kendo-theme-core/scss/components/timepicker/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-time-picker--layout() {
5
+ @include kendo-time-picker--layout-base();
6
+
7
+ .k-timepicker-popup.k-popup {
8
+ padding: 0;
9
+ }
10
+ }
package/scss/timepicker/_theme.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/timepicker/_theme.scss" as *;
2
+
3
+
4
+ @mixin kendo-time-picker--theme() {
5
+ @include kendo-time-picker--theme-base();
6
+ }
package/scss/timepicker/_variables.scss ADDED
@@ -0,0 +1 @@
1
+ // Time picker
package/scss/timeselector/_index.scss ADDED
@@ -0,0 +1,22 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../button/_index.scss" as *;
4
+ @use "../action-buttons/_index.scss" as *;
5
+ @use "../list/_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-time-selector--styles() {
14
+ @include import-once( "time-selector" ) {
15
+ @include core-styles();
16
+ @include kendo-button--styles();
17
+ @include kendo-action-buttons--styles();
18
+ @include kendo-list--styles();
19
+ @include kendo-time-selector--layout();
20
+ @include kendo-time-selector--theme();
21
+ }
22
+ }
package/scss/timeselector/_layout.scss ADDED
@@ -0,0 +1,23 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "../popup/_variables.scss" as *;
3
+ @use "@progress/kendo-theme-core/scss/components/timeselector/_layout.scss" as *;
4
+
5
+
6
+ @mixin kendo-time-selector--layout() {
7
+ @include kendo-time-selector--layout-base();
8
+
9
+ .k-time-list-wrapper .k-title {
10
+ font-weight: var(--kendo-font-weight-medium);
11
+ }
12
+
13
+ .k-time-list-container {
14
+ padding-top: k-spacing(2);
15
+ }
16
+
17
+ .k-time-footer.k-actions {
18
+ margin-top: 0;
19
+
20
+ border-bottom-left-radius: $kendo-popup-border-radius;
21
+ border-bottom-right-radius: $kendo-popup-border-radius;
22
+ }
23
+ }
package/scss/timeselector/_theme.scss ADDED
@@ -0,0 +1,16 @@
1
+ @use "variables.scss" as *;
2
+ @use "@progress/kendo-theme-core/scss/components/timeselector/_theme.scss" as *;
3
+
4
+
5
+ @mixin kendo-time-selector--theme() {
6
+ @include kendo-time-selector--theme-base();
7
+
8
+ .k-timeselector {
9
+ background: unset;
10
+ }
11
+
12
+ .k-time-list-container,
13
+ .k-time-footer {
14
+ background-color: $kendo-time-selector-bg;
15
+ }
16
+ }
package/scss/timeselector/_variables.scss ADDED
@@ -0,0 +1,197 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "../action-buttons/_variables.scss" as *;
3
+ @use "../list/_variables.scss" as *;
4
+
5
+ // Time selector
6
+
7
+ /// The default size of the TimeSelector.
8
+ /// @group time-selector
9
+ /// @role default
10
+ $kendo-time-selector-default-size: "md" !default;
11
+
12
+ /// The width of the border around the TimeSelector.
13
+ /// @group time-selector
14
+ $kendo-time-selector-border-width: 1px !default;
15
+ /// The font family of the TimeSelector.
16
+ /// @group time-selector
17
+ $kendo-time-selector-font-family: var( --kendo-font-family, inherit ) !default;
18
+ /// The font size of the TimeSelector.
19
+ /// @group time-selector
20
+ $kendo-time-selector-font-size: null !default;
21
+ /// The line height of the TimeSelector.
22
+ /// @group time-selector
23
+ $kendo-time-selector-line-height: null !default;
24
+
25
+ /// The background color of the TimeSelector.
26
+ /// @group time-selector
27
+ $kendo-time-selector-bg: k-color(surface-alt) !default;
28
+ /// The text color of the TimeSelector.
29
+ /// @group time-selector
30
+ $kendo-time-selector-text: k-color(on-app-surface) !default;
31
+ /// The border color of the TimeSelector.
32
+ /// @group time-selector
33
+ $kendo-time-selector-border: k-color(border) !default;
34
+
35
+ /// The horizontal padding of the TimeSelector header.
36
+ /// @group time-selector
37
+ $kendo-time-selector-header-padding-x: $kendo-actions-padding-x !default;
38
+ /// The vertical padding of the TimeSelector header.
39
+ /// @group time-selector
40
+ $kendo-time-selector-header-padding-y: $kendo-actions-padding-y !default;
41
+ /// The width of the border around the TimeSelector header.
42
+ /// @group time-selector
43
+ $kendo-time-selector-header-border-width: 0px !default;
44
+ /// The text color of the TimeSelector header title.
45
+ /// @group time-selector
46
+ $kendo-time-selector-header-title-text: unset !default;
47
+ /// The text color of the TimeSelector header current time indicator.
48
+ /// @group time-selector
49
+ $kendo-time-selector-header-time-now-text: k-color(primary) !default;
50
+ /// The text color of the hovered TimeSelector header current time indicator.
51
+ /// @group time-selector
52
+ $kendo-time-selector-header-time-now-hover-text: k-color(primary-hover) !default;
53
+
54
+ /// The gap of the TimeSelector fast selection.
55
+ /// @group time-selector
56
+ $kendo-time-selector-fast-selection-gap: null !default;
57
+
58
+ /// The width of the TimeSelector list.
59
+ /// @group time-selector
60
+ $kendo-time-list-width: 4em !default;
61
+ /// The height of the TimeSelector list.
62
+ /// @group time-selector
63
+ $kendo-time-list-height: 240px !default;
64
+
65
+ /// The font size of the TimeSelector list title.
66
+ /// @group time-selector
67
+ $kendo-time-list-title-font-size: var( --kendo-font-size-sm, inherit ) !default;
68
+ /// The line height of the TimeSelector list title.
69
+ /// @group time-selector
70
+ $kendo-time-list-title-line-height: var( --kendo-line-height-lg, normal ) !default;
71
+ /// The height of the TimeSelector list title.
72
+ /// @group time-selector
73
+ $kendo-time-list-title-height: calc( ( #{$kendo-time-list-title-font-size} ) * ( #{$kendo-time-list-title-line-height} ) ) !default;
74
+ /// The text color of the TimeSelector list title.
75
+ /// @group time-selector
76
+ $kendo-time-list-title-text: k-color(subtle) !default;
77
+ /// The text color of the focused TimeSelector list title.
78
+ /// @group time-selector
79
+ $kendo-time-list-title-focus-text: k-color(on-app-surface) !default;
80
+
81
+ /// The horizontal padding of the TimeSelector list item.
82
+ /// @group time-selector
83
+ $kendo-time-list-item-padding-x: $kendo-list-md-item-padding-x !default;
84
+ /// The vertical padding of the TimeSelector list item.
85
+ /// @group time-selector
86
+ $kendo-time-list-item-padding-y: $kendo-list-md-item-padding-y !default;
87
+
88
+ /// The background color of the focused TimeSelector list.
89
+ /// @group time-selector
90
+ $kendo-time-list-focus-bg: k-color(secondary-subtle) !default;
91
+
92
+
93
+ // Time selector sizes
94
+ /// The font size of the small TimeSelector.
95
+ /// @group time-selector
96
+ $kendo-time-selector-sm-font-size: $kendo-list-sm-font-size !default;
97
+ /// The line height of the small TimeSelector.
98
+ /// @group time-selector
99
+ $kendo-time-selector-sm-line-height: $kendo-list-sm-line-height !default;
100
+ /// The horizontal padding of the small TimeSelector list item.
101
+ /// @group time-selector
102
+ $kendo-time-selector-sm-list-item-padding-x: $kendo-list-sm-item-padding-x !default;
103
+ /// The vertical padding of the small TimeSelector list item.
104
+ /// @group time-selector
105
+ $kendo-time-selector-sm-list-item-padding-y: $kendo-list-sm-item-padding-y !default;
106
+
107
+ /// The font size of the medium TimeSelector.
108
+ /// @group time-selector
109
+ $kendo-time-selector-md-font-size: $kendo-list-md-font-size !default;
110
+ /// The line height of the medium TimeSelector.
111
+ /// @group time-selector
112
+ $kendo-time-selector-md-line-height: $kendo-list-md-line-height !default;
113
+ /// The horizontal padding of the medium TimeSelector list item.
114
+ /// @group time-selector
115
+ $kendo-time-selector-md-list-item-padding-x: $kendo-list-md-item-padding-x !default;
116
+ /// The vertical padding of the medium TimeSelector list item.
117
+ /// @group time-selector
118
+ $kendo-time-selector-md-list-item-padding-y: $kendo-list-md-item-padding-y !default;
119
+
120
+ /// The font size of the large TimeSelector.
121
+ /// @group time-selector
122
+ $kendo-time-selector-lg-font-size: $kendo-list-lg-font-size !default;
123
+ /// The line height of the large TimeSelector.
124
+ /// @group time-selector
125
+ $kendo-time-selector-lg-line-height: $kendo-list-lg-line-height !default;
126
+ /// The horizontal padding of the large TimeSelector list item.
127
+ /// @group time-selector
128
+ $kendo-time-selector-lg-list-item-padding-x: $kendo-list-lg-item-padding-x !default;
129
+ /// The vertical padding of the large TimeSelector list item.
130
+ /// @group time-selector
131
+ $kendo-time-selector-lg-list-item-padding-y: $kendo-list-lg-item-padding-y !default;
132
+
133
+ /// The width of the border around the TimeSelector list highlight.
134
+ /// @group time-selector
135
+ $kendo-time-list-highlight-border-width: 1px 0px !default;
136
+ /// The height of the TimeSelector list highlight.
137
+ /// @group time-selector
138
+ $kendo-time-list-highlight-height: calc( calc( #{$kendo-time-selector-md-font-size} * #{$kendo-time-selector-md-line-height} ) + calc( #{$kendo-time-list-item-padding-y} * 2 ) ) !default;
139
+ /// The background color of the TimeSelector list highlight.
140
+ /// @group time-selector
141
+ $kendo-time-list-highlight-bg: k-color(surface-alt) !default;
142
+ /// The border color of the TimeSelector list highlight.
143
+ /// @group time-selector
144
+ $kendo-time-list-highlight-border: k-color(border) !default;
145
+
146
+ /// The text color of the TimeSelector button.
147
+ /// @group time-selector
148
+ $kendo-time-selector-now-button-text: k-color(primary) !default;
149
+ /// The text color of the hovered TimeSelector button.
150
+ /// @group time-selector
151
+ $kendo-time-selector-now-button-hover-text: k-color(primary-hover) !default;
152
+
153
+ @forward "@progress/kendo-theme-core/scss/components/timeselector/_variables.scss" with (
154
+ $kendo-time-selector-default-size: $kendo-time-selector-default-size,
155
+ $kendo-time-selector-border-width: $kendo-time-selector-border-width,
156
+ $kendo-time-selector-font-family: $kendo-time-selector-font-family,
157
+ $kendo-time-selector-font-size: $kendo-time-selector-font-size,
158
+ $kendo-time-selector-line-height: $kendo-time-selector-line-height,
159
+ $kendo-time-selector-bg: $kendo-time-selector-bg,
160
+ $kendo-time-selector-text: $kendo-time-selector-text,
161
+ $kendo-time-selector-border: $kendo-time-selector-border,
162
+ $kendo-time-selector-header-padding-x: $kendo-time-selector-header-padding-x,
163
+ $kendo-time-selector-header-padding-y: $kendo-time-selector-header-padding-y,
164
+ $kendo-time-selector-header-border-width: $kendo-time-selector-header-border-width,
165
+ $kendo-time-selector-fast-selection-gap: $kendo-time-selector-fast-selection-gap,
166
+ $kendo-time-selector-header-title-text: $kendo-time-selector-header-title-text,
167
+ $kendo-time-selector-header-time-now-text: $kendo-time-selector-header-time-now-text,
168
+ $kendo-time-selector-header-time-now-hover-text: $kendo-time-selector-header-time-now-hover-text,
169
+ $kendo-time-list-width: $kendo-time-list-width,
170
+ $kendo-time-list-height: $kendo-time-list-height,
171
+ $kendo-time-list-title-font-size: $kendo-time-list-title-font-size,
172
+ $kendo-time-list-title-line-height: $kendo-time-list-title-line-height,
173
+ $kendo-time-list-title-height: $kendo-time-list-title-height,
174
+ $kendo-time-list-title-text: $kendo-time-list-title-text,
175
+ $kendo-time-list-title-focus-text: $kendo-time-list-title-focus-text,
176
+ $kendo-time-list-item-padding-x: $kendo-time-list-item-padding-x,
177
+ $kendo-time-list-item-padding-y: $kendo-time-list-item-padding-y,
178
+ $kendo-time-list-highlight-border-width: $kendo-time-list-highlight-border-width,
179
+ $kendo-time-list-highlight-height: $kendo-time-list-highlight-height,
180
+ $kendo-time-list-highlight-bg: $kendo-time-list-highlight-bg,
181
+ $kendo-time-list-highlight-border: $kendo-time-list-highlight-border,
182
+ $kendo-time-list-focus-bg: $kendo-time-list-focus-bg,
183
+ $kendo-time-selector-sm-font-size: $kendo-time-selector-sm-font-size,
184
+ $kendo-time-selector-sm-line-height: $kendo-time-selector-sm-line-height,
185
+ $kendo-time-selector-sm-list-item-padding-x: $kendo-time-selector-sm-list-item-padding-x,
186
+ $kendo-time-selector-sm-list-item-padding-y: $kendo-time-selector-sm-list-item-padding-y,
187
+ $kendo-time-selector-md-font-size: $kendo-time-selector-md-font-size,
188
+ $kendo-time-selector-md-line-height: $kendo-time-selector-md-line-height,
189
+ $kendo-time-selector-md-list-item-padding-x: $kendo-time-selector-md-list-item-padding-x,
190
+ $kendo-time-selector-md-list-item-padding-y: $kendo-time-selector-md-list-item-padding-y,
191
+ $kendo-time-selector-lg-font-size: $kendo-time-selector-lg-font-size,
192
+ $kendo-time-selector-lg-line-height: $kendo-time-selector-lg-line-height,
193
+ $kendo-time-selector-lg-list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,
194
+ $kendo-time-selector-lg-list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y,
195
+ $kendo-time-selector-now-button-text: $kendo-time-selector-now-button-text,
196
+ $kendo-time-selector-now-button-hover-text: $kendo-time-selector-now-button-hover-text
197
+ );
package/scss/toolbar/_index.scss ADDED
@@ -0,0 +1,27 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+ @use "../utils/_index.scss" as *;
5
+ @use "../button/_index.scss" as *;
6
+ @use "../popup/_index.scss" as *;
7
+ @use "../menu/_index.scss" as *;
8
+
9
+ // Component
10
+ @forward "./_variables.scss";
11
+ @use "./_layout.scss" as *;
12
+ @use "./_theme.scss" as *;
13
+
14
+ // Expose
15
+ @mixin kendo-toolbar--styles() {
16
+ @include import-once( "toolbar" ) {
17
+ @include core-styles();
18
+ @include kendo-button--styles();
19
+ @include kendo-popup--styles();
20
+ @include kendo-menu--styles();
21
+ @include kendo-icon--styles();
22
+ @include kendo-toolbar--layout();
23
+ @include kendo-toolbar--theme();
24
+ @include kendo-utils--layout--overflow();
25
+ @include kendo-utils--typography--vertical-align();
26
+ }
27
+ }
package/scss/toolbar/_layout.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/toolbar/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-toolbar--layout() {
5
+ @include kendo-toolbar--layout-base();
6
+ }
package/scss/toolbar/_theme.scss ADDED
@@ -0,0 +1,11 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "@progress/kendo-theme-core/scss/components/toolbar/_theme.scss" as *;
3
+
4
+
5
+ @mixin kendo-toolbar--theme() {
6
+ @include kendo-toolbar--theme-base();
7
+
8
+ .k-toolbar {
9
+ backdrop-filter: k-translucency-blur(1);
10
+ }
11
+ }