@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/input/_theme.scss CHANGED
@@ -27,7 +27,7 @@
27
27
  $kendo-input-focus-bg,
28
28
  $kendo-input-focus-border
29
29
  );
30
- @include box-shadow( $kendo-input-focus-shadow );
30
+ @include focus-indicator( $kendo-input-focus-shadow );
31
31
  }
32
32
  &:focus-within {
33
33
  @include fill (
@@ -35,7 +35,7 @@
35
35
  $kendo-input-focus-bg,
36
36
  $kendo-input-focus-border
37
37
  );
38
- @include box-shadow( $kendo-input-focus-shadow );
38
+ @include focus-indicator( $kendo-input-focus-shadow );
39
39
  }
40
40
 
41
41
  // Disabled
@@ -58,15 +58,15 @@
58
58
  @include fill( $border: $kendo-input-invalid-border );
59
59
 
60
60
  .k-input-validation-icon {
61
- color: $invalid-text;
61
+ color: $kendo-invalid-text;
62
62
  }
63
63
 
64
64
  &:focus,
65
65
  &.k-focus {
66
- @include box-shadow( $kendo-input-invalid-shadow );
66
+ @include focus-indicator( $kendo-input-invalid-shadow );
67
67
  }
68
68
  &:focus-within {
69
- @include box-shadow( $kendo-input-invalid-shadow );
69
+ @include focus-indicator( $kendo-input-invalid-shadow );
70
70
  }
71
71
  }
72
72
 
@@ -103,7 +103,7 @@
103
103
  $kendo-picker-focus-border,
104
104
  $kendo-picker-focus-gradient
105
105
  );
106
- @include box-shadow( $kendo-picker-focus-shadow );
106
+ @include focus-indicator( $kendo-picker-focus-shadow );
107
107
  }
108
108
  &:focus-within {
109
109
  @include fill (
@@ -112,7 +112,7 @@
112
112
  $kendo-picker-focus-border,
113
113
  $kendo-picker-focus-gradient
114
114
  );
115
- @include box-shadow( $kendo-picker-focus-shadow );
115
+ @include focus-indicator( $kendo-picker-focus-shadow );
116
116
  }
117
117
 
118
118
  // Disabled
@@ -135,15 +135,15 @@
135
135
  @include fill( $border: $kendo-input-invalid-border );
136
136
 
137
137
  .k-input-validation-icon {
138
- color: $invalid-text;
138
+ color: $kendo-invalid-text;
139
139
  }
140
140
 
141
141
  &:focus,
142
142
  &.k-focus {
143
- @include box-shadow( $kendo-input-invalid-shadow );
143
+ @include focus-indicator( $kendo-input-invalid-shadow );
144
144
  }
145
145
  &:focus-within {
146
- @include box-shadow( $kendo-input-invalid-shadow );
146
+ @include focus-indicator( $kendo-input-invalid-shadow );
147
147
  }
148
148
  }
149
149
  }
@@ -188,7 +188,7 @@
188
188
  $kendo-input-outline-focus-bg,
189
189
  $kendo-input-outline-focus-border
190
190
  );
191
- @include box-shadow ( $kendo-input-outline-focus-shadow );
191
+ @include focus-indicator( $kendo-input-outline-focus-shadow );
192
192
  }
193
193
  &:focus-within {
194
194
  @include fill (
@@ -196,7 +196,7 @@
196
196
  $kendo-input-outline-focus-bg,
197
197
  $kendo-input-outline-focus-border
198
198
  );
199
- @include box-shadow ( $kendo-input-outline-focus-shadow );
199
+ @include focus-indicator( $kendo-input-outline-focus-shadow );
200
200
  }
201
201
 
202
202
  // Disabled
@@ -219,15 +219,15 @@
219
219
  @include fill( $border: $kendo-input-invalid-border );
220
220
 
221
221
  .k-input-validation-icon {
222
- color: $invalid-text;
222
+ color: $kendo-invalid-text;
223
223
  }
224
224
 
225
225
  &:focus,
226
226
  &.k-focus {
227
- @include box-shadow( $kendo-input-invalid-shadow );
227
+ @include focus-indicator( $kendo-input-invalid-shadow );
228
228
  }
229
229
  &:focus-within {
230
- @include box-shadow( $kendo-input-invalid-shadow );
230
+ @include focus-indicator( $kendo-input-invalid-shadow );
231
231
  }
232
232
  }
233
233
 
@@ -260,7 +260,7 @@
260
260
  $kendo-picker-outline-focus-bg,
261
261
  $kendo-picker-outline-focus-border
262
262
  );
263
- @include box-shadow ( $kendo-picker-outline-focus-shadow );
263
+ @include focus-indicator( $kendo-picker-outline-focus-shadow );
264
264
  }
265
265
  &:focus-within {
266
266
  @include fill (
@@ -268,7 +268,7 @@
268
268
  $kendo-picker-outline-focus-bg,
269
269
  $kendo-picker-outline-focus-border
270
270
  );
271
- @include box-shadow ( $kendo-picker-outline-focus-shadow );
271
+ @include focus-indicator( $kendo-picker-outline-focus-shadow );
272
272
  }
273
273
 
274
274
  &:focus:hover,
@@ -302,15 +302,15 @@
302
302
  @include fill( $border: $kendo-input-invalid-border );
303
303
 
304
304
  .k-input-validation-icon {
305
- color: $invalid-text;
305
+ color: $kendo-invalid-text;
306
306
  }
307
307
 
308
308
  &:focus,
309
309
  &.k-focus {
310
- @include box-shadow( $kendo-input-invalid-shadow );
310
+ @include focus-indicator( $kendo-input-invalid-shadow );
311
311
  }
312
312
  &:focus-within {
313
- @include box-shadow( $kendo-input-invalid-shadow );
313
+ @include focus-indicator( $kendo-input-invalid-shadow );
314
314
  }
315
315
  }
316
316
  }
@@ -342,7 +342,7 @@
342
342
  $kendo-input-flat-focus-bg,
343
343
  $kendo-input-flat-focus-border
344
344
  );
345
- @include box-shadow( $kendo-input-flat-focus-shadow );
345
+ @include focus-indicator( $kendo-input-flat-focus-shadow );
346
346
  }
347
347
  &:focus-within {
348
348
  @include fill (
@@ -350,7 +350,7 @@
350
350
  $kendo-input-flat-focus-bg,
351
351
  $kendo-input-flat-focus-border
352
352
  );
353
- @include box-shadow( $kendo-input-flat-focus-shadow );
353
+ @include focus-indicator( $kendo-input-flat-focus-shadow );
354
354
  }
355
355
 
356
356
  // Disabled
@@ -373,15 +373,15 @@
373
373
  @include fill( $border: $kendo-input-invalid-border );
374
374
 
375
375
  .k-input-validation-icon {
376
- color: $invalid-text;
376
+ color: $kendo-invalid-text;
377
377
  }
378
378
 
379
379
  &:focus,
380
380
  &.k-focus {
381
- @include box-shadow( $kendo-input-invalid-shadow );
381
+ @include focus-indicator( $kendo-input-invalid-shadow );
382
382
  }
383
383
  &:focus-within {
384
- @include box-shadow( $kendo-input-invalid-shadow );
384
+ @include focus-indicator( $kendo-input-invalid-shadow );
385
385
  }
386
386
  }
387
387
  }
@@ -413,7 +413,7 @@
413
413
  $kendo-picker-flat-focus-bg,
414
414
  $kendo-picker-flat-focus-border
415
415
  );
416
- @include box-shadow( $kendo-picker-flat-focus-shadow );
416
+ @include focus-indicator( $kendo-picker-flat-focus-shadow );
417
417
  }
418
418
  &:focus-within {
419
419
  @include fill (
@@ -421,7 +421,7 @@
421
421
  $kendo-picker-flat-focus-bg,
422
422
  $kendo-picker-flat-focus-border
423
423
  );
424
- @include box-shadow( $kendo-picker-flat-focus-shadow );
424
+ @include focus-indicator( $kendo-picker-flat-focus-shadow );
425
425
  }
426
426
 
427
427
  &:focus:hover,
@@ -455,15 +455,15 @@
455
455
  @include fill( $border: $kendo-input-invalid-border );
456
456
 
457
457
  .k-input-validation-icon {
458
- color: $invalid-text;
458
+ color: $kendo-invalid-text;
459
459
  }
460
460
 
461
461
  &:focus,
462
462
  &.k-focus {
463
- @include box-shadow( $kendo-input-invalid-shadow );
463
+ @include focus-indicator( $kendo-input-invalid-shadow );
464
464
  }
465
465
  &:focus-within {
466
- @include box-shadow( $kendo-input-invalid-shadow );
466
+ @include focus-indicator( $kendo-input-invalid-shadow );
467
467
  }
468
468
  }
469
469
  }
package/scss/input/_variables.scss CHANGED
@@ -14,10 +14,10 @@ $kendo-input-border-radius: null !default;
14
14
 
15
15
  /// Horizontal padding of input components.
16
16
  /// @group input
17
- $kendo-input-padding-x: map-get( $spacing, 2 ) !default;
17
+ $kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
18
18
  /// Vertical padding of input components.
19
19
  /// @group input
20
- $kendo-input-padding-y: map-get( $spacing, 1 ) !default;
20
+ $kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
21
21
  /// Font family of input components.
22
22
  /// @group input
23
23
  $kendo-input-font-family: $font-family !default;
@@ -28,18 +28,18 @@ $kendo-input-font-size: $font-size-md !default;
28
28
  /// @group input
29
29
  $kendo-input-line-height: $line-height-md !default;
30
30
 
31
- $kendo-input-padding-x-sm: map-get( $spacing, 2 ) !default;
32
- $kendo-input-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
31
+ $kendo-input-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
32
+ $kendo-input-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
33
33
  $kendo-input-font-size-sm: $font-size-md !default;
34
34
  $kendo-input-line-height-sm: $line-height-md !default;
35
35
 
36
- $kendo-input-padding-x-md: map-get( $spacing, 2 ) !default;
37
- $kendo-input-padding-y-md: map-get( $spacing, 1 ) !default;
36
+ $kendo-input-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
37
+ $kendo-input-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
38
38
  $kendo-input-font-size-md: $font-size-md !default;
39
39
  $kendo-input-line-height-md: $line-height-md !default;
40
40
 
41
- $kendo-input-padding-x-lg: map-get( $spacing, 3 ) !default;
42
- $kendo-input-padding-y-lg: map-get( $spacing, 2 ) !default;
41
+ $kendo-input-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
42
+ $kendo-input-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
43
43
  $kendo-input-font-size-lg: $font-size-lg !default;
44
44
  $kendo-input-line-height-lg: $line-height-lg !default;
45
45
 
@@ -49,7 +49,7 @@ $kendo-input-sizes: (
49
49
  padding-y: $kendo-input-padding-y-sm,
50
50
  font-size: $kendo-input-font-size-sm,
51
51
  line-height: $kendo-input-line-height-sm,
52
- icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
52
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-sm * 2} ),
53
53
  button-padding-x: $kendo-input-padding-y-sm,
54
54
  button-padding-y: $kendo-input-padding-y-sm
55
55
  ),
@@ -58,7 +58,7 @@ $kendo-input-sizes: (
58
58
  padding-y: $kendo-input-padding-y-md,
59
59
  font-size: $kendo-input-font-size-md,
60
60
  line-height: $kendo-input-line-height-md,
61
- icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
61
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-md * 2} ),
62
62
  button-padding-x: $kendo-input-padding-y-md,
63
63
  button-padding-y: $kendo-input-padding-y-md
64
64
  ),
@@ -67,15 +67,15 @@ $kendo-input-sizes: (
67
67
  padding-y: $kendo-input-padding-y-lg,
68
68
  font-size: $kendo-input-font-size-lg,
69
69
  line-height: $kendo-input-line-height-lg,
70
- icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
70
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-lg * 2} ),
71
71
  button-padding-x: $kendo-input-padding-y-lg,
72
72
  button-padding-y: $kendo-input-padding-y-lg
73
73
  )
74
74
  ) !default;
75
75
 
76
- $kendo-input-bg: $component-bg !default;
77
- $kendo-input-text: $component-text !default;
78
- $kendo-input-border: $component-border !default;
76
+ $kendo-input-bg: $kendo-component-bg !default;
77
+ $kendo-input-text: $kendo-component-text !default;
78
+ $kendo-input-border: $kendo-component-border !default;
79
79
  $kendo-input-shadow: null !default;
80
80
 
81
81
  $kendo-input-hover-bg: null !default;
@@ -149,7 +149,7 @@ $kendo-picker-outline-text: $kendo-button-text !default;
149
149
  $kendo-picker-outline-border: rgba( $kendo-picker-outline-text, .5) !default;
150
150
 
151
151
  $kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
152
- $kendo-picker-outline-hover-text: contrast-wcag( $kendo-picker-outline-hover-bg ) !default;
152
+ $kendo-picker-outline-hover-text: k-contrast-legacy( $kendo-picker-outline-hover-bg ) !default;
153
153
  $kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg !default;
154
154
 
155
155
  $kendo-picker-outline-focus-bg: null !default;
@@ -178,7 +178,7 @@ $kendo-picker-flat-hover-focus-bg: null !default;
178
178
  $kendo-picker-flat-hover-focus-text: null !default;
179
179
  $kendo-picker-flat-hover-focus-border: null !default;
180
180
 
181
- $kendo-input-placeholder-text: $subtle-text !default;
181
+ $kendo-input-placeholder-text: $kendo-subtle-text !default;
182
182
  $kendo-input-placeholder-opacity: 1 !default;
183
183
 
184
184
  $kendo-input-selected-bg: null !default;
@@ -189,7 +189,7 @@ $kendo-input-clear-value-opacity: .5 !default;
189
189
  $kendo-input-clear-value-hover-text: null !default;
190
190
  $kendo-input-clear-value-hover-opacity: 1 !default;
191
191
 
192
- $kendo-input-values-margin-y: map-get( $spacing, thin ) !default;
192
+ $kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
193
193
  $kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
194
194
 
195
195
 
@@ -206,5 +206,5 @@ $kendo-input-separator-opacity: .5 !default;
206
206
 
207
207
 
208
208
  // Invalid
209
- $kendo-input-invalid-border: $invalid-border !default;
210
- $kendo-input-invalid-shadow: $invalid-shadow !default;
209
+ $kendo-input-invalid-border: $kendo-invalid-border !default;
210
+ $kendo-input-invalid-shadow: $kendo-invalid-shadow !default;
package/scss/list/_index.scss CHANGED
@@ -7,6 +7,6 @@
7
7
 
8
8
 
9
9
  // Component
10
- @import "_variables.scss";
11
- @import "_layout.scss";
12
- @import "_theme.scss";
10
+ @import "./_variables.scss";
11
+ @import "./_layout.scss";
12
+ @import "./_theme.scss";
package/scss/list/_layout.scss CHANGED
@@ -66,7 +66,6 @@
66
66
  flex: 1 1 auto;
67
67
  overflow: hidden;
68
68
  overflow-y: auto;
69
- -webkit-overflow-scrolling: touch;
70
69
  position: relative;
71
70
  }
72
71
 
@@ -94,7 +93,7 @@
94
93
  flex-flow: row nowrap;
95
94
  align-items: center;
96
95
  align-content: center;
97
- gap: $icon-spacing;
96
+ gap: $kendo-icon-spacing;
98
97
  position: relative;
99
98
  transition-property: color, background-color, outline-color, box-shadow;
100
99
  transition-duration: 200ms;
@@ -137,7 +136,7 @@
137
136
  flex-flow: row nowrap;
138
137
  align-items: center;
139
138
  align-content: center;
140
- gap: $icon-spacing;
139
+ gap: $kendo-icon-spacing;
141
140
  position: relative;
142
141
  }
143
142
 
@@ -149,15 +148,6 @@
149
148
  position: absolute;
150
149
  top: 0;
151
150
  inset-inline-end: 0;
152
-
153
- .k-ie & {
154
- right: 0;
155
- }
156
- .k-ie .k-rtl &,
157
- .k-ie [dir="rtl"] & {
158
- right: auto;
159
- left: 0;
160
- }
161
151
  }
162
152
 
163
153
 
@@ -189,7 +179,7 @@
189
179
  .k-list-filter {
190
180
  display: block;
191
181
  position: relative;
192
- padding: $padding-x;
182
+ padding: $kendo-padding-md-x;
193
183
  box-sizing: border-box;
194
184
  flex: none;
195
185
  }
@@ -197,22 +187,22 @@
197
187
 
198
188
  // Switch sizes
199
189
  @each $size, $size-props in $kendo-list-sizes {
200
- $_font-size: map-get( $size-props, font-size );
201
- $_line-height: map-get( $size-props, line-height );
202
- $_font-size: map-get( $size-props, font-size );
203
- $_line-height: map-get( $size-props, line-height );
204
- $_header-padding-x: map-get( $size-props, header-padding-x );
205
- $_header-padding-y: map-get( $size-props, header-padding-y );
206
- $_header-font-size: map-get( $size-props, header-font-size );
207
- $_header-line-height: map-get( $size-props, header-line-height );
208
- $_item-padding-x: map-get( $size-props, item-padding-x );
209
- $_item-padding-y: map-get( $size-props, item-padding-y );
210
- $_item-font-size: map-get( $size-props, item-font-size );
211
- $_item-line-height: map-get( $size-props, item-line-height );
212
- $_group-item-padding-x: map-get( $size-props, group-item-padding-x );
213
- $_group-item-padding-y: map-get( $size-props, group-item-padding-y );
214
- $_group-item-font-size: map-get( $size-props, group-item-font-size );
215
- $_group-item-line-height: map-get( $size-props, group-item-line-height );
190
+ $_font-size: k-map-get( $size-props, font-size );
191
+ $_line-height: k-map-get( $size-props, line-height );
192
+ $_font-size: k-map-get( $size-props, font-size );
193
+ $_line-height: k-map-get( $size-props, line-height );
194
+ $_header-padding-x: k-map-get( $size-props, header-padding-x );
195
+ $_header-padding-y: k-map-get( $size-props, header-padding-y );
196
+ $_header-font-size: k-map-get( $size-props, header-font-size );
197
+ $_header-line-height: k-map-get( $size-props, header-line-height );
198
+ $_item-padding-x: k-map-get( $size-props, item-padding-x );
199
+ $_item-padding-y: k-map-get( $size-props, item-padding-y );
200
+ $_item-font-size: k-map-get( $size-props, item-font-size );
201
+ $_item-line-height: k-map-get( $size-props, item-line-height );
202
+ $_group-item-padding-x: k-map-get( $size-props, group-item-padding-x );
203
+ $_group-item-padding-y: k-map-get( $size-props, group-item-padding-y );
204
+ $_group-item-font-size: k-map-get( $size-props, group-item-font-size );
205
+ $_group-item-line-height: k-map-get( $size-props, group-item-line-height );
216
206
 
217
207
  .k-list-#{$size} {
218
208
  font-size: $_font-size;
package/scss/list/_theme.scss CHANGED
@@ -45,7 +45,7 @@
45
45
  $kendo-list-item-focus-text,
46
46
  $kendo-list-item-focus-bg
47
47
  );
48
- @include box-shadow( $kendo-list-item-focus-shadow );
48
+ @include focus-indicator( $kendo-list-item-focus-shadow, true );
49
49
  }
50
50
 
51
51
  // Selected
@@ -58,7 +58,7 @@
58
58
  &.k-selected:hover,
59
59
  &.k-selected.k-hover {
60
60
  color: $kendo-list-item-selected-text;
61
- background-color: shade( $kendo-list-item-selected-bg );
61
+ background-color: k-color-shade( $kendo-list-item-selected-bg );
62
62
  }
63
63
  }
64
64
 
package/scss/list/_variables.scss CHANGED
@@ -17,18 +17,18 @@ $kendo-list-line-height-lg: $line-height-lg !default;
17
17
  /// Horizontal padding of list header, if no size is set.
18
18
  /// @group list
19
19
  $kendo-list-header-padding-x: null !default;
20
- $kendo-list-header-padding-x-base: map-get( $spacing, 2 ) !default;
21
- $kendo-list-header-padding-x-sm: map-get( $spacing, 2 ) !default;
22
- $kendo-list-header-padding-x-md: map-get( $spacing, 2 ) !default;
23
- $kendo-list-header-padding-x-lg: map-get( $spacing, 2 ) !default;
20
+ $kendo-list-header-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
21
+ $kendo-list-header-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
22
+ $kendo-list-header-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
23
+ $kendo-list-header-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
24
24
 
25
25
  /// Vertical padding of list header, if no size is set.
26
26
  /// @group list
27
27
  $kendo-list-header-padding-y: null !default;
28
- $kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
29
- $kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
30
- $kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
31
- $kendo-list-header-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
28
+ $kendo-list-header-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
29
+ $kendo-list-header-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
30
+ $kendo-list-header-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
31
+ $kendo-list-header-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
32
32
 
33
33
  /// Border width of list header.
34
34
  /// @group list
@@ -55,18 +55,18 @@ $kendo-list-header-font-weight: null !default;
55
55
  /// Horizontal padding of list items, when no size is set.
56
56
  /// @group list
57
57
  $kendo-list-item-padding-x: null !default;
58
- $kendo-list-item-padding-x-base: map-get( $spacing, 2 ) !default;
59
- $kendo-list-item-padding-x-sm: map-get( $spacing, 2 ) !default;
60
- $kendo-list-item-padding-x-md: map-get( $spacing, 2 ) !default;
61
- $kendo-list-item-padding-x-lg: map-get( $spacing, 3 ) !default;
58
+ $kendo-list-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
59
+ $kendo-list-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
60
+ $kendo-list-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
61
+ $kendo-list-item-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
62
62
 
63
63
  /// Vertical padding of list items, when no size is set.
64
64
  /// @group list
65
65
  $kendo-list-item-padding-y: null !default;
66
- $kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
67
- $kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
68
- $kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
69
- $kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
66
+ $kendo-list-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
67
+ $kendo-list-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
68
+ $kendo-list-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
69
+ $kendo-list-item-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
70
70
 
71
71
  /// Font size of list items, if no size is set.
72
72
  /// @group list
@@ -85,18 +85,18 @@ $kendo-list-item-line-height-lg: null !default;
85
85
  /// Horizontal padding of list group items, when no size is set.
86
86
  /// @group list
87
87
  $kendo-list-group-item-padding-x: null !default;
88
- $kendo-list-group-item-padding-x-base: map-get( $spacing, 2 ) !default;
89
- $kendo-list-group-item-padding-x-sm: map-get( $spacing, 2 ) !default;
90
- $kendo-list-group-item-padding-x-md: map-get( $spacing, 2 ) !default;
91
- $kendo-list-group-item-padding-x-lg: map-get( $spacing, 2 ) !default;
88
+ $kendo-list-group-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
89
+ $kendo-list-group-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
90
+ $kendo-list-group-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
91
+ $kendo-list-group-item-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
92
92
 
93
93
  /// Vertical padding of list group items, when no size is set.
94
94
  /// @group list
95
95
  $kendo-list-group-item-padding-y: null !default;
96
- $kendo-list-group-item-padding-y-base: map-get( $spacing, 1 ) !default;
97
- $kendo-list-group-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
98
- $kendo-list-group-item-padding-y-md: map-get( $spacing, 1 ) !default;
99
- $kendo-list-group-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
96
+ $kendo-list-group-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
97
+ $kendo-list-group-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
98
+ $kendo-list-group-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
99
+ $kendo-list-group-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
100
100
 
101
101
  /// Border width of list group items.
102
102
  /// @group list
@@ -176,13 +176,13 @@ $kendo-list-sizes: (
176
176
 
177
177
  /// Background color of the list component.
178
178
  /// @group list
179
- $kendo-list-bg: $component-bg !default;
179
+ $kendo-list-bg: $kendo-component-bg !default;
180
180
  /// Text color of the list component.
181
181
  /// @group list
182
- $kendo-list-text: $component-text !default;
182
+ $kendo-list-text: $kendo-component-text !default;
183
183
  /// Border color of the list component.
184
184
  /// @group list
185
- $kendo-list-border: $component-border !default;
185
+ $kendo-list-border: $kendo-component-border !default;
186
186
 
187
187
 
188
188
  /// Background color of list header.
@@ -208,10 +208,10 @@ $kendo-list-item-text: null !default;
208
208
 
209
209
  /// Background color of hovered list items.
210
210
  /// @group list
211
- $kendo-list-item-hover-bg: $hovered-bg !default;
211
+ $kendo-list-item-hover-bg: $kendo-hover-bg !default;
212
212
  /// Text color of hovered list items.
213
213
  /// @group list
214
- $kendo-list-item-hover-text: $hovered-text !default;
214
+ $kendo-list-item-hover-text: $kendo-hover-text !default;
215
215
 
216
216
  /// Background color of focused list items.
217
217
  /// @group list
@@ -225,10 +225,10 @@ $kendo-list-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) !default;
225
225
 
226
226
  /// Background color of selected list items.
227
227
  /// @group list
228
- $kendo-list-item-selected-bg: $selected-bg !default;
228
+ $kendo-list-item-selected-bg: $kendo-selected-bg !default;
229
229
  /// Text color of selected list items.
230
230
  /// @group list
231
- $kendo-list-item-selected-text: $selected-text !default;
231
+ $kendo-list-item-selected-text: $kendo-selected-text !default;
232
232
 
233
233
  /// Background color of list group items.
234
234
  /// @group list
@@ -245,4 +245,4 @@ $kendo-list-group-item-shadow: null !default;
245
245
 
246
246
  /// Text color of the 'No Data' text.
247
247
  /// @group list
248
- $kendo-list-no-data-text: $subtle-text !default;
248
+ $kendo-list-no-data-text: $kendo-subtle-text !default;
package/scss/listbox/_index.scss CHANGED
@@ -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";