@progress/kendo-theme-default 5.12.1-dev.0 → 5.12.1-dev.2

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 (396) hide show
  1. package/dist/all.css +23796 -11002
  2. package/dist/all.scss +16749 -14412
  3. package/dist/default-ocean-blue-a11y.scss +42 -0
  4. package/dist/default-ocean-blue.scss +20 -26
  5. package/lib/swatches/default-blue.json +1 -1
  6. package/lib/swatches/default-dataviz-v4.json +1 -1
  7. package/lib/swatches/default-green.json +1 -1
  8. package/lib/swatches/default-main-dark.json +1 -1
  9. package/lib/swatches/default-main.json +1 -1
  10. package/lib/swatches/default-nordic.json +1 -1
  11. package/lib/swatches/default-ocean-blue-a11y.json +272 -0
  12. package/lib/swatches/default-ocean-blue.json +21 -56
  13. package/lib/swatches/default-orange.json +1 -1
  14. package/lib/swatches/default-purple.json +1 -1
  15. package/lib/swatches/default-turquoise.json +1 -1
  16. package/lib/swatches/default-urban.json +1 -1
  17. package/package.json +8 -5
  18. package/scss/_variables.scss +183 -228
  19. package/scss/action-buttons/_index.scss +3 -3
  20. package/scss/action-buttons/_layout.scss +0 -15
  21. package/scss/action-buttons/_variables.scss +4 -4
  22. package/scss/action-sheet/_index.scss +3 -4
  23. package/scss/action-sheet/_layout.scss +1 -1
  24. package/scss/action-sheet/_theme.scss +1 -1
  25. package/scss/action-sheet/_variables.scss +19 -18
  26. package/scss/adaptive/_index.scss +3 -3
  27. package/scss/adaptive/_layout.scss +12 -23
  28. package/scss/adaptive/_theme.scss +1 -1
  29. package/scss/adaptive/_variables.scss +13 -13
  30. package/scss/all.scss +1 -1
  31. package/scss/appbar/_index.scss +3 -3
  32. package/scss/appbar/_layout.scss +9 -9
  33. package/scss/appbar/_theme.scss +7 -7
  34. package/scss/appbar/_variables.scss +16 -16
  35. package/scss/autocomplete/_index.scss +3 -3
  36. package/scss/avatar/_index.scss +3 -3
  37. package/scss/avatar/_theme.scss +1 -1
  38. package/scss/avatar/_variables.scss +3 -3
  39. package/scss/badge/_index.scss +4 -4
  40. package/scss/badge/_layout.scss +6 -6
  41. package/scss/badge/_theme.scss +2 -2
  42. package/scss/badge/_variables.scss +8 -8
  43. package/scss/bottom-navigation/_index.scss +4 -4
  44. package/scss/bottom-navigation/_layout.scss +1 -1
  45. package/scss/bottom-navigation/_theme.scss +4 -12
  46. package/scss/bottom-navigation/_variables.scss +9 -11
  47. package/scss/breadcrumb/_index.scss +3 -3
  48. package/scss/breadcrumb/_layout.scss +3 -3
  49. package/scss/breadcrumb/_theme.scss +15 -15
  50. package/scss/breadcrumb/_variables.scss +26 -24
  51. package/scss/button/_index.scss +3 -4
  52. package/scss/button/_layout.scss +8 -17
  53. package/scss/button/_theme.scss +22 -22
  54. package/scss/button/_variables.scss +23 -14
  55. package/scss/calendar/_index.scss +3 -3
  56. package/scss/calendar/_layout.scss +8 -19
  57. package/scss/calendar/_theme.scss +5 -19
  58. package/scss/calendar/_variables.scss +42 -39
  59. package/scss/captcha/_index.scss +4 -4
  60. package/scss/captcha/_variables.scss +5 -5
  61. package/scss/card/_index.scss +5 -6
  62. package/scss/card/_layout.scss +1 -18
  63. package/scss/card/_theme.scss +5 -5
  64. package/scss/card/_variables.scss +18 -18
  65. package/scss/chat/_index.scss +3 -3
  66. package/scss/chat/_layout.scss +3 -3
  67. package/scss/chat/_theme.scss +1 -1
  68. package/scss/chat/_variables.scss +21 -21
  69. package/scss/checkbox/_index.scss +3 -5
  70. package/scss/checkbox/_layout.scss +5 -5
  71. package/scss/checkbox/_theme.scss +2 -2
  72. package/scss/checkbox/_variables.scss +23 -20
  73. package/scss/chip/_index.scss +3 -4
  74. package/scss/chip/_layout.scss +4 -29
  75. package/scss/chip/_theme.scss +24 -24
  76. package/scss/chip/_variables.scss +28 -20
  77. package/scss/color-preview/_index.scss +3 -3
  78. package/scss/color-preview/_layout.scss +1 -1
  79. package/scss/color-preview/_variables.scss +5 -5
  80. package/scss/coloreditor/_index.scss +3 -3
  81. package/scss/coloreditor/_theme.scss +1 -1
  82. package/scss/coloreditor/_variables.scss +6 -6
  83. package/scss/colorgradient/_index.scss +6 -6
  84. package/scss/colorgradient/_layout.scss +4 -5
  85. package/scss/colorgradient/_theme.scss +9 -9
  86. package/scss/colorgradient/_variables.scss +11 -11
  87. package/scss/colorpalette/_index.scss +4 -4
  88. package/scss/colorpalette/_layout.scss +1 -2
  89. package/scss/colorpalette/_theme.scss +1 -1
  90. package/scss/colorpalette/_variables.scss +1 -1
  91. package/scss/colorpicker/_index.scss +3 -3
  92. package/scss/combobox/_index.scss +3 -3
  93. package/scss/common/_base.scss +24 -97
  94. package/scss/common/_index.scss +5 -9
  95. package/scss/common/_selection.scss +4 -4
  96. package/scss/core/_index.scss +18 -8
  97. package/scss/core/color-system/index.import.scss +1 -0
  98. package/scss/core/functions/index.import.scss +1 -0
  99. package/scss/core/mixins/index.import.scss +1 -0
  100. package/scss/core/module-system/index.import.scss +1 -0
  101. package/scss/core/styles/index.import.scss +1 -0
  102. package/scss/dataviz/_index.scss +3 -4
  103. package/scss/dataviz/_layout.scss +30 -40
  104. package/scss/dataviz/_theme.scss +15 -13
  105. package/scss/dataviz/_variables.scss +45 -40
  106. package/scss/dateinput/_index.scss +3 -3
  107. package/scss/datepicker/_index.scss +3 -3
  108. package/scss/daterangepicker/_index.scss +3 -3
  109. package/scss/daterangepicker/_layout.scss +1 -1
  110. package/scss/datetimepicker/_index.scss +3 -3
  111. package/scss/dialog/_index.scss +3 -3
  112. package/scss/dialog/_layout.scss +6 -21
  113. package/scss/dialog/_theme.scss +11 -3
  114. package/scss/dialog/_variables.scss +15 -7
  115. package/scss/draggable/_index.scss +10 -0
  116. package/scss/draggable/_layout.scss +122 -0
  117. package/scss/draggable/_theme.scss +14 -0
  118. package/scss/draggable/_variables.scss +27 -0
  119. package/scss/drawer/_index.scss +3 -3
  120. package/scss/drawer/_layout.scss +23 -22
  121. package/scss/drawer/_theme.scss +18 -18
  122. package/scss/drawer/_variables.scss +38 -37
  123. package/scss/dropdowngrid/_index.scss +6 -8
  124. package/scss/dropdowngrid/_variables.scss +1 -0
  125. package/scss/dropdownlist/_index.scss +3 -3
  126. package/scss/dropdownlist/_layout.scss +2 -0
  127. package/scss/dropdownlist/_variables.scss +0 -15
  128. package/scss/dropdowntree/_index.scss +3 -3
  129. package/scss/dropdowntree/_variables.scss +2 -2
  130. package/scss/dropzone/_index.scss +3 -3
  131. package/scss/dropzone/_variables.scss +9 -8
  132. package/scss/editor/_index.scss +3 -3
  133. package/scss/editor/_layout.scss +76 -153
  134. package/scss/editor/_theme.scss +24 -16
  135. package/scss/editor/_variables.scss +16 -16
  136. package/scss/expansion-panel/_index.scss +5 -5
  137. package/scss/expansion-panel/_layout.scss +1 -1
  138. package/scss/expansion-panel/_theme.scss +3 -3
  139. package/scss/expansion-panel/_variables.scss +13 -13
  140. package/scss/fab/_index.scss +4 -4
  141. package/scss/fab/_layout.scss +5 -14
  142. package/scss/fab/_theme.scss +27 -19
  143. package/scss/fab/_variables.scss +11 -11
  144. package/scss/filemanager/_index.scss +3 -3
  145. package/scss/filemanager/_layout.scss +3 -3
  146. package/scss/filemanager/_variables.scss +14 -14
  147. package/scss/filter/_index.scss +3 -3
  148. package/scss/filter/_theme.scss +3 -3
  149. package/scss/filter/_variables.scss +4 -4
  150. package/scss/floating-label/_index.scss +3 -3
  151. package/scss/forms/_index.scss +3 -7
  152. package/scss/forms/_layout.scss +64 -53
  153. package/scss/forms/_theme.scss +7 -7
  154. package/scss/forms/_variables.scss +66 -44
  155. package/scss/gantt/_index.scss +3 -3
  156. package/scss/gantt/_layout.scss +27 -18
  157. package/scss/gantt/_theme.scss +3 -3
  158. package/scss/gantt/_variables.scss +32 -28
  159. package/scss/grid/_index.scss +7 -5
  160. package/scss/grid/_layout.scss +394 -615
  161. package/scss/grid/_theme.scss +154 -165
  162. package/scss/grid/_variables.scss +193 -95
  163. package/scss/icons/_index.scss +2 -2
  164. package/scss/icons/_layout.scss +6 -1094
  165. package/scss/imageeditor/_index.scss +3 -3
  166. package/scss/imageeditor/_layout.scss +4 -19
  167. package/scss/imageeditor/_variables.scss +6 -6
  168. package/scss/index.scss +109 -110
  169. package/scss/input/_index.scss +3 -3
  170. package/scss/input/_layout.scss +26 -32
  171. package/scss/input/_theme.scss +30 -30
  172. package/scss/input/_variables.scss +19 -19
  173. package/scss/list/_index.scss +3 -3
  174. package/scss/list/_layout.scss +19 -29
  175. package/scss/list/_theme.scss +2 -2
  176. package/scss/list/_variables.scss +32 -32
  177. package/scss/listbox/_index.scss +3 -3
  178. package/scss/listbox/_layout.scss +24 -62
  179. package/scss/listbox/_theme.scss +4 -4
  180. package/scss/listbox/_variables.scss +45 -16
  181. package/scss/listgroup/_index.scss +3 -3
  182. package/scss/listgroup/_variables.scss +5 -5
  183. package/scss/listview/_index.scss +5 -5
  184. package/scss/listview/_layout.scss +16 -17
  185. package/scss/listview/_theme.scss +15 -10
  186. package/scss/listview/_variables.scss +19 -19
  187. package/scss/loader/_index.scss +3 -3
  188. package/scss/loader/_layout.scss +184 -43
  189. package/scss/loader/_theme.scss +4 -4
  190. package/scss/loader/_variables.scss +49 -42
  191. package/scss/map/_index.scss +5 -5
  192. package/scss/map/_layout.scss +1 -1
  193. package/scss/map/_variables.scss +10 -10
  194. package/scss/maskedtextbox/_index.scss +3 -3
  195. package/scss/mediaplayer/_index.scss +3 -3
  196. package/scss/mediaplayer/_layout.scss +2 -2
  197. package/scss/mediaplayer/_variables.scss +5 -5
  198. package/scss/menu/_index.scss +3 -3
  199. package/scss/menu/_layout.scss +4 -4
  200. package/scss/menu/_theme.scss +2 -2
  201. package/scss/menu/_variables.scss +28 -24
  202. package/scss/menu-button/_index.scss +3 -3
  203. package/scss/messagebox/_index.scss +3 -3
  204. package/scss/messagebox/_theme.scss +3 -3
  205. package/scss/messagebox/_variables.scss +3 -3
  206. package/scss/multiselect/_index.scss +3 -4
  207. package/scss/notification/_index.scss +3 -3
  208. package/scss/notification/_layout.scss +28 -45
  209. package/scss/notification/_theme.scss +7 -15
  210. package/scss/notification/_variables.scss +42 -18
  211. package/scss/numerictextbox/_index.scss +3 -3
  212. package/scss/orgchart/_index.scss +4 -4
  213. package/scss/orgchart/_theme.scss +2 -2
  214. package/scss/orgchart/_variables.scss +7 -7
  215. package/scss/overlay/_index.scss +3 -3
  216. package/scss/overlay/_variables.scss +1 -1
  217. package/scss/pager/_index.scss +4 -5
  218. package/scss/pager/_layout.scss +55 -81
  219. package/scss/pager/_theme.scss +16 -97
  220. package/scss/pager/_variables.scss +135 -52
  221. package/scss/panelbar/_index.scss +3 -3
  222. package/scss/panelbar/_layout.scss +5 -46
  223. package/scss/panelbar/_theme.scss +50 -50
  224. package/scss/panelbar/_variables.scss +71 -67
  225. package/scss/pdf-viewer/_index.scss +4 -5
  226. package/scss/pdf-viewer/_layout.scss +1 -12
  227. package/scss/pdf-viewer/_variables.scss +18 -17
  228. package/scss/pivotgrid/_index.scss +8 -7
  229. package/scss/pivotgrid/_layout.scss +11 -63
  230. package/scss/pivotgrid/_theme.scss +7 -7
  231. package/scss/pivotgrid/_variables.scss +35 -32
  232. package/scss/popover/_index.scss +3 -3
  233. package/scss/popover/_layout.scss +20 -18
  234. package/scss/popover/_theme.scss +7 -7
  235. package/scss/popover/_variables.scss +26 -26
  236. package/scss/popup/_index.scss +3 -3
  237. package/scss/popup/_variables.scss +5 -5
  238. package/scss/progressbar/_index.scss +3 -3
  239. package/scss/progressbar/_layout.scss +38 -87
  240. package/scss/progressbar/_theme.scss +20 -10
  241. package/scss/progressbar/_variables.scss +66 -22
  242. package/scss/radio/_index.scss +3 -6
  243. package/scss/radio/_layout.scss +5 -5
  244. package/scss/radio/_theme.scss +2 -2
  245. package/scss/radio/_variables.scss +16 -12
  246. package/scss/rating/_index.scss +3 -3
  247. package/scss/rating/_layout.scss +1 -1
  248. package/scss/rating/_theme.scss +4 -4
  249. package/scss/rating/_variables.scss +13 -12
  250. package/scss/responsivepanel/_index.scss +3 -3
  251. package/scss/ripple/_index.scss +3 -3
  252. package/scss/scheduler/_index.scss +3 -3
  253. package/scss/scheduler/_layout.scss +22 -41
  254. package/scss/scheduler/_theme.scss +9 -9
  255. package/scss/scheduler/_variables.scss +33 -33
  256. package/scss/scroller/_index.scss +3 -3
  257. package/scss/scrollview/_index.scss +3 -3
  258. package/scss/scrollview/_layout.scss +3 -2
  259. package/scss/scrollview/_theme.scss +2 -2
  260. package/scss/scrollview/_variables.scss +6 -6
  261. package/scss/searchbox/_index.scss +3 -3
  262. package/scss/signature/_index.scss +3 -3
  263. package/scss/signature/_layout.scss +4 -4
  264. package/scss/signature/_variables.scss +8 -8
  265. package/scss/skeleton/_index.scss +3 -3
  266. package/scss/skeleton/_layout.scss +7 -0
  267. package/scss/skeleton/_variables.scss +1 -1
  268. package/scss/slider/_index.scss +5 -5
  269. package/scss/slider/_layout.scss +5 -5
  270. package/scss/slider/_theme.scss +9 -9
  271. package/scss/slider/_variables.scss +13 -13
  272. package/scss/split-button/_index.scss +3 -3
  273. package/scss/split-button/_layout.scss +0 -10
  274. package/scss/split-button/_theme.scss +1 -1
  275. package/scss/splitter/_index.scss +3 -3
  276. package/scss/splitter/_layout.scss +1 -5
  277. package/scss/splitter/_variables.scss +6 -6
  278. package/scss/spreadsheet/_index.scss +4 -4
  279. package/scss/spreadsheet/_layout.scss +19 -23
  280. package/scss/spreadsheet/_theme.scss +23 -23
  281. package/scss/spreadsheet/_variables.scss +9 -9
  282. package/scss/stepper/_index.scss +3 -3
  283. package/scss/stepper/_layout.scss +5 -6
  284. package/scss/stepper/_theme.scss +5 -6
  285. package/scss/stepper/_variables.scss +15 -15
  286. package/scss/switch/_index.scss +4 -4
  287. package/scss/switch/_layout.scss +12 -13
  288. package/scss/switch/_theme.scss +10 -2
  289. package/scss/switch/_variables.scss +6 -6
  290. package/scss/table/_index.scss +3 -11
  291. package/scss/table/_layout.scss +9 -7
  292. package/scss/table/_theme.scss +12 -9
  293. package/scss/table/_variables.scss +42 -27
  294. package/scss/tabstrip/_index.scss +3 -3
  295. package/scss/tabstrip/_layout.scss +3 -6
  296. package/scss/tabstrip/_theme.scss +7 -7
  297. package/scss/tabstrip/_variables.scss +23 -19
  298. package/scss/taskboard/_index.scss +4 -4
  299. package/scss/taskboard/_layout.scss +0 -23
  300. package/scss/taskboard/_theme.scss +2 -2
  301. package/scss/taskboard/_variables.scss +20 -20
  302. package/scss/textarea/_index.scss +3 -3
  303. package/scss/textbox/_index.scss +3 -3
  304. package/scss/tilelayout/_index.scss +3 -3
  305. package/scss/tilelayout/_layout.scss +1 -1
  306. package/scss/tilelayout/_theme.scss +1 -1
  307. package/scss/tilelayout/_variables.scss +1 -1
  308. package/scss/timedurationpicker/_index.scss +4 -4
  309. package/scss/timeline/_index.scss +3 -3
  310. package/scss/timeline/_layout.scss +4 -4
  311. package/scss/timeline/_theme.scss +3 -3
  312. package/scss/timeline/_variables.scss +10 -10
  313. package/scss/timepicker/_index.scss +3 -3
  314. package/scss/timeselector/_index.scss +3 -3
  315. package/scss/timeselector/_layout.scss +8 -8
  316. package/scss/timeselector/_theme.scss +5 -3
  317. package/scss/timeselector/_variables.scss +12 -8
  318. package/scss/toolbar/_index.scss +3 -3
  319. package/scss/toolbar/_layout.scss +88 -93
  320. package/scss/toolbar/_theme.scss +36 -27
  321. package/scss/toolbar/_variables.scss +77 -19
  322. package/scss/tooltip/_index.scss +3 -3
  323. package/scss/tooltip/_layout.scss +3 -3
  324. package/scss/tooltip/_variables.scss +14 -14
  325. package/scss/treelist/_index.scss +4 -4
  326. package/scss/treelist/_layout.scss +10 -10
  327. package/scss/treelist/_theme.scss +1 -1
  328. package/scss/treelist/_variables.scss +2 -2
  329. package/scss/treeview/_index.scss +3 -3
  330. package/scss/treeview/_layout.scss +13 -13
  331. package/scss/treeview/_theme.scss +2 -2
  332. package/scss/treeview/_variables.scss +17 -14
  333. package/scss/typography/_index.scss +3 -4
  334. package/scss/typography/_theme.scss +2 -2
  335. package/scss/typography/_variables.scss +4 -40
  336. package/scss/upload/_index.scss +3 -4
  337. package/scss/upload/_layout.scss +37 -221
  338. package/scss/upload/_theme.scss +37 -73
  339. package/scss/upload/_variables.scss +35 -35
  340. package/scss/utils/_index.scss +1 -20
  341. package/scss/validator/_index.scss +3 -3
  342. package/scss/virtual-scroller/_index.scss +3 -3
  343. package/scss/window/_index.scss +3 -3
  344. package/scss/window/_layout.scss +28 -29
  345. package/scss/window/_theme.scss +17 -9
  346. package/scss/window/_variables.scss +41 -29
  347. package/scss/wizard/_index.scss +3 -3
  348. package/scss/wizard/_layout.scss +1 -1
  349. package/scss/wizard/_theme.scss +1 -7
  350. package/scss/wizard/_variables.scss +4 -5
  351. package/scss/common/_loading.scss +0 -140
  352. package/scss/core/_asp-fallback.scss +0 -8
  353. package/scss/core/_color-system.scss +0 -56
  354. package/scss/core/_extra.scss +0 -26
  355. package/scss/core/_layout.scss +0 -68
  356. package/scss/core/_normalize.scss +0 -15
  357. package/scss/core/functions/_colors.scss +0 -424
  358. package/scss/core/functions/_index.scss +0 -3
  359. package/scss/core/functions/_math.scss +0 -21
  360. package/scss/core/functions/_misc.scss +0 -35
  361. package/scss/core/mixins/_border-radius.scss +0 -58
  362. package/scss/core/mixins/_box-shadow.scss +0 -5
  363. package/scss/core/mixins/_data-uri.scss +0 -16
  364. package/scss/core/mixins/_decoration.scss +0 -27
  365. package/scss/core/mixins/_disabled.scss +0 -16
  366. package/scss/core/mixins/_gradients.scss +0 -35
  367. package/scss/core/mixins/_hide-scrollbar.scss +0 -17
  368. package/scss/core/mixins/_import-once.scss +0 -14
  369. package/scss/core/mixins/_index.scss +0 -15
  370. package/scss/core/mixins/_module-system.scss +0 -149
  371. package/scss/core/mixins/_typography.scss +0 -17
  372. package/scss/cursor/_index.scss +0 -9
  373. package/scss/cursor/_layout.scss +0 -9
  374. package/scss/cursor/_theme.scss +0 -3
  375. package/scss/icons/font/WebComponentsIcons.scss +0 -3
  376. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  377. package/scss/styling/_index.scss +0 -5
  378. package/scss/utils/_aspect-ratio.scss +0 -27
  379. package/scss/utils/_border.scss +0 -109
  380. package/scss/utils/_display.scss +0 -41
  381. package/scss/utils/_flex.scss +0 -189
  382. package/scss/utils/_float.scss +0 -69
  383. package/scss/utils/_grid.scss +0 -47
  384. package/scss/utils/_order.scss +0 -46
  385. package/scss/utils/_overflow.scss +0 -71
  386. package/scss/utils/_pointer-events.scss +0 -25
  387. package/scss/utils/_position.scss +0 -182
  388. package/scss/utils/_resize.scss +0 -37
  389. package/scss/utils/_spacer.scss +0 -16
  390. package/scss/utils/_spacing.scss +0 -138
  391. package/scss/utils/_table-layout.scss +0 -17
  392. package/scss/utils/_text.scss +0 -128
  393. package/scss/utils/_theme-colors.scss +0 -47
  394. package/scss/utils/_touch-action.scss +0 -25
  395. package/scss/utils/_transform.scss +0 -105
  396. package/scss/utils/_user-select.scss +0 -40
package/scss/taskboard/_variables.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // TaskBoard
2
- $taskboard-spacer: map-get( $spacing, 4 ) !default;
2
+ $taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
3
3
  $taskboard-padding-y: null !default;
4
4
  $taskboard-padding-x: null !default;
5
5
  $taskboard-font-family: $font-family !default;
@@ -19,9 +19,9 @@ $taskboard-toolbar-gradient: null !default;
19
19
  $taskboard-content-padding-y: $taskboard-spacer !default;
20
20
  $taskboard-content-padding-x: $taskboard-content-padding-y !default;
21
21
 
22
- $taskboard-column-container-spacing-y: ( $taskboard-spacer / 2 ) !default;
22
+ $taskboard-column-container-spacing-y: k-math-div( $taskboard-spacer, 2 ) !default;
23
23
  $taskboard-column-container-padding-y: 0px !default;
24
- $taskboard-column-container-padding-x: ( $taskboard-spacer / 2 ) !default;
24
+ $taskboard-column-container-padding-x: k-math-div( $taskboard-spacer, 2 ) !default;
25
25
  $taskboard-columns-container-gap: $taskboard-spacer !default;
26
26
 
27
27
  $taskboard-column-width: 320px !default;
@@ -33,31 +33,31 @@ $taskboard-column-border: transparent !default;
33
33
 
34
34
  $taskboard-column-focus-bg: null !default;
35
35
  $taskboard-column-focus-text: null !default;
36
- $taskboard-column-focus-border: try-shade( $base-border, 2.5 ) !default;
36
+ $taskboard-column-focus-border: k-try-shade( $base-border, 2.5 ) !default;
37
37
 
38
- $taskboard-column-header-padding-y: ( $taskboard-spacer / 2 ) !default;
38
+ $taskboard-column-header-padding-y: k-math-div( $taskboard-spacer, 2 ) !default;
39
39
  $taskboard-column-header-padding-x: $taskboard-column-header-padding-y !default;
40
- $taskboard-column-header-gap: ( $taskboard-spacer / 4 ) !default;
41
- $taskboard-column-header-actions-gap: ( $taskboard-spacer / 2 ) !default;
40
+ $taskboard-column-header-gap: k-math-div( $taskboard-spacer, 4 ) !default;
41
+ $taskboard-column-header-actions-gap: k-math-div( $taskboard-spacer, 2 ) !default;
42
42
  $taskboard-column-header-font-weight: 500 !default;
43
- $taskboard-column-header-text: $header-text !default;
43
+ $taskboard-column-header-text: $kendo-component-header-text !default;
44
44
 
45
45
  $taskboard-column-cards-padding-y: null !default;
46
46
  $taskboard-column-cards-padding-x: null !default;
47
- $taskboard-column-cards-gap: ( $taskboard-spacer / 2 ) !default;
47
+ $taskboard-column-cards-gap: k-math-div( $taskboard-spacer, 2 ) !default;
48
48
 
49
49
  $taskboard-pane-width: $taskboard-column-width !default;
50
50
  $taskboard-pane-padding-y: null !default;
51
51
  $taskboard-pane-padding-x: null !default;
52
52
  $taskboard-pane-border-width: 1px !default;
53
- $taskboard-pane-bg: $component-bg !default;
54
- $taskboard-pane-text: $component-text !default;
55
- $taskboard-pane-border: $component-border !default;
53
+ $taskboard-pane-bg: $kendo-component-bg !default;
54
+ $taskboard-pane-text: $kendo-component-text !default;
55
+ $taskboard-pane-border: $kendo-component-border !default;
56
56
 
57
57
  $taskboard-pane-header-padding-y: ( $taskboard-spacer * .75 ) !default;
58
58
  $taskboard-pane-header-padding-x: $taskboard-spacer !default;
59
59
  $taskboard-pane-header-font-weight: 500 !default;
60
- $taskboard-pane-header-text: $header-text !default;
60
+ $taskboard-pane-header-text: $kendo-component-header-text !default;
61
61
 
62
62
  $taskboard-pane-content-padding-y: 0px !default;
63
63
  $taskboard-pane-content-padding-x: $taskboard-spacer !default;
@@ -76,19 +76,19 @@ $taskboard-card-border: $card-border !default;
76
76
 
77
77
  $taskboard-card-category-border-width: 4px !default;
78
78
 
79
- $taskboard-card-focus-border: try-shade( $taskboard-card-border, 18% ) !default;
79
+ $taskboard-card-focus-border: k-try-shade( $taskboard-card-border, 18% ) !default;
80
80
  $taskboard-card-focus-shadow: none !default;
81
81
 
82
- $taskboard-card-hover-border: try-shade( $taskboard-card-border, 10% ) !default;
82
+ $taskboard-card-hover-border: k-try-shade( $taskboard-card-border, 10% ) !default;
83
83
 
84
- $taskboard-card-selected-border: tint( $primary-lighter, 5 ) !default;
84
+ $taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 5 ) !default;
85
85
  $taskboard-card-selected-shadow: none !default;
86
86
 
87
- $taskboard-card-header-text: $primary !default;
88
- $taskboard-card-header-focus-text: $primary-darker !default;
89
- $taskboard-card-header-hover-text: $primary-darker !default;
87
+ $taskboard-card-header-text: $kendo-color-primary !default;
88
+ $taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
89
+ $taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
90
90
 
91
91
  $taskboard-drag-placeholder-border-width: 1px !default;
92
92
  $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;
93
93
  $taskboard-drag-placeholder-bg: rgba(255, 255, 255, .2) !default;
94
- $taskboard-drag-placeholder-border: $component-border !default;
94
+ $taskboard-drag-placeholder-border: $kendo-component-border !default;
package/scss/textarea/_index.scss CHANGED
@@ -8,6 +8,6 @@
8
8
 
9
9
 
10
10
  // Component
11
- @import "_variables.scss";
12
- @import "_layout.scss";
13
- @import "_theme.scss";
11
+ @import "./_variables.scss";
12
+ @import "./_layout.scss";
13
+ @import "./_theme.scss";
package/scss/textbox/_index.scss CHANGED
@@ -8,6 +8,6 @@
8
8
 
9
9
 
10
10
  // Component
11
- @import "_variables.scss";
12
- @import "_layout.scss";
13
- @import "_theme.scss";
11
+ @import "./_variables.scss";
12
+ @import "./_layout.scss";
13
+ @import "./_theme.scss";
package/scss/tilelayout/_index.scss CHANGED
@@ -8,6 +8,6 @@
8
8
 
9
9
 
10
10
  // Component
11
- @import "_variables.scss";
12
- @import "_layout.scss";
13
- @import "_theme.scss";
11
+ @import "./_variables.scss";
12
+ @import "./_layout.scss";
13
+ @import "./_theme.scss";
package/scss/tilelayout/_layout.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  outline: 0;
8
8
  display: grid;
9
9
  -webkit-touch-callout: none;
10
- -webkit-tap-highlight-color: $rgba-transparent;
10
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
11
11
 
12
12
  .k-card {
13
13
  @include box-shadow( none );
package/scss/tilelayout/_theme.scss CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  .k-tilelayout-item:focus,
10
10
  .k-tilelayout-item.k-focus {
11
- @include box-shadow($tilelayout-card-focus-shadow);
11
+ @include focus-indicator($tilelayout-card-focus-shadow);
12
12
  }
13
13
 
14
14
  .k-layout-item-hint {
package/scss/tilelayout/_variables.scss CHANGED
@@ -9,4 +9,4 @@ $tilelayout-hint-border-radius: $kendo-border-radius-lg !default;
9
9
  $tilelayout-bg: $base-bg !default;
10
10
 
11
11
  $tilelayout-hint-bg: rgba(255, 255, 255, .2) !default;
12
- $tilelayout-hint-border: $component-border !default;
12
+ $tilelayout-hint-border: $kendo-component-border !default;
package/scss/timedurationpicker/_index.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  // Dependencies
5
- @import "../icons/index";
5
+ @import "../icons/_index.scss";
6
6
  @import "../button/_index.scss";
7
7
  @import "../input/_index.scss";
8
8
  @import "../popup/_index.scss";
@@ -11,6 +11,6 @@
11
11
 
12
12
 
13
13
  // Component
14
- @import "_variables.scss";
15
- @import "_layout.scss";
16
- @import "_theme.scss";
14
+ @import "./_variables.scss";
15
+ @import "./_layout.scss";
16
+ @import "./_theme.scss";
package/scss/timeline/_index.scss CHANGED
@@ -9,6 +9,6 @@
9
9
 
10
10
 
11
11
  // Component
12
- @import "_variables.scss";
13
- @import "_layout.scss";
14
- @import "_theme.scss";
12
+ @import "./_variables.scss";
13
+ @import "./_layout.scss";
14
+ @import "./_theme.scss";
package/scss/timeline/_layout.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  display: block;
10
10
  background-color: transparent;
11
11
  -webkit-touch-callout: none;
12
- -webkit-tap-highlight-color: $rgba-transparent;
12
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
13
13
 
14
14
  *,
15
15
  *::before,
@@ -197,7 +197,7 @@
197
197
  }
198
198
 
199
199
  .k-event-collapse {
200
- margin: -$icon-spacing 0;
200
+ margin: -$kendo-icon-spacing 0;
201
201
  transform: rotate(90deg);
202
202
  transition: transform .2s ease-in-out;
203
203
  }
@@ -218,7 +218,7 @@
218
218
  .k-timeline-circle {
219
219
  margin-top: $timeline-track-event-offset;
220
220
  transform: translate(-50%, -50%);
221
- margin-right: - $timeline-circle-width / 2;
221
+ margin-right: - k-math-div( $timeline-circle-width, 2 );
222
222
  }
223
223
 
224
224
  &.k-timeline-alternating {
@@ -330,7 +330,7 @@
330
330
 
331
331
  .k-timeline-track-wrap {
332
332
  position: relative;
333
- padding: ($timeline-track-arrow-height / 2) 0;
333
+ padding: k-math-div( $timeline-track-arrow-height, 2 ) 0;
334
334
 
335
335
  &::after {
336
336
  top: auto;
package/scss/timeline/_theme.scss CHANGED
@@ -31,14 +31,14 @@
31
31
  }
32
32
 
33
33
  &::-webkit-scrollbar-thumb:hover {
34
- background: $hovered-border;
34
+ background: $kendo-hover-border;
35
35
  }
36
36
  }
37
37
  }
38
38
 
39
39
  // TODO: remove
40
40
  .k-timeline-date {
41
- color: $body-text;
41
+ color: $kendo-body-text;
42
42
  }
43
43
 
44
44
  .k-timeline-arrow.k-disabled {
@@ -62,6 +62,6 @@
62
62
  }
63
63
 
64
64
  .k-timeline-track-item.k-focus .k-timeline-circle {
65
- @include box-shadow( $timeline-track-item-focus-shadow );
65
+ @include focus-indicator( $timeline-track-item-focus-shadow );
66
66
  }
67
67
  }
package/scss/timeline/_variables.scss CHANGED
@@ -13,21 +13,21 @@ $timeline-mobile-spacing-y: 16px !default;
13
13
  $timeline-track-arrow-width: 30px !default;
14
14
  $timeline-track-arrow-height: 30px !default;
15
15
 
16
- $timeline-track-arrow-disabled-bg: true-mix($kendo-button-bg, $body-bg, 65%) !default;
17
- $timeline-track-arrow-disabled-text: true-mix($kendo-button-text, $body-bg, 65%) !default;
18
- $timeline-track-arrow-disabled-border: true-mix(#000000, $body-bg, 4.8%) !default;
16
+ $timeline-track-arrow-disabled-bg: k-true-mix($kendo-button-bg, $kendo-body-bg, 65%) !default;
17
+ $timeline-track-arrow-disabled-text: k-true-mix($kendo-button-text, $kendo-body-bg, 65%) !default;
18
+ $timeline-track-arrow-disabled-border: k-true-mix(#000000, $kendo-body-bg, 4.8%) !default;
19
19
 
20
20
  $timeline-track-size: 6px !default;
21
- $timeline-track-wrap-padding-bottom: ($timeline-track-size / 2) !default;
21
+ $timeline-track-wrap-padding-bottom: k-math-div( $timeline-track-size, 2 ) !default;
22
22
  $timeline-track-border-width: 1px !default;
23
23
  $timeline-track-margin-bottom: 16px !default;
24
- $timeline-track-bottom-calc: calc((#{$timeline-track-arrow-height} / 2) + #{$timeline-track-wrap-padding-bottom}) !default;
24
+ $timeline-track-bottom-calc: calc(#{k-math-div( $timeline-track-arrow-height, 2 )} + #{$timeline-track-wrap-padding-bottom}) !default;
25
25
  $timeline-track-start-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
26
26
  $timeline-track-end-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
27
27
  $timeline-track-bg: $kendo-button-bg !default;
28
28
  $timeline-track-border-color: $kendo-button-border !default;
29
29
 
30
- $timeline-track-item-focus-shadow: 0 3px 4px 0 rgba($primary, .4) !default;
30
+ $timeline-track-item-focus-shadow: 0 3px 4px 0 rgba($kendo-color-primary, .4) !default;
31
31
 
32
32
  $timeline-track-event-offset: 36px !default;
33
33
 
@@ -38,8 +38,8 @@ $timeline-flag-min-width: 80px !default;
38
38
  $timeline-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-spacing-x}) !default;
39
39
  $timeline-mobile-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-mobile-spacing-x}) !default;
40
40
  $timeline-horizontal-flag-min-width: 60px !default;
41
- $timeline-flag-bg: $primary !default;
42
- $timeline-flag-text: contrast-wcag( $timeline-flag-bg ) !default;
41
+ $timeline-flag-bg: $kendo-color-primary !default;
42
+ $timeline-flag-text: k-contrast-legacy( $timeline-flag-bg ) !default;
43
43
 
44
44
  $timeline-flag-callout-width: 10px !default;
45
45
  $timeline-flag-callout-height: 10px !default;
@@ -57,9 +57,9 @@ $timeline-mobile-vertical-padding-with-dates-calc: calc(#{$timeline-mobile-verti
57
57
 
58
58
  $timeline-circle-width: 16px !default;
59
59
  $timeline-circle-height: 16px !default;
60
- $timeline-circle-bg: $primary !default;
60
+ $timeline-circle-bg: $kendo-color-primary !default;
61
61
 
62
- $timeline-collapse-arrow-padding-x: $padding-x !default;
62
+ $timeline-collapse-arrow-padding-x: $kendo-padding-md-x !default;
63
63
 
64
64
  $timeline-event-width: 400px !default;
65
65
  $timeline-event-height: 600px !default;
package/scss/timepicker/_index.scss CHANGED
@@ -10,6 +10,6 @@
10
10
 
11
11
 
12
12
  // Component
13
- @import "_variables.scss";
14
- @import "_layout.scss";
15
- @import "_theme.scss";
13
+ @import "./_variables.scss";
14
+ @import "./_layout.scss";
15
+ @import "./_theme.scss";
package/scss/timeselector/_index.scss CHANGED
@@ -8,6 +8,6 @@
8
8
 
9
9
 
10
10
  // Component
11
- @import "_variables.scss";
12
- @import "_layout.scss";
13
- @import "_theme.scss";
11
+ @import "./_variables.scss";
12
+ @import "./_layout.scss";
13
+ @import "./_theme.scss";
package/scss/timeselector/_layout.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  flex-flow: column nowrap;
16
16
  user-select: none;
17
17
  -webkit-touch-callout: none;
18
- -webkit-tap-highlight-color: $rgba-transparent;
18
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
19
19
 
20
20
  .k-popup > & {
21
21
  border-width: 0;
@@ -76,7 +76,7 @@
76
76
  border-style: solid;
77
77
  box-sizing: border-box;
78
78
  position: absolute;
79
- top: calc( 50% + #{$time-list-title-height / 2});
79
+ top: calc( 50% + #{k-math-div( $time-list-title-height, 2 )});
80
80
  left: 0;
81
81
  right: 0;
82
82
  transform: translateY(-50%);
@@ -115,7 +115,7 @@
115
115
  width: 100%;
116
116
  left: 0;
117
117
  pointer-events: none;
118
- height: calc( 50% - #{$time-list-highlight-height / 2} );
118
+ height: calc( 50% - #{k-math-div( $time-list-highlight-height, 2 )} );
119
119
  box-sizing: border-box;
120
120
  border-width: 0;
121
121
  border-style: solid;
@@ -203,16 +203,16 @@
203
203
  align-items: center;
204
204
  position: relative;
205
205
  z-index: 11;
206
- top: calc( #{$time-list-title-height / 2} );
206
+ top: calc( #{k-math-div( $time-list-title-height, 2 )} );
207
207
  }
208
208
 
209
209
 
210
210
  // Time selector sizes
211
211
  @each $size, $size-props in $kendo-time-selector-sizes {
212
- $_font-size: map-get( $size-props, font-size );
213
- $_line-height: map-get( $size-props, line-height );
214
- $_list-item-padding-x: map-get( $size-props, list-item-padding-x );
215
- $_list-item-padding-y: map-get( $size-props, list-item-padding-y );
212
+ $_font-size: k-map-get( $size-props, font-size );
213
+ $_line-height: k-map-get( $size-props, line-height );
214
+ $_list-item-padding-x: k-map-get( $size-props, list-item-padding-x );
215
+ $_list-item-padding-y: k-map-get( $size-props, list-item-padding-y );
216
216
  $_highlight-height: calc( #{$_font-size * $_line-height} + #{ $_list-item-padding-y * 2} );
217
217
 
218
218
 
package/scss/timeselector/_theme.scss CHANGED
@@ -15,9 +15,11 @@
15
15
  .k-time-selector-header {
16
16
 
17
17
  .k-time-now {
18
+ // TODO: use a variable
18
19
  color: $link-text;
19
20
  }
20
21
  .k-time-now:hover {
22
+ // TODO: use a variable
21
23
  color: $link-hover-text;
22
24
  }
23
25
  }
@@ -37,7 +39,7 @@
37
39
 
38
40
  &::before,
39
41
  &::after {
40
- background-color: $time-list-focused-bg;
42
+ background-color: $time-list-focus-bg;
41
43
  }
42
44
  }
43
45
  }
@@ -48,11 +50,11 @@
48
50
  &::before,
49
51
  &::after {
50
52
  $shadow-size: 3em;
51
- box-shadow: 0 0 $shadow-size ($shadow-size / 2) $time-selector-bg;
53
+ box-shadow: 0 0 $shadow-size k-math-div( $shadow-size, 2 ) $time-selector-bg;
52
54
  }
53
55
 
54
56
  .k-item:hover {
55
- color: $primary;
57
+ color: $kendo-color-primary;
56
58
  }
57
59
  }
58
60
 
package/scss/timeselector/_variables.scss CHANGED
@@ -1,12 +1,16 @@
1
+ @import "../typography/_variables.scss";
2
+
3
+
1
4
  // Time selector
5
+
2
6
  $time-selector-border-width: 1px !default;
3
7
  $time-selector-font-family: $font-family !default;
4
8
  $time-selector-font-size: $font-size !default;
5
9
  $time-selector-line-height: $line-height !default;
6
10
 
7
- $time-selector-bg: $component-bg !default;
8
- $time-selector-text: $component-text !default;
9
- $time-selector-border: $component-border !default;
11
+ $time-selector-bg: $kendo-component-bg !default;
12
+ $time-selector-text: $kendo-component-text !default;
13
+ $time-selector-border: $kendo-component-border !default;
10
14
 
11
15
  $time-selector-header-padding-x: $actions-padding-x !default;
12
16
  $time-selector-header-padding-y: $actions-padding-y !default;
@@ -18,18 +22,18 @@ $time-list-height: 240px !default;
18
22
  $time-list-title-font-size: $font-size-sm !default;
19
23
  $time-list-title-line-height: 1.5 !default;
20
24
  $time-list-title-height: ( $time-list-title-font-size * $time-list-title-line-height) !default;
21
- $time-list-title-text: $subtle-text !default;
22
- $time-list-title-focus-text: $component-text !default;
25
+ $time-list-title-text: $kendo-subtle-text !default;
26
+ $time-list-title-focus-text: $kendo-component-text !default;
23
27
 
24
28
  $time-list-item-padding-x: $kendo-list-item-padding-x-md !default;
25
29
  $time-list-item-padding-y: $kendo-list-item-padding-y-md !default;
26
30
 
27
31
  $time-list-highlight-border-width: 1px 0px !default;
28
32
  $time-list-highlight-height: calc( #{$time-selector-font-size * $time-selector-line-height} + #{ $time-list-item-padding-y * 2} ) !default;
29
- $time-list-highlight-bg: $component-bg !default;
30
- $time-list-highlight-border: $component-border !default;
33
+ $time-list-highlight-bg: $kendo-component-bg !default;
34
+ $time-list-highlight-border: $kendo-component-border !default;
31
35
 
32
- $time-list-focused-bg: rgba(0, 0, 0, .04) !default;
36
+ $time-list-focus-bg: rgba(0, 0, 0, .04) !default;
33
37
 
34
38
 
35
39
  // Time selector sizes
package/scss/toolbar/_index.scss CHANGED
@@ -10,6 +10,6 @@
10
10
 
11
11
 
12
12
  // Component
13
- @import "_variables.scss";
14
- @import "_layout.scss";
15
- @import "_theme.scss";
13
+ @import "./_variables.scss";
14
+ @import "./_layout.scss";
15
+ @import "./_theme.scss";