@progress/kendo-theme-classic 9.1.1-dev.2 → 10.0.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (492) hide show
  1. package/README.md +11 -20
  2. package/dist/all.css +1 -1
  3. package/dist/all.scss +1 -64666
  4. package/dist/classic-green-dark.css +1 -1
  5. package/dist/classic-green-dark.scss +36 -36
  6. package/dist/classic-green.css +1 -1
  7. package/dist/classic-green.scss +36 -36
  8. package/dist/classic-lavender-dark.css +1 -1
  9. package/dist/classic-lavender-dark.scss +44 -45
  10. package/dist/classic-lavender.css +1 -1
  11. package/dist/classic-lavender.scss +40 -41
  12. package/dist/classic-main-dark.css +1 -1
  13. package/dist/classic-main-dark.scss +36 -36
  14. package/dist/classic-main.css +1 -1
  15. package/dist/classic-main.scss +35 -33
  16. package/dist/classic-metro-dark.css +1 -1
  17. package/dist/classic-metro-dark.scss +45 -46
  18. package/dist/classic-metro.css +1 -1
  19. package/dist/classic-metro.scss +44 -45
  20. package/dist/classic-moonlight.css +1 -1
  21. package/dist/classic-moonlight.scss +44 -45
  22. package/dist/classic-opal-dark.css +1 -1
  23. package/dist/classic-opal-dark.scss +41 -41
  24. package/dist/classic-opal.css +1 -1
  25. package/dist/classic-opal.scss +36 -36
  26. package/dist/classic-silver-dark.css +1 -1
  27. package/dist/classic-silver-dark.scss +36 -36
  28. package/dist/classic-silver.css +1 -1
  29. package/dist/classic-silver.scss +36 -36
  30. package/dist/classic-uniform.css +1 -1
  31. package/dist/classic-uniform.scss +38 -38
  32. package/dist/meta/sassdoc-data.json +28989 -26537
  33. package/dist/meta/sassdoc-raw-data.json +14034 -13208
  34. package/dist/meta/variables.json +5969 -8336
  35. package/lib/swatches/classic-green-dark.json +2 -2
  36. package/lib/swatches/classic-green.json +2 -2
  37. package/lib/swatches/classic-lavender-dark.json +4 -9
  38. package/lib/swatches/classic-lavender.json +4 -9
  39. package/lib/swatches/classic-main-dark.json +2 -2
  40. package/lib/swatches/classic-main.json +2 -2
  41. package/lib/swatches/classic-metro-dark.json +4 -9
  42. package/lib/swatches/classic-metro.json +4 -9
  43. package/lib/swatches/classic-moonlight.json +4 -9
  44. package/lib/swatches/classic-opal-dark.json +2 -2
  45. package/lib/swatches/classic-opal.json +2 -2
  46. package/lib/swatches/classic-silver-dark.json +2 -2
  47. package/lib/swatches/classic-silver.json +2 -2
  48. package/lib/swatches/classic-uniform.json +2 -2
  49. package/package.json +5 -6
  50. package/scss/_variables.scss +0 -27
  51. package/scss/action-buttons/_index.scss +9 -31
  52. package/scss/action-buttons/_layout.scss +1 -1
  53. package/scss/action-buttons/_theme.scss +1 -1
  54. package/scss/action-buttons/_variables.scss +15 -0
  55. package/scss/action-sheet/_index.scss +13 -33
  56. package/scss/action-sheet/_layout.scss +1 -1
  57. package/scss/action-sheet/_theme.scss +1 -1
  58. package/scss/action-sheet/_variables.scss +69 -0
  59. package/scss/adaptive/_index.scss +16 -36
  60. package/scss/adaptive/_layout.scss +1 -1
  61. package/scss/adaptive/_theme.scss +1 -1
  62. package/scss/adaptive/_variables.scss +25 -0
  63. package/scss/all.scss +3 -6
  64. package/scss/appbar/_index.scss +6 -25
  65. package/scss/appbar/_layout.scss +1 -1
  66. package/scss/appbar/_theme.scss +1 -1
  67. package/scss/appbar/_variables.scss +23 -0
  68. package/scss/autocomplete/_index.scss +16 -36
  69. package/scss/autocomplete/_layout.scss +1 -1
  70. package/scss/autocomplete/_theme.scss +1 -1
  71. package/scss/avatar/_index.scss +6 -27
  72. package/scss/avatar/_layout.scss +1 -1
  73. package/scss/avatar/_theme.scss +1 -1
  74. package/scss/avatar/_variables.scss +11 -0
  75. package/scss/badge/_index.scss +8 -28
  76. package/scss/badge/_layout.scss +1 -1
  77. package/scss/badge/_theme.scss +1 -1
  78. package/scss/badge/_variables.scss +29 -0
  79. package/scss/bottom-navigation/_index.scss +9 -29
  80. package/scss/bottom-navigation/_layout.scss +1 -1
  81. package/scss/bottom-navigation/_theme.scss +1 -1
  82. package/scss/bottom-navigation/_variables.scss +27 -1
  83. package/scss/breadcrumb/_index.scss +11 -31
  84. package/scss/breadcrumb/_layout.scss +1 -1
  85. package/scss/breadcrumb/_theme.scss +1 -1
  86. package/scss/breadcrumb/_variables.scss +68 -0
  87. package/scss/button/_index.scss +10 -30
  88. package/scss/button/_layout.scss +1 -1
  89. package/scss/button/_theme.scss +1 -1
  90. package/scss/button/_variables.scss +98 -1
  91. package/scss/calendar/_index.scss +13 -33
  92. package/scss/calendar/_layout.scss +1 -1
  93. package/scss/calendar/_theme.scss +1 -1
  94. package/scss/calendar/_variables.scss +105 -3
  95. package/scss/captcha/_index.scss +17 -38
  96. package/scss/captcha/_layout.scss +1 -1
  97. package/scss/captcha/_theme.scss +1 -1
  98. package/scss/captcha/_variables.scss +20 -0
  99. package/scss/card/_index.scss +13 -33
  100. package/scss/card/_layout.scss +1 -1
  101. package/scss/card/_theme.scss +1 -1
  102. package/scss/card/_variables.scss +61 -1
  103. package/scss/chart-wizard/_index.scss +27 -47
  104. package/scss/chart-wizard/_layout.scss +1 -1
  105. package/scss/chart-wizard/_theme.scss +1 -1
  106. package/scss/chart-wizard/_variables.scss +18 -0
  107. package/scss/chat/_index.scss +14 -36
  108. package/scss/chat/_layout.scss +1 -1
  109. package/scss/chat/_theme.scss +1 -1
  110. package/scss/chat/_variables.scss +72 -0
  111. package/scss/checkbox/_index.scss +6 -25
  112. package/scss/checkbox/_layout.scss +1 -1
  113. package/scss/checkbox/_theme.scss +1 -1
  114. package/scss/checkbox/_variables.scss +55 -2
  115. package/scss/chip/_index.scss +9 -30
  116. package/scss/chip/_layout.scss +1 -1
  117. package/scss/chip/_theme.scss +1 -1
  118. package/scss/chip/_variables.scss +55 -5
  119. package/scss/color-preview/_index.scss +6 -27
  120. package/scss/color-preview/_layout.scss +1 -1
  121. package/scss/color-preview/_theme.scss +1 -1
  122. package/scss/color-preview/_variables.scss +18 -0
  123. package/scss/coloreditor/_index.scss +14 -35
  124. package/scss/coloreditor/_layout.scss +1 -1
  125. package/scss/coloreditor/_theme.scss +1 -1
  126. package/scss/coloreditor/_variables.scss +30 -0
  127. package/scss/colorgradient/_index.scss +17 -37
  128. package/scss/colorgradient/_layout.scss +1 -1
  129. package/scss/colorgradient/_theme.scss +1 -1
  130. package/scss/colorgradient/_variables.scss +52 -2
  131. package/scss/colorpalette/_index.scss +6 -25
  132. package/scss/colorpalette/_layout.scss +1 -1
  133. package/scss/colorpalette/_theme.scss +1 -1
  134. package/scss/colorpalette/_variables.scss +14 -0
  135. package/scss/colorpicker/_index.scss +16 -36
  136. package/scss/colorpicker/_layout.scss +1 -1
  137. package/scss/colorpicker/_theme.scss +1 -1
  138. package/scss/combobox/_index.scss +16 -37
  139. package/scss/combobox/_layout.scss +1 -1
  140. package/scss/combobox/_theme.scss +1 -1
  141. package/scss/core/_index.scss +48 -22
  142. package/scss/core/border-radii/index.import.scss +50 -1
  143. package/scss/core/color-system/_palettes.scss +17 -15
  144. package/scss/core/color-system/_swatch-legacy.scss +345 -74
  145. package/scss/core/color-system/_swatch.scss +150 -365
  146. package/scss/core/color-system/index.import.scss +1 -0
  147. package/scss/core/elevation/index.import.scss +46 -0
  148. package/scss/core/functions/index.import.scss +1 -1
  149. package/scss/core/mixins/index.import.scss +1 -1
  150. package/scss/core/spacing/index.import.scss +48 -12
  151. package/scss/core/styles/index.import.scss +1 -1
  152. package/scss/core/typography/index.import.scss +184 -1
  153. package/scss/dataviz/_index.scss +10 -33
  154. package/scss/dataviz/_layout.scss +1 -1
  155. package/scss/dataviz/_theme.scss +1 -1
  156. package/scss/dataviz/_variables.scss +117 -2
  157. package/scss/dateinput/_index.scss +8 -30
  158. package/scss/dateinput/_layout.scss +1 -1
  159. package/scss/dateinput/_theme.scss +1 -1
  160. package/scss/datepicker/_index.scss +12 -35
  161. package/scss/datepicker/_layout.scss +1 -1
  162. package/scss/datepicker/_theme.scss +1 -1
  163. package/scss/daterangepicker/_index.scss +14 -37
  164. package/scss/daterangepicker/_layout.scss +1 -1
  165. package/scss/daterangepicker/_theme.scss +1 -1
  166. package/scss/daterangepicker/_variables.scss +5 -0
  167. package/scss/datetimepicker/_index.scss +20 -44
  168. package/scss/datetimepicker/_layout.scss +1 -1
  169. package/scss/datetimepicker/_theme.scss +1 -1
  170. package/scss/datetimepicker/_variables.scss +7 -0
  171. package/scss/dialog/_index.scss +8 -31
  172. package/scss/dialog/_layout.scss +1 -1
  173. package/scss/dialog/_theme.scss +1 -1
  174. package/scss/dialog/_variables.scss +22 -6
  175. package/scss/dock-manager/_index.scss +12 -27
  176. package/scss/dock-manager/_layout.scss +1 -1
  177. package/scss/dock-manager/_theme.scss +1 -1
  178. package/scss/dock-manager/_variables.scss +41 -0
  179. package/scss/draggable/_index.scss +6 -25
  180. package/scss/draggable/_layout.scss +1 -1
  181. package/scss/draggable/_theme.scss +1 -1
  182. package/scss/draggable/_variables.scss +31 -3
  183. package/scss/drawer/_index.scss +12 -32
  184. package/scss/drawer/_layout.scss +1 -1
  185. package/scss/drawer/_theme.scss +1 -1
  186. package/scss/drawer/_variables.scss +40 -1
  187. package/scss/dropdowngrid/_index.scss +16 -38
  188. package/scss/dropdowngrid/_layout.scss +1 -1
  189. package/scss/dropdowngrid/_theme.scss +1 -1
  190. package/scss/dropdownlist/_index.scss +14 -36
  191. package/scss/dropdownlist/_layout.scss +1 -1
  192. package/scss/dropdownlist/_theme.scss +1 -1
  193. package/scss/dropdowntree/_index.scss +19 -37
  194. package/scss/dropdowntree/_layout.scss +1 -1
  195. package/scss/dropdowntree/_theme.scss +1 -1
  196. package/scss/dropdowntree/_variables.scss +8 -0
  197. package/scss/dropzone/_index.scss +6 -25
  198. package/scss/dropzone/_layout.scss +1 -1
  199. package/scss/dropzone/_theme.scss +1 -1
  200. package/scss/dropzone/_variables.scss +26 -0
  201. package/scss/editor/_index.scss +22 -44
  202. package/scss/editor/_layout.scss +1 -1
  203. package/scss/editor/_theme.scss +1 -1
  204. package/scss/editor/_variables.scss +46 -0
  205. package/scss/expansion-panel/_index.scss +11 -31
  206. package/scss/expansion-panel/_layout.scss +1 -1
  207. package/scss/expansion-panel/_theme.scss +1 -1
  208. package/scss/expansion-panel/_variables.scss +30 -0
  209. package/scss/fab/_index.scss +13 -34
  210. package/scss/fab/_layout.scss +1 -1
  211. package/scss/fab/_theme.scss +1 -1
  212. package/scss/fab/_variables.scss +54 -0
  213. package/scss/filemanager/_index.scss +28 -49
  214. package/scss/filemanager/_layout.scss +1 -1
  215. package/scss/filemanager/_theme.scss +1 -1
  216. package/scss/filemanager/_variables.scss +65 -0
  217. package/scss/filter/_index.scss +20 -41
  218. package/scss/filter/_layout.scss +1 -1
  219. package/scss/filter/_theme.scss +1 -1
  220. package/scss/filter/_variables.scss +16 -2
  221. package/scss/floating-label/_index.scss +6 -28
  222. package/scss/floating-label/_layout.scss +1 -1
  223. package/scss/floating-label/_theme.scss +1 -1
  224. package/scss/floating-label/_variables.scss +21 -0
  225. package/scss/forms/_index.scss +11 -32
  226. package/scss/forms/_layout.scss +1 -1
  227. package/scss/forms/_theme.scss +1 -1
  228. package/scss/forms/_variables.scss +84 -6
  229. package/scss/gantt/_index.scss +23 -46
  230. package/scss/gantt/_layout.scss +1 -1
  231. package/scss/gantt/_theme.scss +1 -1
  232. package/scss/gantt/_variables.scss +97 -2
  233. package/scss/grid/_index.scss +51 -74
  234. package/scss/grid/_layout.scss +1 -1
  235. package/scss/grid/_theme.scss +1 -1
  236. package/scss/grid/_variables.scss +161 -10
  237. package/scss/icons/_index.scss +8 -24
  238. package/scss/icons/_layout.scss +1 -1
  239. package/scss/icons/_theme.scss +1 -1
  240. package/scss/icons/_variables.scss +32 -0
  241. package/scss/imageeditor/_index.scss +16 -36
  242. package/scss/imageeditor/_layout.scss +1 -1
  243. package/scss/imageeditor/_theme.scss +1 -1
  244. package/scss/imageeditor/_variables.scss +37 -0
  245. package/scss/index.scss +280 -122
  246. package/scss/input/_index.scss +8 -29
  247. package/scss/input/_layout.scss +1 -1
  248. package/scss/input/_theme.scss +1 -1
  249. package/scss/input/_variables.scss +138 -5
  250. package/scss/list/_index.scss +6 -31
  251. package/scss/list/_layout.scss +1 -1
  252. package/scss/list/_theme.scss +1 -1
  253. package/scss/list/_variables.scss +95 -1
  254. package/scss/listbox/_index.scss +14 -34
  255. package/scss/listbox/_layout.scss +1 -1
  256. package/scss/listbox/_theme.scss +1 -1
  257. package/scss/listbox/_variables.scss +21 -0
  258. package/scss/listgroup/_index.scss +8 -28
  259. package/scss/listgroup/_layout.scss +1 -1
  260. package/scss/listgroup/_theme.scss +1 -1
  261. package/scss/listgroup/_variables.scss +16 -0
  262. package/scss/listview/_index.scss +11 -31
  263. package/scss/listview/_layout.scss +1 -1
  264. package/scss/listview/_theme.scss +1 -1
  265. package/scss/listview/_variables.scss +24 -0
  266. package/scss/loader/_index.scss +9 -29
  267. package/scss/loader/_layout.scss +1 -1
  268. package/scss/loader/_theme.scss +1 -1
  269. package/scss/loader/_variables.scss +43 -0
  270. package/scss/map/_index.scss +12 -32
  271. package/scss/map/_layout.scss +1 -1
  272. package/scss/map/_theme.scss +1 -1
  273. package/scss/map/_variables.scss +32 -3
  274. package/scss/maskedtextbox/_index.scss +12 -32
  275. package/scss/maskedtextbox/_layout.scss +1 -1
  276. package/scss/maskedtextbox/_theme.scss +1 -1
  277. package/scss/mediaplayer/_index.scss +12 -34
  278. package/scss/mediaplayer/_layout.scss +1 -1
  279. package/scss/mediaplayer/_theme.scss +1 -1
  280. package/scss/mediaplayer/_variables.scss +19 -0
  281. package/scss/menu/_index.scss +14 -34
  282. package/scss/menu/_layout.scss +1 -1
  283. package/scss/menu/_theme.scss +1 -1
  284. package/scss/menu/_variables.scss +105 -7
  285. package/scss/menu-button/_index.scss +10 -31
  286. package/scss/menu-button/_layout.scss +1 -1
  287. package/scss/menu-button/_theme.scss +1 -1
  288. package/scss/menu-button/_variables.scss +7 -0
  289. package/scss/messagebox/_index.scss +8 -28
  290. package/scss/messagebox/_layout.scss +1 -1
  291. package/scss/messagebox/_theme.scss +1 -1
  292. package/scss/messagebox/_variables.scss +19 -2
  293. package/scss/multiselect/_index.scss +20 -40
  294. package/scss/multiselect/_layout.scss +1 -1
  295. package/scss/multiselect/_theme.scss +1 -1
  296. package/scss/no-data/_index.scss +6 -22
  297. package/scss/no-data/_layout.scss +1 -1
  298. package/scss/no-data/_theme.scss +1 -1
  299. package/scss/no-data/_variables.scss +8 -0
  300. package/scss/notification/_functions.scss +17 -0
  301. package/scss/notification/_index.scss +10 -31
  302. package/scss/notification/_layout.scss +1 -1
  303. package/scss/notification/_theme.scss +1 -1
  304. package/scss/notification/_variables.scss +24 -14
  305. package/scss/numerictextbox/_index.scss +12 -33
  306. package/scss/numerictextbox/_layout.scss +1 -1
  307. package/scss/numerictextbox/_theme.scss +1 -1
  308. package/scss/orgchart/_index.scss +23 -48
  309. package/scss/orgchart/_layout.scss +1 -1
  310. package/scss/orgchart/_theme.scss +1 -1
  311. package/scss/orgchart/_variables.scss +53 -1
  312. package/scss/overlay/_index.scss +6 -24
  313. package/scss/overlay/_layout.scss +1 -1
  314. package/scss/overlay/_theme.scss +1 -1
  315. package/scss/overlay/_variables.scss +9 -0
  316. package/scss/pager/_index.scss +12 -32
  317. package/scss/pager/_layout.scss +1 -1
  318. package/scss/pager/_theme.scss +1 -1
  319. package/scss/pager/_variables.scss +52 -2
  320. package/scss/panel/_index.scss +7 -26
  321. package/scss/panel/_layout.scss +1 -1
  322. package/scss/panel/_theme.scss +1 -1
  323. package/scss/panel/_variables.scss +27 -10
  324. package/scss/panelbar/_index.scss +10 -30
  325. package/scss/panelbar/_layout.scss +1 -1
  326. package/scss/panelbar/_theme.scss +1 -1
  327. package/scss/panelbar/_variables.scss +91 -0
  328. package/scss/pdf-viewer/_index.scss +21 -44
  329. package/scss/pdf-viewer/_layout.scss +1 -1
  330. package/scss/pdf-viewer/_theme.scss +1 -1
  331. package/scss/pdf-viewer/_variables.scss +50 -1
  332. package/scss/pivotgrid/_index.scss +17 -41
  333. package/scss/pivotgrid/_layout.scss +1 -1
  334. package/scss/pivotgrid/_theme.scss +1 -1
  335. package/scss/pivotgrid/_variables.scss +94 -2
  336. package/scss/popover/_index.scss +10 -33
  337. package/scss/popover/_layout.scss +1 -1
  338. package/scss/popover/_theme.scss +1 -1
  339. package/scss/popover/_variables.scss +34 -1
  340. package/scss/popup/_index.scss +6 -25
  341. package/scss/popup/_layout.scss +1 -1
  342. package/scss/popup/_theme.scss +1 -1
  343. package/scss/popup/_variables.scss +18 -0
  344. package/scss/progressbar/_index.scss +6 -25
  345. package/scss/progressbar/_layout.scss +1 -1
  346. package/scss/progressbar/_theme.scss +1 -1
  347. package/scss/progressbar/_variables.scss +29 -0
  348. package/scss/prompt/_index.scss +8 -24
  349. package/scss/prompt/_layout.scss +1 -1
  350. package/scss/prompt/_theme.scss +1 -1
  351. package/scss/prompt/_variables.scss +26 -0
  352. package/scss/radio/_index.scss +6 -25
  353. package/scss/radio/_layout.scss +1 -1
  354. package/scss/radio/_theme.scss +1 -1
  355. package/scss/radio/_variables.scss +53 -3
  356. package/scss/rating/_index.scss +8 -28
  357. package/scss/rating/_layout.scss +1 -1
  358. package/scss/rating/_theme.scss +1 -1
  359. package/scss/rating/_variables.scss +28 -5
  360. package/scss/responsivepanel/_index.scss +8 -28
  361. package/scss/responsivepanel/_layout.scss +1 -1
  362. package/scss/responsivepanel/_theme.scss +1 -1
  363. package/scss/ripple/_index.scss +6 -25
  364. package/scss/ripple/_layout.scss +1 -1
  365. package/scss/ripple/_theme.scss +1 -1
  366. package/scss/scheduler/_index.scss +21 -54
  367. package/scss/scheduler/_layout.scss +1 -1
  368. package/scss/scheduler/_theme.scss +1 -1
  369. package/scss/scheduler/_variables.scss +121 -2
  370. package/scss/scroller/_index.scss +8 -28
  371. package/scss/scroller/_layout.scss +1 -1
  372. package/scss/scroller/_theme.scss +1 -1
  373. package/scss/scrollview/_index.scss +10 -30
  374. package/scss/scrollview/_layout.scss +1 -1
  375. package/scss/scrollview/_theme.scss +1 -1
  376. package/scss/scrollview/_variables.scss +36 -0
  377. package/scss/searchbox/_index.scss +12 -33
  378. package/scss/searchbox/_layout.scss +1 -1
  379. package/scss/searchbox/_theme.scss +1 -1
  380. package/scss/signature/_index.scss +10 -33
  381. package/scss/signature/_layout.scss +1 -1
  382. package/scss/signature/_theme.scss +1 -1
  383. package/scss/signature/_variables.scss +32 -0
  384. package/scss/skeleton/_index.scss +6 -25
  385. package/scss/skeleton/_layout.scss +1 -1
  386. package/scss/skeleton/_theme.scss +1 -1
  387. package/scss/skeleton/_variables.scss +12 -0
  388. package/scss/slider/_index.scss +12 -32
  389. package/scss/slider/_layout.scss +1 -1
  390. package/scss/slider/_theme.scss +1 -1
  391. package/scss/slider/_variables.scss +44 -0
  392. package/scss/split-button/_index.scss +11 -28
  393. package/scss/split-button/_layout.scss +1 -1
  394. package/scss/split-button/_theme.scss +1 -1
  395. package/scss/split-button/_variables.scss +15 -0
  396. package/scss/splitter/_index.scss +9 -26
  397. package/scss/splitter/_layout.scss +1 -1
  398. package/scss/splitter/_theme.scss +1 -1
  399. package/scss/splitter/_variables.scss +26 -0
  400. package/scss/spreadsheet/_index.scss +37 -60
  401. package/scss/spreadsheet/_layout.scss +1 -1
  402. package/scss/spreadsheet/_theme.scss +1 -1
  403. package/scss/spreadsheet/_variables.scss +107 -0
  404. package/scss/stepper/_index.scss +10 -30
  405. package/scss/stepper/_layout.scss +1 -1
  406. package/scss/stepper/_theme.scss +1 -1
  407. package/scss/stepper/_variables.scss +78 -2
  408. package/scss/switch/_index.scss +6 -26
  409. package/scss/switch/_layout.scss +1 -1
  410. package/scss/switch/_theme.scss +1 -1
  411. package/scss/switch/_variables.scss +66 -3
  412. package/scss/table/_index.scss +6 -25
  413. package/scss/table/_layout.scss +1 -1
  414. package/scss/table/_theme.scss +1 -1
  415. package/scss/table/_variables.scss +47 -1
  416. package/scss/tabstrip/_index.scss +13 -34
  417. package/scss/tabstrip/_layout.scss +1 -1
  418. package/scss/tabstrip/_theme.scss +1 -1
  419. package/scss/tabstrip/_variables.scss +55 -0
  420. package/scss/taskboard/_index.scss +21 -49
  421. package/scss/taskboard/_layout.scss +1 -1
  422. package/scss/taskboard/_theme.scss +1 -1
  423. package/scss/taskboard/_variables.scss +84 -1
  424. package/scss/textarea/_index.scss +11 -33
  425. package/scss/textarea/_layout.scss +1 -1
  426. package/scss/textarea/_theme.scss +1 -1
  427. package/scss/textbox/_index.scss +10 -32
  428. package/scss/textbox/_layout.scss +1 -1
  429. package/scss/textbox/_theme.scss +1 -1
  430. package/scss/tilelayout/_index.scss +11 -32
  431. package/scss/tilelayout/_layout.scss +1 -1
  432. package/scss/tilelayout/_theme.scss +1 -1
  433. package/scss/tilelayout/_variables.scss +17 -0
  434. package/scss/time-marker/_index.scss +6 -22
  435. package/scss/time-marker/_layout.scss +1 -1
  436. package/scss/time-marker/_theme.scss +1 -1
  437. package/scss/time-marker/_variables.scss +6 -0
  438. package/scss/timedurationpicker/_index.scss +18 -39
  439. package/scss/timedurationpicker/_layout.scss +1 -1
  440. package/scss/timedurationpicker/_theme.scss +1 -1
  441. package/scss/timeline/_index.scss +12 -32
  442. package/scss/timeline/_layout.scss +1 -1
  443. package/scss/timeline/_theme.scss +1 -1
  444. package/scss/timeline/_variables.scss +60 -1
  445. package/scss/timepicker/_index.scss +16 -38
  446. package/scss/timepicker/_layout.scss +1 -1
  447. package/scss/timepicker/_theme.scss +1 -1
  448. package/scss/timeselector/_index.scss +12 -33
  449. package/scss/timeselector/_layout.scss +1 -1
  450. package/scss/timeselector/_theme.scss +1 -1
  451. package/scss/timeselector/_variables.scss +45 -0
  452. package/scss/toolbar/_index.scss +15 -37
  453. package/scss/toolbar/_layout.scss +1 -1
  454. package/scss/toolbar/_theme.scss +1 -1
  455. package/scss/toolbar/_variables.scss +43 -0
  456. package/scss/tooltip/_functions.scss +17 -0
  457. package/scss/tooltip/_index.scss +11 -31
  458. package/scss/tooltip/_layout.scss +1 -1
  459. package/scss/tooltip/_theme.scss +1 -1
  460. package/scss/tooltip/_variables.scss +26 -16
  461. package/scss/treelist/_index.scss +10 -30
  462. package/scss/treelist/_layout.scss +1 -1
  463. package/scss/treelist/_theme.scss +1 -1
  464. package/scss/treelist/_variables.scss +8 -0
  465. package/scss/treeview/_index.scss +10 -30
  466. package/scss/treeview/_layout.scss +1 -1
  467. package/scss/treeview/_theme.scss +1 -1
  468. package/scss/treeview/_variables.scss +55 -0
  469. package/scss/typography/_index.scss +7 -26
  470. package/scss/typography/_layout.scss +1 -1
  471. package/scss/typography/_theme.scss +1 -1
  472. package/scss/typography/_variables.scss +83 -1
  473. package/scss/upload/_index.scss +15 -31
  474. package/scss/upload/_layout.scss +1 -1
  475. package/scss/upload/_theme.scss +1 -1
  476. package/scss/upload/_variables.scss +46 -0
  477. package/scss/utils/_index.scss +1 -1
  478. package/scss/validator/_index.scss +11 -27
  479. package/scss/validator/_layout.scss +1 -1
  480. package/scss/validator/_theme.scss +1 -1
  481. package/scss/virtual-scroller/_index.scss +7 -22
  482. package/scss/virtual-scroller/_layout.scss +1 -1
  483. package/scss/virtual-scroller/_theme.scss +1 -1
  484. package/scss/window/_index.scss +16 -36
  485. package/scss/window/_layout.scss +1 -1
  486. package/scss/window/_theme.scss +1 -1
  487. package/scss/window/_variables.scss +40 -4
  488. package/scss/wizard/_index.scss +14 -34
  489. package/scss/wizard/_layout.scss +1 -1
  490. package/scss/wizard/_theme.scss +1 -1
  491. package/scss/wizard/_variables.scss +19 -3
  492. package/scss/core/module-system/index.import.scss +0 -1
package/scss/card/_variables.scss CHANGED
@@ -1,4 +1,5 @@
1
- @import "../button/_variables.scss";
1
+ @use "../core/_index.scss" as *;
2
+ @use "../button/_variables.scss" as *;
2
3
 
3
4
  // Card
4
5
 
@@ -182,3 +183,62 @@ $kendo-card-callout-width: 20px !default;
182
183
  /// The height of the Card callout.
183
184
  /// @group card
184
185
  $kendo-card-callout-height: 20px !default;
186
+
187
+
188
+ @forward "@progress/kendo-theme-default/scss/card/_variables.scss" with (
189
+ $kendo-card-padding-x: $kendo-card-padding-x,
190
+ $kendo-card-padding-y: $kendo-card-padding-y,
191
+ $kendo-card-border-width: $kendo-card-border-width,
192
+ $kendo-card-border-radius: $kendo-card-border-radius,
193
+ $kendo-card-inner-border-radius: $kendo-card-inner-border-radius,
194
+ $kendo-card-font-family: $kendo-card-font-family,
195
+ $kendo-card-font-size: $kendo-card-font-size,
196
+ $kendo-card-line-height: $kendo-card-line-height,
197
+ $kendo-card-deck-gap: $kendo-card-deck-gap,
198
+ $kendo-card-bg: $kendo-card-bg,
199
+ $kendo-card-text: $kendo-card-text,
200
+ $kendo-card-border: $kendo-card-border,
201
+ $kendo-card-shadow: $kendo-card-shadow,
202
+ $kendo-card-focus-bg: $kendo-card-focus-bg,
203
+ $kendo-card-focus-text: $kendo-card-focus-text,
204
+ $kendo-card-focus-border: $kendo-card-focus-border,
205
+ $kendo-card-focus-shadow: $kendo-card-focus-shadow,
206
+ $kendo-card-header-padding-x: $kendo-card-header-padding-x,
207
+ $kendo-card-header-padding-y: $kendo-card-header-padding-y,
208
+ $kendo-card-header-border-width: $kendo-card-header-border-width,
209
+ $kendo-card-header-bg: $kendo-card-header-bg,
210
+ $kendo-card-header-text: $kendo-card-header-text,
211
+ $kendo-card-header-border: $kendo-card-header-border,
212
+ $kendo-card-body-padding-x: $kendo-card-body-padding-x,
213
+ $kendo-card-body-padding-y: $kendo-card-body-padding-y,
214
+ $kendo-card-footer-padding-x: $kendo-card-footer-padding-x,
215
+ $kendo-card-footer-padding-y: $kendo-card-footer-padding-y,
216
+ $kendo-card-footer-border-width: $kendo-card-footer-border-width,
217
+ $kendo-card-footer-bg: $kendo-card-footer-bg,
218
+ $kendo-card-footer-text: $kendo-card-footer-text,
219
+ $kendo-card-footer-border: $kendo-card-footer-border,
220
+ $kendo-card-title-margin-bottom: $kendo-card-title-margin-bottom,
221
+ $kendo-card-title-font-size: $kendo-card-title-font-size,
222
+ $kendo-card-title-font-family: $kendo-card-title-font-family,
223
+ $kendo-card-title-line-height: $kendo-card-title-line-height,
224
+ $kendo-card-title-font-weight: $kendo-card-title-font-weight,
225
+ $kendo-card-title-letter-spacing: $kendo-card-title-letter-spacing,
226
+ $kendo-card-subtitle-margin-bottom: $kendo-card-subtitle-margin-bottom,
227
+ $kendo-card-subtitle-font-size: $kendo-card-subtitle-font-size,
228
+ $kendo-card-subtitle-font-family: $kendo-card-subtitle-font-family,
229
+ $kendo-card-subtitle-line-height: $kendo-card-subtitle-line-height,
230
+ $kendo-card-subtitle-font-weight: $kendo-card-subtitle-font-weight,
231
+ $kendo-card-subtitle-letter-spacing: $kendo-card-subtitle-letter-spacing,
232
+ $kendo-card-subtitle-text: $kendo-card-subtitle-text,
233
+ $kendo-card-img-max-width: $kendo-card-img-max-width,
234
+ $kendo-card-avatar-size: $kendo-card-avatar-size,
235
+ $kendo-card-avatar-spacing: $kendo-card-avatar-spacing,
236
+ $kendo-card-actions-padding-x: $kendo-card-actions-padding-x,
237
+ $kendo-card-actions-padding-y: $kendo-card-actions-padding-y,
238
+ $kendo-card-actions-border-width: $kendo-card-actions-border-width,
239
+ $kendo-card-actions-gap: $kendo-card-actions-gap,
240
+ $kendo-card-deck-scroll-button-radius: $kendo-card-deck-scroll-button-radius,
241
+ $kendo-card-deck-scroll-button-offset: $kendo-card-deck-scroll-button-offset,
242
+ $kendo-card-callout-width: $kendo-card-callout-width,
243
+ $kendo-card-callout-height: $kendo-card-callout-height
244
+ );
package/scss/chart-wizard/_index.scss CHANGED
@@ -1,57 +1,37 @@
1
- @import "../core/_index.scss";
2
- @import "../utils/_index.scss";
3
-
4
-
5
- // Module meta
6
- $_kendo-module-meta: (
7
- name: "chart-wizard",
8
- dependencies: (
9
- "icon",
10
- "window",
11
- "splitter",
12
- "dataviz",
13
- "expander",
14
- "grid",
15
- "tabstrip",
16
- "listview",
17
- "form",
18
- "combobox"
19
- )
20
- );
21
-
22
-
23
1
  // Dependencies
24
- @import "../icons/_index.scss";
25
- @import "../window/_index.scss";
26
- @import "../splitter/_index.scss";
27
- @import "../dataviz/_index.scss";
28
- @import "../expansion-panel/_index.scss";
29
- @import "../grid/_index.scss";
30
- @import "../tabstrip/_index.scss";
31
- @import "../listview/_index.scss";
32
- @import "../forms/_index.scss";
33
- @import "../combobox/_index.scss";
34
-
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+ @use "../utils/_index.scss" as *;
5
+ @use "../window/_index.scss" as *;
6
+ @use "../splitter/_index.scss" as *;
7
+ @use "../dataviz/_index.scss" as *;
8
+ @use "../expansion-panel/_index.scss" as *;
9
+ @use "../grid/_index.scss" as *;
10
+ @use "../tabstrip/_index.scss" as *;
11
+ @use "../listview/_index.scss" as *;
12
+ @use "../forms/_index.scss" as *;
13
+ @use "../combobox/_index.scss" as *;
35
14
 
36
15
  // Component
37
- @import "./_variables.scss";
38
- @import "./_layout.scss";
39
- @import "./_theme.scss";
40
-
41
-
42
- // Register
43
- @import "../core/module-system/index.import.scss";
44
- @include module-register( $_kendo-module-meta... );
45
-
16
+ @forward "./_variables.scss";
17
+ @use "./_layout.scss" as *;
18
+ @use "./_theme.scss" as *;
46
19
 
47
20
  // Expose
48
21
  @mixin kendo-chart-wizard--styles() {
49
- @include module-render( "chart-wizard" ) {
22
+ @include import-once( "chart-wizard" ) {
23
+ @include core-styles();
24
+ @include kendo-icon--styles();
25
+ @include kendo-window--styles();
26
+ @include kendo-splitter--styles();
27
+ @include kendo-dataviz--styles();
28
+ @include kendo-expander--styles();
29
+ @include kendo-grid--styles();
30
+ @include kendo-tabstrip--styles();
31
+ @include kendo-listview--styles();
32
+ @include kendo-form--styles();
33
+ @include kendo-combobox--styles();
50
34
  @include kendo-chart-wizard--layout();
51
35
  @include kendo-chart-wizard--theme();
52
36
  }
53
37
  }
54
-
55
- @if $kendo-auto-bootstrap {
56
- @include kendo-chart-wizard--styles();
57
- }
package/scss/chart-wizard/_layout.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/chart-wizard/_layout.scss";
1
+ @use "@progress/kendo-theme-default/scss/chart-wizard/_layout.scss" as *;
2
2
 
3
3
  @mixin kendo-chart-wizard--layout() {
4
4
  @include kendo-chart-wizard--layout-base();
package/scss/chart-wizard/_theme.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/chart-wizard/_theme.scss";
1
+ @use "@progress/kendo-theme-default/scss/chart-wizard/_theme.scss" as *;
2
2
 
3
3
  @mixin kendo-chart-wizard--theme() {
4
4
  @include kendo-chart-wizard--theme-base();
package/scss/chart-wizard/_variables.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "../core/functions/index.import.scss" as *;
3
+
1
4
  // Chart wizard
2
5
 
3
6
  /// The color of the area around the chart type icon.
@@ -36,3 +39,18 @@ $kendo-chart-wizard-chart-type-spacing: k-spacing(4) !default;
36
39
  /// The gap between the icon area and its text.
37
40
  /// @group chart-wizard
38
41
  $kendo-chart-wizard-icon-text-gap: k-spacing(3) !default;
42
+
43
+
44
+ @forward "@progress/kendo-theme-default/scss/chart-wizard/_variables.scss" with (
45
+ $kendo-chart-wizard-icon-area-color: $kendo-chart-wizard-icon-area-color,
46
+ $kendo-chart-wizard-icon-area-bg: $kendo-chart-wizard-icon-area-bg,
47
+ $kendo-chart-wizard-icon-area-border-radius: $kendo-chart-wizard-icon-area-border-radius,
48
+ $kendo-chart-wizard-icon-area-padding: $kendo-chart-wizard-icon-area-padding,
49
+ $kendo-chart-wizard-icon-area-focus-shadow: $kendo-chart-wizard-icon-area-focus-shadow,
50
+ $kendo-chart-wizard-icon-area-selected-shadow: $kendo-chart-wizard-icon-area-selected-shadow,
51
+ $kendo-chart-wizard-chart-type-selected-color: $kendo-chart-wizard-chart-type-selected-color,
52
+ $kendo-chart-wizard-preview-pane-padding: $kendo-chart-wizard-preview-pane-padding,
53
+ $kendo-chart-wizard-property-pane-padding: $kendo-chart-wizard-property-pane-padding,
54
+ $kendo-chart-wizard-chart-type-spacing: $kendo-chart-wizard-chart-type-spacing,
55
+ $kendo-chart-wizard-icon-text-gap: $kendo-chart-wizard-icon-text-gap
56
+ );
package/scss/chat/_index.scss CHANGED
@@ -1,46 +1,24 @@
1
- @import "../core/_index.scss";
2
-
3
-
4
- // Module meta
5
- $_kendo-module-meta: (
6
- name: "chat",
7
- dependencies: (
8
- "avatar",
9
- "button",
10
- "card",
11
- "icon",
12
- "input",
13
- "toolbar"
14
- )
15
- );
16
-
17
-
18
1
  // Dependencies
19
- @import "../input/_index.scss";
20
- @import "../card/_index.scss";
21
- @import "../icons/_index.scss";
22
- @import "../toolbar/_index.scss";
23
-
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+ @use "../input/_index.scss" as *;
5
+ @use "../card/_index.scss" as *;
6
+ @use "../toolbar/_index.scss" as *;
24
7
 
25
8
  // Component
26
- @import "./_variables.scss";
27
- @import "./_layout.scss";
28
- @import "./_theme.scss";
29
-
30
-
31
- // Register
32
- @import "../core/module-system/index.import.scss";
33
- @include module-register( $_kendo-module-meta... );
34
-
9
+ @forward "./_variables.scss";
10
+ @use "./_layout.scss" as *;
11
+ @use "./_theme.scss" as *;
35
12
 
36
13
  // Expose
37
14
  @mixin kendo-chat--styles() {
38
- @include module-render( "chat" ) {
15
+ @include import-once( "chat" ) {
16
+ @include core-styles();
17
+ @include kendo-input--styles();
18
+ @include kendo-card--styles();
19
+ @include kendo-icon--styles();
20
+ @include kendo-toolbar--styles();
39
21
  @include kendo-chat--layout();
40
22
  @include kendo-chat--theme();
41
23
  }
42
24
  }
43
-
44
- @if $kendo-auto-bootstrap {
45
- @include kendo-chat--styles();
46
- }
package/scss/chat/_layout.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/chat/_layout.scss";
1
+ @use "@progress/kendo-theme-default/scss/chat/_layout.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-chat--layout() {
package/scss/chat/_theme.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/chat/_theme.scss";
1
+ @use "@progress/kendo-theme-default/scss/chat/_theme.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-chat--theme() {
package/scss/chat/_variables.scss CHANGED
@@ -1,3 +1,7 @@
1
+ @use "../core/_index.scss" as *;
2
+ @use "../core/functions/index.import.scss" as *;
3
+ @use "../toolbar/_variables.scss" as *;
4
+
1
5
  // Chat
2
6
 
3
7
  /// The horizontal padding of the Chat.
@@ -209,3 +213,71 @@ $kendo-chat-quick-reply-shadow-spread: 0px !default;
209
213
  /// The shadow opacity of the focused Chat quick reply.
210
214
  /// @group chat
211
215
  $kendo-chat-quick-reply-shadow-opacity: .75 !default;
216
+
217
+
218
+ @forward "@progress/kendo-theme-default/scss/chat/_variables.scss" with (
219
+ $kendo-chat-padding-x: $kendo-chat-padding-x,
220
+ $kendo-chat-padding-y: $kendo-chat-padding-y,
221
+ $kendo-chat-width: $kendo-chat-width,
222
+ $kendo-chat-height: $kendo-chat-height,
223
+ $kendo-chat-border-width: $kendo-chat-border-width,
224
+ $kendo-chat-font-family: $kendo-chat-font-family,
225
+ $kendo-chat-font-size: $kendo-chat-font-size,
226
+ $kendo-chat-line-height: $kendo-chat-line-height,
227
+ $kendo-chat-item-spacing-x: $kendo-chat-item-spacing-x,
228
+ $kendo-chat-item-spacing-y: $kendo-chat-item-spacing-y,
229
+ $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
230
+ $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
231
+ $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
232
+ $kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
233
+ $kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
234
+ $kendo-chat-timestamp-transform: $kendo-chat-timestamp-transform,
235
+ $kendo-chat-timestamp-text: $kendo-chat-timestamp-text,
236
+ $kendo-chat-timestamp-bg: $kendo-chat-timestamp-bg,
237
+ $kendo-chat-message-meta-font-size: $kendo-chat-message-meta-font-size,
238
+ $kendo-chat-message-meta-line-height: $kendo-chat-message-meta-line-height,
239
+ $kendo-chat-author-font-size: $kendo-chat-author-font-size,
240
+ $kendo-chat-author-line-height: $kendo-chat-author-line-height,
241
+ $kendo-chat-bubble-padding-x: $kendo-chat-bubble-padding-x,
242
+ $kendo-chat-bubble-padding-y: $kendo-chat-bubble-padding-y,
243
+ $kendo-chat-bubble-spacing: $kendo-chat-bubble-spacing,
244
+ $kendo-chat-bubble-line-height: $kendo-chat-bubble-line-height,
245
+ $kendo-chat-bubble-border-radius: $kendo-chat-bubble-border-radius,
246
+ $kendo-chat-bubble-border-radius-sm: $kendo-chat-bubble-border-radius-sm,
247
+ $kendo-chat-avatar-size: $kendo-chat-avatar-size,
248
+ $kendo-chat-avatar-spacing: $kendo-chat-avatar-spacing,
249
+ $kendo-chat-toolbar-padding-x: $kendo-chat-toolbar-padding-x,
250
+ $kendo-chat-toolbar-padding-y: $kendo-chat-toolbar-padding-y,
251
+ $kendo-chat-toolbar-spacing: $kendo-chat-toolbar-spacing,
252
+ $kendo-chat-toolbar-bg: $kendo-chat-toolbar-bg,
253
+ $kendo-chat-toolbar-text: $kendo-chat-toolbar-text,
254
+ $kendo-chat-toolbar-border: $kendo-chat-toolbar-border,
255
+ $kendo-chat-quick-reply-padding-x: $kendo-chat-quick-reply-padding-x,
256
+ $kendo-chat-quick-reply-padding-y: $kendo-chat-quick-reply-padding-y,
257
+ $kendo-chat-quick-reply-spacing: $kendo-chat-quick-reply-spacing,
258
+ $kendo-chat-quick-reply-line-height: $kendo-chat-quick-reply-line-height,
259
+ $kendo-chat-bg: $kendo-chat-bg,
260
+ $kendo-chat-text: $kendo-chat-text,
261
+ $kendo-chat-border: $kendo-chat-border,
262
+ $kendo-chat-bubble-bg: $kendo-chat-bubble-bg,
263
+ $kendo-chat-bubble-text: $kendo-chat-bubble-text,
264
+ $kendo-chat-bubble-border: $kendo-chat-bubble-border,
265
+ $kendo-chat-bubble-shadow: $kendo-chat-bubble-shadow,
266
+ $kendo-chat-bubble-hover-shadow: $kendo-chat-bubble-hover-shadow,
267
+ $kendo-chat-bubble-selected-shadow: $kendo-chat-bubble-selected-shadow,
268
+ $kendo-chat-alt-bubble-bg: $kendo-chat-alt-bubble-bg,
269
+ $kendo-chat-alt-bubble-text: $kendo-chat-alt-bubble-text,
270
+ $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-border,
271
+ $kendo-chat-alt-bubble-shadow: $kendo-chat-alt-bubble-shadow,
272
+ $kendo-chat-alt-bubble-hover-shadow: $kendo-chat-alt-bubble-hover-shadow,
273
+ $kendo-chat-alt-bubble-selected-shadow: $kendo-chat-alt-bubble-selected-shadow,
274
+ $kendo-chat-quick-reply-bg: $kendo-chat-quick-reply-bg,
275
+ $kendo-chat-quick-reply-text: $kendo-chat-quick-reply-text,
276
+ $kendo-chat-quick-reply-border: $kendo-chat-quick-reply-border,
277
+ $kendo-chat-quick-reply-hover-bg: $kendo-chat-quick-reply-hover-bg,
278
+ $kendo-chat-quick-reply-hover-text: $kendo-chat-quick-reply-hover-text,
279
+ $kendo-chat-quick-reply-hover-border: $kendo-chat-quick-reply-hover-border,
280
+ $kendo-chat-quick-reply-shadow-blur: $kendo-chat-quick-reply-shadow-blur,
281
+ $kendo-chat-quick-reply-shadow-spread: $kendo-chat-quick-reply-shadow-spread,
282
+ $kendo-chat-quick-reply-shadow-opacity: $kendo-chat-quick-reply-shadow-opacity
283
+ );
package/scss/checkbox/_index.scss CHANGED
@@ -1,35 +1,16 @@
1
- @import "../core/_index.scss";
2
-
3
-
4
- // Module meta
5
- $_kendo-module-meta: (
6
- name: "checkbox",
7
- dependencies: ()
8
- );
9
-
10
-
11
1
  // Dependencies
12
-
2
+ @use "../core/_index.scss" as *;
13
3
 
14
4
  // Component
15
- @import "./_variables.scss";
16
- @import "./_layout.scss";
17
- @import "./_theme.scss";
18
-
19
-
20
- // Register
21
- @import "../core/module-system/index.import.scss";
22
- @include module-register( $_kendo-module-meta... );
23
-
5
+ @forward "./_variables.scss";
6
+ @use "./_layout.scss" as *;
7
+ @use "./_theme.scss" as *;
24
8
 
25
9
  // Expose
26
10
  @mixin kendo-checkbox--styles() {
27
- @include module-render( "checkbox" ) {
11
+ @include import-once( "checkbox" ) {
12
+ @include core-styles();
28
13
  @include kendo-checkbox--layout();
29
14
  @include kendo-checkbox--theme();
30
15
  }
31
16
  }
32
-
33
- @if $kendo-auto-bootstrap {
34
- @include kendo-checkbox--styles();
35
- }
package/scss/checkbox/_layout.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/checkbox/_layout.scss";
1
+ @use "@progress/kendo-theme-default/scss/checkbox/_layout.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-checkbox--layout() {
package/scss/checkbox/_theme.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/checkbox/_theme.scss";
1
+ @use "@progress/kendo-theme-default/scss/checkbox/_theme.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-checkbox--theme() {
package/scss/checkbox/_variables.scss CHANGED
@@ -1,5 +1,6 @@
1
- @import "../list/_variables.scss";
2
-
1
+ @use "../list/_variables.scss" as *;
2
+ @use "../core/_index.scss" as *;
3
+ @use "../core/functions/index.import.scss" as *;
3
4
 
4
5
  // CheckBox
5
6
 
@@ -192,3 +193,55 @@ $kendo-checkbox-ripple-bg: $kendo-checkbox-checked-bg !default;
192
193
  /// The opacity of the CheckBox' ripple.
193
194
  /// @group checkbox
194
195
  $kendo-checkbox-ripple-opacity: .25 !default;
196
+
197
+
198
+ @forward "@progress/kendo-theme-default/scss/checkbox/_variables.scss" with (
199
+ $kendo-checkbox-border-width: $kendo-checkbox-border-width,
200
+ $kendo-checkbox-sm-size: $kendo-checkbox-sm-size,
201
+ $kendo-checkbox-md-size: $kendo-checkbox-md-size,
202
+ $kendo-checkbox-lg-size: $kendo-checkbox-lg-size,
203
+ $kendo-checkbox-sm-glyph-size: $kendo-checkbox-sm-glyph-size,
204
+ $kendo-checkbox-md-glyph-size: $kendo-checkbox-md-glyph-size,
205
+ $kendo-checkbox-lg-glyph-size: $kendo-checkbox-lg-glyph-size,
206
+ $kendo-checkbox-sm-ripple-size: $kendo-checkbox-sm-ripple-size,
207
+ $kendo-checkbox-md-ripple-size: $kendo-checkbox-md-ripple-size,
208
+ $kendo-checkbox-lg-ripple-size: $kendo-checkbox-lg-ripple-size,
209
+ $kendo-checkbox-sizes: $kendo-checkbox-sizes,
210
+ $kendo-checkbox-bg: $kendo-checkbox-bg,
211
+ $kendo-checkbox-text: $kendo-checkbox-text,
212
+ $kendo-checkbox-border: $kendo-checkbox-border,
213
+ $kendo-checkbox-hover-bg: $kendo-checkbox-hover-bg,
214
+ $kendo-checkbox-hover-text: $kendo-checkbox-hover-text,
215
+ $kendo-checkbox-hover-border: $kendo-checkbox-hover-border,
216
+ $kendo-checkbox-checked-bg: $kendo-checkbox-checked-bg,
217
+ $kendo-checkbox-checked-text: $kendo-checkbox-checked-text,
218
+ $kendo-checkbox-checked-border: $kendo-checkbox-checked-border,
219
+ $kendo-checkbox-indeterminate-bg: $kendo-checkbox-indeterminate-bg,
220
+ $kendo-checkbox-indeterminate-text: $kendo-checkbox-indeterminate-text,
221
+ $kendo-checkbox-indeterminate-border: $kendo-checkbox-indeterminate-border,
222
+ $kendo-checkbox-focus-border: $kendo-checkbox-focus-border,
223
+ $kendo-checkbox-focus-shadow: $kendo-checkbox-focus-shadow,
224
+ $kendo-checkbox-focus-checked-border: $kendo-checkbox-focus-checked-border,
225
+ $kendo-checkbox-focus-checked-shadow: $kendo-checkbox-focus-checked-shadow,
226
+ $kendo-checkbox-disabled-bg: $kendo-checkbox-disabled-bg,
227
+ $kendo-checkbox-disabled-text: $kendo-checkbox-disabled-text,
228
+ $kendo-checkbox-disabled-border: $kendo-checkbox-disabled-border,
229
+ $kendo-checkbox-disabled-checked-bg: $kendo-checkbox-disabled-checked-bg,
230
+ $kendo-checkbox-disabled-checked-text: $kendo-checkbox-disabled-checked-text,
231
+ $kendo-checkbox-disabled-checked-border: $kendo-checkbox-disabled-checked-border,
232
+ $kendo-checkbox-invalid-bg: $kendo-checkbox-invalid-bg,
233
+ $kendo-checkbox-invalid-text: $kendo-checkbox-invalid-text,
234
+ $kendo-checkbox-invalid-border: $kendo-checkbox-invalid-border,
235
+ $kendo-checkbox-indicator-type: $kendo-checkbox-indicator-type,
236
+ $kendo-checkbox-glyph-font-family: $kendo-checkbox-glyph-font-family,
237
+ $kendo-checkbox-checked-glyph: $kendo-checkbox-checked-glyph,
238
+ $kendo-checkbox-indeterminate-glyph: $kendo-checkbox-indeterminate-glyph,
239
+ $kendo-checkbox-checked-image: $kendo-checkbox-checked-image,
240
+ $kendo-checkbox-indeterminate-image: $kendo-checkbox-indeterminate-image,
241
+ $kendo-checkbox-label-margin-x: $kendo-checkbox-label-margin-x,
242
+ $kendo-checkbox-list-spacing: $kendo-checkbox-list-spacing,
243
+ $kendo-checkbox-list-item-padding-x: $kendo-checkbox-list-item-padding-x,
244
+ $kendo-checkbox-list-item-padding-y: $kendo-checkbox-list-item-padding-y,
245
+ $kendo-checkbox-ripple-bg: $kendo-checkbox-ripple-bg,
246
+ $kendo-checkbox-ripple-opacity: $kendo-checkbox-ripple-opacity
247
+ );
package/scss/chip/_index.scss CHANGED
@@ -1,41 +1,20 @@
1
- @import "../core/_index.scss";
2
- @import "../utils/_index.scss";
3
-
4
-
5
- // Module meta
6
- $_kendo-module-meta: (
7
- name: "chip",
8
- dependencies: (
9
- "avatar",
10
- "icon"
11
- )
12
- );
13
-
14
-
15
1
  // Dependencies
16
- @import "../icons/_index.scss";
17
-
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+ @use "../utils/_index.scss" as *;
18
5
 
19
6
  // Component
20
- @import "./_variables.scss";
21
- @import "./_layout.scss";
22
- @import "./_theme.scss";
23
-
24
-
25
- // Register
26
- @import "../core/module-system/index.import.scss";
27
- @include module-register( $_kendo-module-meta... );
28
-
7
+ @forward "./_variables.scss";
8
+ @use "./_layout.scss" as *;
9
+ @use "./_theme.scss" as *;
29
10
 
30
11
  // Expose
31
12
  @mixin kendo-chip--styles() {
32
- @include module-render( "chip" ) {
13
+ @include import-once( "chip" ) {
14
+ @include core-styles();
15
+ @include kendo-icon--styles();
33
16
  @include kendo-chip--layout();
34
17
  @include kendo-chip--theme();
35
18
  @include kendo-utils--typography--text-overflow();
36
19
  }
37
20
  }
38
-
39
- @if $kendo-auto-bootstrap {
40
- @include kendo-chip--styles();
41
- }
package/scss/chip/_layout.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/chip/_layout.scss";
1
+ @use "@progress/kendo-theme-default/scss/chip/_layout.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-chip--layout() {
package/scss/chip/_theme.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/chip/_theme.scss";
1
+ @use "@progress/kendo-theme-default/scss/chip/_theme.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-chip--theme() {
package/scss/chip/_variables.scss CHANGED
@@ -1,4 +1,7 @@
1
- @import "../button/_variables.scss";
1
+ @use "sass:map";
2
+ @use "../core/_index.scss" as *;
3
+ @use "../core/functions/index.import.scss" as *;
4
+ @use "../button/_variables.scss" as *;
2
5
 
3
6
 
4
7
  // Chip
@@ -98,10 +101,10 @@ $kendo-chip-base-bg: $kendo-button-bg !default;
98
101
  /// @group chip
99
102
  $kendo-chip-theme-colors: (
100
103
  "base": $kendo-chip-base-bg,
101
- "error": k-map-get( $kendo-theme-colors, "error" ),
102
- "info": k-map-get( $kendo-theme-colors, "info" ),
103
- "warning": k-map-get( $kendo-theme-colors, "warning" ),
104
- "success": k-map-get( $kendo-theme-colors, "success" )
104
+ "error": map.get( $kendo-theme-colors, "error" ),
105
+ "info": map.get( $kendo-theme-colors, "info" ),
106
+ "warning": map.get( $kendo-theme-colors, "warning" ),
107
+ "success": map.get( $kendo-theme-colors, "success" )
105
108
  ) !default;
106
109
 
107
110
  /// The base background color of the solid Chip.
@@ -177,3 +180,50 @@ $kendo-chip-list-sizes: (
177
180
  md: k-spacing(1),
178
181
  lg: k-spacing(1)
179
182
  ) !default;
183
+
184
+
185
+ @forward "@progress/kendo-theme-default/scss/chip/_variables.scss" with (
186
+ $kendo-chip-border-width: $kendo-chip-border-width,
187
+ $kendo-chip-spacing: $kendo-chip-spacing,
188
+ $kendo-chip-padding-x: $kendo-chip-padding-x,
189
+ $kendo-chip-sm-padding-x: $kendo-chip-sm-padding-x,
190
+ $kendo-chip-md-padding-x: $kendo-chip-md-padding-x,
191
+ $kendo-chip-lg-padding-x: $kendo-chip-lg-padding-x,
192
+ $kendo-chip-padding-y: $kendo-chip-padding-y,
193
+ $kendo-chip-sm-padding-y: $kendo-chip-sm-padding-y,
194
+ $kendo-chip-md-padding-y: $kendo-chip-md-padding-y,
195
+ $kendo-chip-lg-padding-y: $kendo-chip-lg-padding-y,
196
+ $kendo-chip-font-size: $kendo-chip-font-size,
197
+ $kendo-chip-sm-font-size: $kendo-chip-sm-font-size,
198
+ $kendo-chip-md-font-size: $kendo-chip-md-font-size,
199
+ $kendo-chip-lg-font-size: $kendo-chip-lg-font-size,
200
+ $kendo-chip-line-height: $kendo-chip-line-height,
201
+ $kendo-chip-sm-line-height: $kendo-chip-sm-line-height,
202
+ $kendo-chip-md-line-height: $kendo-chip-md-line-height,
203
+ $kendo-chip-lg-line-height: $kendo-chip-lg-line-height,
204
+ $kendo-chip-calc-size: $kendo-chip-calc-size,
205
+ $kendo-chip-sm-calc-size: $kendo-chip-sm-calc-size,
206
+ $kendo-chip-sizes: $kendo-chip-sizes,
207
+ $kendo-chip-base-bg: $kendo-chip-base-bg,
208
+ $kendo-chip-theme-colors: $kendo-chip-theme-colors,
209
+ $kendo-chip-solid-bg: $kendo-chip-solid-bg,
210
+ $kendo-chip-solid-text: $kendo-chip-solid-text,
211
+ $kendo-chip-solid-border: $kendo-chip-solid-border,
212
+ $kendo-chip-solid-shadow: $kendo-chip-solid-shadow,
213
+ $kendo-chip-solid-gradient: $kendo-chip-solid-gradient,
214
+ $kendo-chip-solid-focus-bg: $kendo-chip-solid-focus-bg,
215
+ $kendo-chip-solid-focus-text: $kendo-chip-solid-focus-text,
216
+ $kendo-chip-solid-hover-bg: $kendo-chip-solid-hover-bg,
217
+ $kendo-chip-solid-hover-text: $kendo-chip-solid-hover-text,
218
+ $kendo-chip-solid-selected-bg: $kendo-chip-solid-selected-bg,
219
+ $kendo-chip-solid-selected-text: $kendo-chip-solid-selected-text,
220
+ $kendo-chip-outline-bg: $kendo-chip-outline-bg,
221
+ $kendo-chip-outline-text: $kendo-chip-outline-text,
222
+ $kendo-chip-outline-border: $kendo-chip-outline-border,
223
+ $kendo-chip-outline-shadow: $kendo-chip-outline-shadow,
224
+ $kendo-chip-outline-hover-bg: $kendo-chip-outline-hover-bg,
225
+ $kendo-chip-outline-hover-text: $kendo-chip-outline-hover-text,
226
+ $kendo-chip-outline-selected-bg: $kendo-chip-outline-selected-bg,
227
+ $kendo-chip-outline-selected-text: $kendo-chip-outline-selected-text,
228
+ $kendo-chip-list-sizes: $kendo-chip-list-sizes
229
+ );
package/scss/color-preview/_index.scss CHANGED
@@ -1,37 +1,16 @@
1
- @import "../core/_index.scss";
2
-
3
-
4
- // Module meta
5
- $_kendo-module-meta: (
6
- name: "color-preview",
7
- dependencies: (
8
- "icon"
9
- )
10
- );
11
-
12
-
13
1
  // Dependencies
14
-
2
+ @use "../core/_index.scss" as *;
15
3
 
16
4
  // Component
17
- @import "./_variables.scss";
18
- @import "./_layout.scss";
19
- @import "./_theme.scss";
20
-
21
-
22
- // Register
23
- @import "../core/module-system/index.import.scss";
24
- @include module-register( $_kendo-module-meta... );
25
-
5
+ @forward "./_variables.scss";
6
+ @use "./_layout.scss" as *;
7
+ @use "./_theme.scss" as *;
26
8
 
27
9
  // Expose
28
10
  @mixin kendo-color-preview--styles() {
29
- @include module-render( "color-preview" ) {
11
+ @include import-once( "color-preview" ) {
12
+ @include core-styles();
30
13
  @include kendo-color-preview--layout();
31
14
  @include kendo-color-preview--theme();
32
15
  }
33
16
  }
34
-
35
- @if $kendo-auto-bootstrap {
36
- @include kendo-color-preview--styles();
37
- }
package/scss/color-preview/_layout.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "@progress/kendo-theme-default/scss/color-preview/_layout.scss";
1
+ @use "@progress/kendo-theme-default/scss/color-preview/_layout.scss" as *;
2
2
 
3
3
 
4
4
  @mixin kendo-color-preview--layout() {