@progress/kendo-theme-default 5.12.1-dev.1 → 5.12.1-dev.3

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 (303) hide show
  1. package/dist/all.css +11342 -11738
  2. package/dist/all.scss +11297 -11990
  3. package/dist/default-blue.scss +27 -29
  4. package/dist/default-dataviz-v4.scss +6 -7
  5. package/dist/default-green.scss +27 -29
  6. package/dist/default-main-dark.scss +27 -30
  7. package/dist/default-main.scss +27 -29
  8. package/dist/default-nordic.scss +27 -29
  9. package/dist/default-ocean-blue-a11y.scss +42 -0
  10. package/dist/default-ocean-blue.scss +29 -35
  11. package/dist/default-orange.scss +27 -29
  12. package/dist/default-purple.scss +27 -29
  13. package/dist/default-turquoise.scss +27 -29
  14. package/dist/default-urban.scss +27 -29
  15. package/lib/swatches/default-blue.json +32 -41
  16. package/lib/swatches/default-dataviz-v4.json +8 -7
  17. package/lib/swatches/default-green.json +33 -41
  18. package/lib/swatches/default-main-dark.json +31 -49
  19. package/lib/swatches/default-main.json +33 -41
  20. package/lib/swatches/default-nordic.json +33 -41
  21. package/lib/swatches/default-ocean-blue-a11y.json +258 -0
  22. package/lib/swatches/default-ocean-blue.json +35 -64
  23. package/lib/swatches/default-orange.json +33 -41
  24. package/lib/swatches/default-purple.json +33 -41
  25. package/lib/swatches/default-turquoise.json +33 -41
  26. package/lib/swatches/default-urban.json +33 -41
  27. package/package.json +5 -5
  28. package/scss/_variables.scss +96 -42
  29. package/scss/action-buttons/_layout.scss +4 -4
  30. package/scss/action-buttons/_theme.scss +4 -4
  31. package/scss/action-buttons/_variables.scss +9 -9
  32. package/scss/action-sheet/_layout.scss +41 -41
  33. package/scss/action-sheet/_theme.scss +27 -27
  34. package/scss/action-sheet/_variables.scss +64 -63
  35. package/scss/adaptive/_layout.scss +11 -15
  36. package/scss/adaptive/_theme.scss +12 -12
  37. package/scss/adaptive/_variables.scss +18 -18
  38. package/scss/appbar/_variables.scss +3 -3
  39. package/scss/avatar/_variables.scss +3 -3
  40. package/scss/badge/_index.scss +1 -1
  41. package/scss/badge/_variables.scss +32 -32
  42. package/scss/bottom-navigation/_index.scss +1 -1
  43. package/scss/bottom-navigation/_layout.scss +17 -17
  44. package/scss/bottom-navigation/_theme.scss +4 -4
  45. package/scss/bottom-navigation/_variables.scss +23 -23
  46. package/scss/breadcrumb/_layout.scss +16 -16
  47. package/scss/breadcrumb/_theme.scss +42 -24
  48. package/scss/breadcrumb/_variables.scss +46 -41
  49. package/scss/button/_index.scss +0 -1
  50. package/scss/button/_layout.scss +2 -2
  51. package/scss/button/_theme.scss +7 -7
  52. package/scss/button/_variables.scss +37 -34
  53. package/scss/calendar/_layout.scss +49 -53
  54. package/scss/calendar/_theme.scss +52 -52
  55. package/scss/calendar/_variables.scss +104 -103
  56. package/scss/captcha/_index.scss +1 -1
  57. package/scss/captcha/_layout.scss +10 -10
  58. package/scss/captcha/_theme.scss +3 -3
  59. package/scss/captcha/_variables.scss +14 -14
  60. package/scss/card/_index.scss +2 -2
  61. package/scss/card/_layout.scss +45 -45
  62. package/scss/card/_theme.scss +15 -15
  63. package/scss/card/_variables.scss +55 -55
  64. package/scss/chat/_layout.scss +59 -59
  65. package/scss/chat/_theme.scss +28 -28
  66. package/scss/chat/_variables.scss +57 -57
  67. package/scss/checkbox/_index.scss +0 -2
  68. package/scss/checkbox/_theme.scss +2 -2
  69. package/scss/checkbox/_variables.scss +4 -1
  70. package/scss/chip/_index.scss +0 -1
  71. package/scss/chip/_layout.scss +1 -1
  72. package/scss/chip/_theme.scss +13 -13
  73. package/scss/chip/_variables.scss +32 -29
  74. package/scss/color-preview/_layout.scss +6 -6
  75. package/scss/color-preview/_theme.scss +4 -4
  76. package/scss/color-preview/_variables.scss +11 -11
  77. package/scss/coloreditor/_layout.scss +18 -18
  78. package/scss/coloreditor/_theme.scss +6 -6
  79. package/scss/coloreditor/_variables.scss +24 -24
  80. package/scss/colorgradient/_index.scss +2 -2
  81. package/scss/colorgradient/_layout.scss +39 -39
  82. package/scss/colorgradient/_theme.scss +13 -13
  83. package/scss/colorgradient/_variables.scss +50 -50
  84. package/scss/colorpalette/_index.scss +1 -1
  85. package/scss/colorpalette/_layout.scss +5 -5
  86. package/scss/colorpalette/_theme.scss +3 -3
  87. package/scss/colorpalette/_variables.scss +8 -8
  88. package/scss/common/_base.scss +1 -1
  89. package/scss/common/_dragdrop.scss +13 -13
  90. package/scss/common/_index.scss +0 -2
  91. package/scss/dataviz/_index.scss +0 -1
  92. package/scss/dataviz/_layout.scss +75 -75
  93. package/scss/dataviz/_theme.scss +20 -18
  94. package/scss/dataviz/_variables.scss +101 -97
  95. package/scss/datetimepicker/_layout.scss +3 -3
  96. package/scss/datetimepicker/_variables.scss +1 -1
  97. package/scss/dialog/_variables.scss +3 -3
  98. package/scss/draggable/_layout.scss +23 -23
  99. package/scss/draggable/_theme.scss +5 -5
  100. package/scss/draggable/_variables.scss +20 -20
  101. package/scss/drawer/_theme.scss +1 -1
  102. package/scss/drawer/_variables.scss +5 -5
  103. package/scss/dropdowngrid/_index.scss +4 -7
  104. package/scss/dropdowngrid/_variables.scss +1 -0
  105. package/scss/dropdowntree/_layout.scss +2 -2
  106. package/scss/dropdowntree/_variables.scss +2 -2
  107. package/scss/dropzone/_layout.scss +12 -12
  108. package/scss/dropzone/_theme.scss +7 -7
  109. package/scss/dropzone/_variables.scss +21 -20
  110. package/scss/editor/_layout.scss +3 -3
  111. package/scss/editor/_variables.scss +3 -3
  112. package/scss/expansion-panel/_index.scss +2 -2
  113. package/scss/expansion-panel/_layout.scss +9 -9
  114. package/scss/expansion-panel/_theme.scss +12 -12
  115. package/scss/expansion-panel/_variables.scss +22 -22
  116. package/scss/fab/_index.scss +1 -1
  117. package/scss/fab/_layout.scss +4 -4
  118. package/scss/fab/_theme.scss +14 -6
  119. package/scss/fab/_variables.scss +10 -10
  120. package/scss/filemanager/_layout.scss +26 -26
  121. package/scss/filemanager/_theme.scss +31 -31
  122. package/scss/filemanager/_variables.scss +59 -59
  123. package/scss/filter/_layout.scss +15 -15
  124. package/scss/filter/_theme.scss +3 -3
  125. package/scss/filter/_variables.scss +8 -8
  126. package/scss/floating-label/_layout.scss +19 -19
  127. package/scss/floating-label/_theme.scss +4 -4
  128. package/scss/floating-label/_variables.scss +14 -14
  129. package/scss/forms/_index.scss +0 -4
  130. package/scss/forms/_layout.scss +15 -11
  131. package/scss/forms/_variables.scss +19 -12
  132. package/scss/gantt/_index.scss +1 -1
  133. package/scss/gantt/_layout.scss +49 -44
  134. package/scss/gantt/_theme.scss +60 -60
  135. package/scss/gantt/_variables.scss +96 -92
  136. package/scss/grid/_index.scss +2 -2
  137. package/scss/grid/_layout.scss +19 -19
  138. package/scss/grid/_theme.scss +8 -8
  139. package/scss/grid/_variables.scss +80 -80
  140. package/scss/icons/_layout.scss +6 -1093
  141. package/scss/imageeditor/_layout.scss +19 -19
  142. package/scss/imageeditor/_theme.scss +13 -13
  143. package/scss/imageeditor/_variables.scss +31 -31
  144. package/scss/input/_layout.scss +1 -1
  145. package/scss/input/_theme.scss +24 -24
  146. package/scss/input/_variables.scss +36 -36
  147. package/scss/list/_layout.scss +2 -2
  148. package/scss/list/_theme.scss +1 -1
  149. package/scss/list/_variables.scss +66 -72
  150. package/scss/listbox/_variables.scss +3 -3
  151. package/scss/listgroup/_layout.scss +15 -15
  152. package/scss/listgroup/_theme.scss +3 -3
  153. package/scss/listgroup/_variables.scss +10 -10
  154. package/scss/listview/_index.scss +2 -2
  155. package/scss/listview/_theme.scss +1 -1
  156. package/scss/listview/_variables.scss +3 -3
  157. package/scss/loader/_layout.scss +40 -40
  158. package/scss/loader/_variables.scss +31 -30
  159. package/scss/map/_index.scss +1 -1
  160. package/scss/map/_layout.scss +16 -16
  161. package/scss/map/_theme.scss +5 -5
  162. package/scss/map/_variables.scss +21 -21
  163. package/scss/mediaplayer/_layout.scss +5 -5
  164. package/scss/mediaplayer/_theme.scss +6 -6
  165. package/scss/mediaplayer/_variables.scss +13 -13
  166. package/scss/menu/_layout.scss +39 -39
  167. package/scss/menu/_theme.scss +26 -26
  168. package/scss/menu/_variables.scss +67 -66
  169. package/scss/messagebox/_layout.scss +7 -7
  170. package/scss/messagebox/_theme.scss +3 -3
  171. package/scss/messagebox/_variables.scss +11 -11
  172. package/scss/multiselect/_index.scss +0 -1
  173. package/scss/notification/_variables.scss +5 -5
  174. package/scss/orgchart/_index.scss +1 -1
  175. package/scss/orgchart/_layout.scss +26 -26
  176. package/scss/orgchart/_theme.scss +13 -13
  177. package/scss/orgchart/_variables.scss +56 -56
  178. package/scss/overlay/_layout.scss +1 -1
  179. package/scss/overlay/_theme.scss +2 -2
  180. package/scss/overlay/_variables.scss +3 -3
  181. package/scss/pager/_index.scss +0 -2
  182. package/scss/pager/_layout.scss +1 -1
  183. package/scss/pager/_theme.scss +6 -6
  184. package/scss/pager/_variables.scss +38 -34
  185. package/scss/panelbar/_layout.scss +17 -17
  186. package/scss/panelbar/_theme.scss +70 -70
  187. package/scss/panelbar/_variables.scss +104 -103
  188. package/scss/pdf-viewer/_index.scss +1 -2
  189. package/scss/pdf-viewer/_layout.scss +13 -13
  190. package/scss/pdf-viewer/_theme.scss +21 -21
  191. package/scss/pdf-viewer/_variables.scss +45 -44
  192. package/scss/pivotgrid/_index.scss +5 -5
  193. package/scss/pivotgrid/_layout.scss +45 -45
  194. package/scss/pivotgrid/_theme.scss +52 -52
  195. package/scss/pivotgrid/_variables.scss +89 -86
  196. package/scss/popover/_layout.scss +19 -17
  197. package/scss/popover/_theme.scss +7 -7
  198. package/scss/popover/_variables.scss +26 -26
  199. package/scss/popup/_layout.scss +7 -7
  200. package/scss/popup/_theme.scss +4 -4
  201. package/scss/popup/_variables.scss +12 -12
  202. package/scss/progressbar/_layout.scss +1 -1
  203. package/scss/progressbar/_variables.scss +2 -2
  204. package/scss/radio/_index.scss +0 -3
  205. package/scss/radio/_theme.scss +2 -2
  206. package/scss/radio/_variables.scss +5 -1
  207. package/scss/rating/_layout.scss +11 -11
  208. package/scss/rating/_theme.scss +6 -6
  209. package/scss/rating/_variables.scss +17 -16
  210. package/scss/scheduler/_layout.scss +36 -55
  211. package/scss/scheduler/_theme.scss +51 -51
  212. package/scss/scheduler/_variables.scss +93 -93
  213. package/scss/scrollview/_layout.scss +16 -16
  214. package/scss/scrollview/_theme.scss +23 -23
  215. package/scss/scrollview/_variables.scss +32 -32
  216. package/scss/signature/_variables.scss +18 -18
  217. package/scss/skeleton/_layout.scss +4 -4
  218. package/scss/skeleton/_theme.scss +2 -2
  219. package/scss/skeleton/_variables.scss +6 -6
  220. package/scss/slider/_layout.scss +26 -26
  221. package/scss/slider/_theme.scss +21 -21
  222. package/scss/slider/_variables.scss +44 -44
  223. package/scss/split-button/_layout.scss +3 -4
  224. package/scss/split-button/_theme.scss +1 -1
  225. package/scss/split-button/_variables.scss +6 -6
  226. package/scss/splitter/_layout.scss +15 -15
  227. package/scss/splitter/_theme.scss +10 -10
  228. package/scss/splitter/_variables.scss +18 -18
  229. package/scss/spreadsheet/_layout.scss +30 -30
  230. package/scss/spreadsheet/_theme.scss +20 -20
  231. package/scss/spreadsheet/_variables.scss +29 -29
  232. package/scss/stepper/_layout.scss +36 -37
  233. package/scss/stepper/_theme.scss +44 -45
  234. package/scss/stepper/_variables.scss +86 -86
  235. package/scss/switch/_index.scss +1 -1
  236. package/scss/switch/_theme.scss +10 -2
  237. package/scss/switch/_variables.scss +7 -7
  238. package/scss/table/_index.scss +0 -8
  239. package/scss/table/_theme.scss +1 -1
  240. package/scss/table/_variables.scss +21 -18
  241. package/scss/tabstrip/_layout.scss +31 -31
  242. package/scss/tabstrip/_theme.scss +26 -26
  243. package/scss/tabstrip/_variables.scss +42 -41
  244. package/scss/taskboard/_index.scss +1 -1
  245. package/scss/taskboard/_layout.scss +34 -34
  246. package/scss/taskboard/_theme.scss +32 -32
  247. package/scss/taskboard/_variables.scss +93 -93
  248. package/scss/tilelayout/_layout.scss +4 -4
  249. package/scss/tilelayout/_theme.scss +4 -4
  250. package/scss/tilelayout/_variables.scss +8 -8
  251. package/scss/timedurationpicker/_index.scss +1 -1
  252. package/scss/timeline/_layout.scss +55 -55
  253. package/scss/timeline/_theme.scss +15 -15
  254. package/scss/timeline/_variables.scss +50 -50
  255. package/scss/timeselector/_layout.scss +18 -18
  256. package/scss/timeselector/_theme.scss +13 -11
  257. package/scss/timeselector/_variables.scss +37 -36
  258. package/scss/toolbar/_layout.scss +11 -11
  259. package/scss/toolbar/_theme.scss +2 -2
  260. package/scss/toolbar/_variables.scss +24 -24
  261. package/scss/tooltip/_layout.scss +22 -22
  262. package/scss/tooltip/_theme.scss +25 -25
  263. package/scss/tooltip/_variables.scss +29 -29
  264. package/scss/treelist/_index.scss +1 -1
  265. package/scss/treeview/_layout.scss +6 -6
  266. package/scss/treeview/_theme.scss +2 -2
  267. package/scss/treeview/_variables.scss +30 -30
  268. package/scss/typography/_index.scss +0 -1
  269. package/scss/typography/_layout.scss +77 -77
  270. package/scss/typography/_theme.scss +3 -3
  271. package/scss/typography/_variables.scss +84 -128
  272. package/scss/upload/_index.scss +0 -1
  273. package/scss/upload/_layout.scss +1 -1
  274. package/scss/upload/_theme.scss +5 -1
  275. package/scss/upload/_variables.scss +6 -5
  276. package/scss/utils/_index.scss +0 -22
  277. package/scss/validator/_layout.scss +1 -1
  278. package/scss/window/_theme.scss +1 -1
  279. package/scss/window/_variables.scss +9 -5
  280. package/scss/wizard/_layout.scss +11 -11
  281. package/scss/wizard/_theme.scss +1 -1
  282. package/scss/wizard/_variables.scss +10 -10
  283. package/scss/icons/font/WebComponentsIcons.scss +0 -3
  284. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  285. package/scss/utils/_aspect-ratio.scss +0 -32
  286. package/scss/utils/_border.scss +0 -109
  287. package/scss/utils/_display.scss +0 -41
  288. package/scss/utils/_flex.scss +0 -189
  289. package/scss/utils/_float.scss +0 -85
  290. package/scss/utils/_grid.scss +0 -45
  291. package/scss/utils/_order.scss +0 -54
  292. package/scss/utils/_overflow.scss +0 -87
  293. package/scss/utils/_pointer-events.scss +0 -30
  294. package/scss/utils/_position.scss +0 -209
  295. package/scss/utils/_resize.scss +0 -47
  296. package/scss/utils/_spacer.scss +0 -16
  297. package/scss/utils/_spacing.scss +0 -162
  298. package/scss/utils/_table-layout.scss +0 -17
  299. package/scss/utils/_text.scss +0 -154
  300. package/scss/utils/_theme-colors.scss +0 -47
  301. package/scss/utils/_touch-action.scss +0 -30
  302. package/scss/utils/_transform.scss +0 -105
  303. package/scss/utils/_user-select.scss +0 -51
package/scss/fab/_theme.scss CHANGED
@@ -25,9 +25,13 @@
25
25
  @each $name, $color in $kendo-fab-theme-colors {
26
26
  .k-fab-solid-#{$name}.k-focus,
27
27
  .k-fab-solid-#{$name}:focus {
28
- outline-style: solid;
29
- outline-width: 2px;
30
- outline-color: rgba( $color, .3 );
28
+ @if $kendo-enable-focus-contrast {
29
+ @include box-shadow( inset 0 0 0 2px currentColor );
30
+ } @else {
31
+ outline-style: solid;
32
+ outline-width: 2px;
33
+ outline-color: rgba( $color, .3 );
34
+ }
31
35
  }
32
36
  }
33
37
 
@@ -86,9 +90,13 @@
86
90
  .k-fab-item:focus .k-fab-item-icon,
87
91
  .k-fab-item.k-focus .k-fab-item-text,
88
92
  .k-fab-item.k-focus .k-fab-item-icon {
89
- outline-style: solid;
90
- outline-width: 2px;
91
- outline-color: rgba(0, 0, 0, .08);
93
+ @if $kendo-enable-focus-contrast {
94
+ @include box-shadow( inset 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
95
+ } @else {
96
+ outline-style: solid;
97
+ outline-width: 2px;
98
+ outline-color: rgba(0, 0, 0, .08);
99
+ }
92
100
  }
93
101
 
94
102
  // Active state
package/scss/fab/_variables.scss CHANGED
@@ -9,27 +9,27 @@ $kendo-fab-border-radius: $kendo-border-radius-md !default;
9
9
 
10
10
  /// Font family of the FAB.
11
11
  /// @group floating-action-button
12
- $kendo-fab-font-family: $font-family !default;
12
+ $kendo-fab-font-family: $kendo-font-family !default;
13
13
  /// Font size of the FAB.
14
14
  /// @group floating-action-button
15
- $kendo-fab-font-size: $font-size !default;
15
+ $kendo-fab-font-size: $kendo-font-size-md !default;
16
16
  /// Line height of the FAB.
17
17
  /// @group floating-action-button
18
- $kendo-fab-line-height: $line-height !default;
18
+ $kendo-fab-line-height: $kendo-line-height-md !default;
19
19
 
20
20
  /// Horizontal padding of the FAB.
21
21
  /// @group floating-action-button
22
22
  $kendo-fab-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
23
- $kendo-fab-padding-x-sm: k-math-div( $kendo-fab-padding-x, 2 ) !default;
24
- $kendo-fab-padding-x-md: $kendo-fab-padding-x !default;
25
- $kendo-fab-padding-x-lg: ( $kendo-fab-padding-x * 1.5 ) !default;
23
+ $kendo-fab-sm-padding-x: k-math-div( $kendo-fab-padding-x, 2 ) !default;
24
+ $kendo-fab-md-padding-x: $kendo-fab-padding-x !default;
25
+ $kendo-fab-lg-padding-x: ( $kendo-fab-padding-x * 1.5 ) !default;
26
26
 
27
27
  /// Vertical padding of the FAB.
28
28
  /// @group floating-action-button
29
29
  $kendo-fab-padding-y: $kendo-fab-padding-x !default;
30
- $kendo-fab-padding-y-sm: k-math-div( $kendo-fab-padding-y, 2 ) !default;
31
- $kendo-fab-padding-y-md: $kendo-fab-padding-y !default;
32
- $kendo-fab-padding-y-lg: ( $kendo-fab-padding-y * 1.5 ) !default;
30
+ $kendo-fab-sm-padding-y: k-math-div( $kendo-fab-padding-y, 2 ) !default;
31
+ $kendo-fab-md-padding-y: $kendo-fab-padding-y !default;
32
+ $kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
33
33
 
34
34
  /// FAB icon width.
35
35
  /// @group floating-action-button
@@ -62,7 +62,7 @@ $kendo-fab-item-text-border-width: 1px !default;
62
62
  $kendo-fab-item-text-border-radius: 2px !default;
63
63
  /// Font size of the FAB item text.
64
64
  /// @group floating-action-button
65
- $kendo-fab-item-text-font-size: $font-size-xs !default;
65
+ $kendo-fab-item-text-font-size: $kendo-font-size-xs !default;
66
66
  /// Line height of the FAB item text.
67
67
  /// @group floating-action-button
68
68
  $kendo-fab-item-text-line-height: 1.2 !default;
package/scss/filemanager/_layout.scss CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
  // File Manager
4
4
  .k-filemanager {
5
- border-width: $filemanager-border-width;
5
+ border-width: $kendo-file-manager-border-width;
6
6
  border-style: solid;
7
7
  box-sizing: border-box;
8
- font-family: $filemanager-font-family;
9
- font-size: $filemanager-font-size;
10
- line-height: $filemanager-line-height;
8
+ font-family: $kendo-file-manager-font-family;
9
+ font-size: $kendo-file-manager-font-size;
10
+ line-height: $kendo-file-manager-line-height;
11
11
  display: flex;
12
12
  flex-flow: column nowrap;
13
13
  }
@@ -19,7 +19,7 @@
19
19
  }
20
20
  .k-filemanager-toolbar {
21
21
  border-width: 0;
22
- border-bottom-width: $filemanager-toolbar-border-width;
22
+ border-bottom-width: $kendo-file-manager-toolbar-border-width;
23
23
  border-color: inherit;
24
24
  flex-shrink: 0;
25
25
  }
@@ -39,10 +39,10 @@
39
39
 
40
40
  // Navigation
41
41
  .k-filemanager-navigation {
42
- padding: $filemanager-navigation-padding-y $filemanager-navigation-padding-x;
43
- width: $filemanager-navigation-width;
42
+ padding: $kendo-file-manager-navigation-padding-y $kendo-file-manager-navigation-padding-x;
43
+ width: $kendo-file-manager-navigation-width;
44
44
  border-width: 0;
45
- border-right-width: $filemanager-navigation-border-width;
45
+ border-right-width: $kendo-file-manager-navigation-border-width;
46
46
  border-style: solid;
47
47
  border-color: inherit;
48
48
  box-sizing: border-box;
@@ -72,8 +72,8 @@
72
72
  // Breadcrumb
73
73
  .k-filemanager-breadcrumb {
74
74
  border-width: 0;
75
- border-bottom-width: $filemanager-breadcrumb-border-width;
76
- padding: $filemanager-breadcrumb-padding-y $filemanager-breadcrumb-padding-x;
75
+ border-bottom-width: $kendo-file-manager-breadcrumb-border-width;
76
+ padding: $kendo-file-manager-breadcrumb-padding-y $kendo-file-manager-breadcrumb-padding-x;
77
77
  flex-shrink: 0;
78
78
  }
79
79
 
@@ -85,9 +85,9 @@
85
85
 
86
86
  // Listview item
87
87
  .k-listview-item {
88
- padding: $filemanager-listview-item-padding-y $filemanager-listview-item-padding-x;
89
- width: $filemanager-listview-item-width;
90
- height: $filemanager-listview-item-height;
88
+ padding: $kendo-file-manager-listview-item-padding-y $kendo-file-manager-listview-item-padding-x;
89
+ width: $kendo-file-manager-listview-item-width;
90
+ height: $kendo-file-manager-listview-item-height;
91
91
  text-align: center;
92
92
  }
93
93
 
@@ -100,12 +100,12 @@
100
100
 
101
101
  // File icon
102
102
  .k-file-icon {
103
- font-size: $filemanager-listview-item-icon-size;
103
+ font-size: $kendo-file-manager-listview-item-icon-size;
104
104
  }
105
105
 
106
106
  // File name
107
107
  .k-file-name {
108
- margin-top: k-math-div( $filemanager-spacer, 2 );
108
+ margin-top: k-math-div( $kendo-file-manager-spacer, 2 );
109
109
  display: block;
110
110
  text-align: center;
111
111
  overflow: hidden;
@@ -127,7 +127,7 @@
127
127
 
128
128
  // File preview
129
129
  .k-file-preview {
130
- margin-right: $icon-spacing;
130
+ margin-right: $kendo-icon-spacing;
131
131
  display: inline-flex;
132
132
  flex-direction: row;
133
133
  vertical-align: middle;
@@ -147,11 +147,11 @@
147
147
 
148
148
  // Filemanager preview
149
149
  .k-filemanager-preview {
150
- padding: ($filemanager-preview-padding-y * 3) $filemanager-preview-padding-x $filemanager-preview-padding-y;
151
- width: $filemanager-preview-width;
152
- min-height: calc( #{$filemanager-preview-padding-y * 4} + #{$filemanager-preview-icon-size * 2} + #{$filemanager-preview-spacing * 3} );
150
+ padding: ($kendo-file-manager-preview-padding-y * 3) $kendo-file-manager-preview-padding-x $kendo-file-manager-preview-padding-y;
151
+ width: $kendo-file-manager-preview-width;
152
+ min-height: calc( #{$kendo-file-manager-preview-padding-y * 4} + #{$kendo-file-manager-preview-icon-size * 2} + #{$kendo-file-manager-preview-spacing * 3} );
153
153
  border-width: 0;
154
- border-left-width: $filemanager-preview-border-width;
154
+ border-left-width: $kendo-file-manager-preview-border-width;
155
155
  border-style: solid;
156
156
  border-color: inherit;
157
157
  box-sizing: border-box;
@@ -168,12 +168,12 @@
168
168
 
169
169
  // File icon
170
170
  .k-file-icon {
171
- font-size: $filemanager-preview-icon-size;
171
+ font-size: $kendo-file-manager-preview-icon-size;
172
172
  }
173
173
 
174
174
  // File name
175
175
  .k-file-name {
176
- margin-top: $filemanager-preview-spacing;
176
+ margin-top: $kendo-file-manager-preview-spacing;
177
177
  display: block;
178
178
  }
179
179
  .k-no-file-selected {}
@@ -182,12 +182,12 @@
182
182
 
183
183
  // File Meta
184
184
  .k-file-meta {
185
- margin: $filemanager-preview-spacing 0 0;
185
+ margin: $kendo-file-manager-preview-spacing 0 0;
186
186
  box-sizing: border-box;
187
187
  text-align: start;
188
188
  display: flex;
189
189
  flex-flow: row wrap;
190
- grid-column-gap: $filemanager-preview-column-gap;
190
+ grid-column-gap: $kendo-file-manager-preview-column-gap;
191
191
  }
192
192
  .k-file-meta-label {
193
193
  display: inline-block;
@@ -199,7 +199,7 @@
199
199
  text-transform: capitalize;
200
200
  }
201
201
  .k-line-break {
202
- margin: $filemanager-preview-spacing 0 0;
202
+ margin: $kendo-file-manager-preview-spacing 0 0;
203
203
  width: 100%;
204
204
  flex: 1 1 100%;
205
205
  flex-flow: row nowrap;
@@ -233,7 +233,7 @@
233
233
  align-items: center;
234
234
  }
235
235
  .k-filemanager-drag-hint .k-icon {
236
- margin-right: $icon-spacing;
236
+ margin-right: $kendo-icon-spacing;
237
237
  }
238
238
 
239
239
  }
package/scss/filemanager/_theme.scss CHANGED
@@ -3,9 +3,9 @@
3
3
  // Filemanager
4
4
  .k-filemanager {
5
5
  @include fill(
6
- $filemanager-text,
7
- $filemanager-bg,
8
- $filemanager-border
6
+ $kendo-file-manager-text,
7
+ $kendo-file-manager-bg,
8
+ $kendo-file-manager-border
9
9
  );
10
10
  }
11
11
 
@@ -13,10 +13,10 @@
13
13
  // Filemanager toolbar
14
14
  .k-filemanager-toolbar {
15
15
  @include fill(
16
- $filemanager-toolbar-text,
17
- $filemanager-toolbar-bg,
18
- $filemanager-toolbar-border,
19
- $filemanager-toolbar-gradient
16
+ $kendo-file-manager-toolbar-text,
17
+ $kendo-file-manager-toolbar-bg,
18
+ $kendo-file-manager-toolbar-border,
19
+ $kendo-file-manager-toolbar-gradient
20
20
  );
21
21
  }
22
22
 
@@ -24,9 +24,9 @@
24
24
  // Filemanager navigation
25
25
  .k-filemanager-navigation {
26
26
  @include fill(
27
- $filemanager-navigation-text,
28
- $filemanager-navigation-bg,
29
- $filemanager-navigation-border
27
+ $kendo-file-manager-navigation-text,
28
+ $kendo-file-manager-navigation-bg,
29
+ $kendo-file-manager-navigation-border
30
30
  );
31
31
  }
32
32
 
@@ -34,9 +34,9 @@
34
34
  // Filemanager breadcrumb
35
35
  .k-filemanager-breadcrumb {
36
36
  @include fill(
37
- $filemanager-breadcrumb-text,
38
- $filemanager-breadcrumb-bg,
39
- $filemanager-breadcrumb-border
37
+ $kendo-file-manager-breadcrumb-text,
38
+ $kendo-file-manager-breadcrumb-bg,
39
+ $kendo-file-manager-breadcrumb-border
40
40
  );
41
41
  }
42
42
 
@@ -44,23 +44,23 @@
44
44
  // Filemanager listview
45
45
  .k-filemanager-listview {
46
46
  @include fill(
47
- $filemanager-listview-text,
48
- $filemanager-listview-bg,
49
- $filemanager-listview-border
47
+ $kendo-file-manager-listview-text,
48
+ $kendo-file-manager-listview-bg,
49
+ $kendo-file-manager-listview-border
50
50
  );
51
51
 
52
52
  .k-listview-item {
53
53
  @include fill(
54
- $filemanager-listview-item-text,
55
- $filemanager-listview-item-bg,
56
- $filemanager-listview-item-border
54
+ $kendo-file-manager-listview-item-text,
55
+ $kendo-file-manager-listview-item-bg,
56
+ $kendo-file-manager-listview-item-border
57
57
  );
58
58
 
59
59
  .k-file-icon {
60
60
  @include fill(
61
- $filemanager-listview-item-icon-text,
62
- $filemanager-listview-item-icon-bg,
63
- $filemanager-listview-item-icon-border
61
+ $kendo-file-manager-listview-item-icon-text,
62
+ $kendo-file-manager-listview-item-icon-bg,
63
+ $kendo-file-manager-listview-item-icon-border
64
64
  );
65
65
  }
66
66
 
@@ -80,9 +80,9 @@
80
80
  .k-filemanager-grid {
81
81
 
82
82
  @include fill(
83
- $filemanager-grid-text,
84
- $filemanager-grid-bg,
85
- $filemanager-grid-border
83
+ $kendo-file-manager-grid-text,
84
+ $kendo-file-manager-grid-bg,
85
+ $kendo-file-manager-grid-border
86
86
  );
87
87
 
88
88
  }
@@ -91,16 +91,16 @@
91
91
  // Filemanager preview
92
92
  .k-filemanager-preview {
93
93
  @include fill(
94
- $filemanager-preview-text,
95
- $filemanager-preview-bg,
96
- $filemanager-preview-border
94
+ $kendo-file-manager-preview-text,
95
+ $kendo-file-manager-preview-bg,
96
+ $kendo-file-manager-preview-border
97
97
  );
98
98
 
99
99
  .k-file-icon {
100
100
  @include fill(
101
- $filemanager-preview-icon-text,
102
- $filemanager-preview-icon-bg,
103
- $filemanager-preview-icon-border
101
+ $kendo-file-manager-preview-icon-text,
102
+ $kendo-file-manager-preview-icon-bg,
103
+ $kendo-file-manager-preview-icon-border
104
104
  );
105
105
  }
106
106
 
package/scss/filemanager/_variables.scss CHANGED
@@ -1,69 +1,69 @@
1
1
  // File manager
2
- $filemanager-spacer: k-map-get( $kendo-spacing, 4 ) !default;
3
- $filemanager-border-width: 1px !default;
4
- $filemanager-font-family: $font-family !default;
5
- $filemanager-font-size: $font-size !default;
6
- $filemanager-line-height: $line-height !default;
7
- $filemanager-bg: $kendo-component-bg !default;
8
- $filemanager-text: $kendo-component-text !default;
9
- $filemanager-border: $kendo-component-border !default;
2
+ $kendo-file-manager-spacer: k-map-get( $kendo-spacing, 4 ) !default;
3
+ $kendo-file-manager-border-width: 1px !default;
4
+ $kendo-file-manager-font-family: $kendo-font-family !default;
5
+ $kendo-file-manager-font-size: $kendo-font-size-md !default;
6
+ $kendo-file-manager-line-height: $kendo-line-height-md !default;
7
+ $kendo-file-manager-bg: $kendo-component-bg !default;
8
+ $kendo-file-manager-text: $kendo-component-text !default;
9
+ $kendo-file-manager-border: $kendo-component-border !default;
10
10
 
11
- $filemanager-toolbar-border-width: $filemanager-border-width !default;
12
- $filemanager-toolbar-bg: null !default;
13
- $filemanager-toolbar-text: null !default;
14
- $filemanager-toolbar-border: null !default;
15
- $filemanager-toolbar-gradient: null !default;
11
+ $kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
12
+ $kendo-file-manager-toolbar-bg: null !default;
13
+ $kendo-file-manager-toolbar-text: null !default;
14
+ $kendo-file-manager-toolbar-border: null !default;
15
+ $kendo-file-manager-toolbar-gradient: null !default;
16
16
 
17
- $filemanager-navigation-padding-x: $filemanager-spacer !default;
18
- $filemanager-navigation-padding-y: $filemanager-spacer !default;
19
- $filemanager-navigation-width: 20% !default;
20
- $filemanager-navigation-border-width: $filemanager-border-width !default;
21
- $filemanager-navigation-bg: null !default;
22
- $filemanager-navigation-text: null !default;
23
- $filemanager-navigation-border: null !default;
17
+ $kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
18
+ $kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
19
+ $kendo-file-manager-navigation-width: 20% !default;
20
+ $kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
21
+ $kendo-file-manager-navigation-bg: null !default;
22
+ $kendo-file-manager-navigation-text: null !default;
23
+ $kendo-file-manager-navigation-border: null !default;
24
24
 
25
- $filemanager-breadcrumb-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
26
- $filemanager-breadcrumb-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
27
- $filemanager-breadcrumb-border-width: $filemanager-border-width !default;
28
- $filemanager-breadcrumb-bg: $kendo-toolbar-bg !default;
29
- $filemanager-breadcrumb-text: null !default;
30
- $filemanager-breadcrumb-border: null !default;
25
+ $kendo-file-manager-breadcrumb-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
26
+ $kendo-file-manager-breadcrumb-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
27
+ $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
28
+ $kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
29
+ $kendo-file-manager-breadcrumb-text: null !default;
30
+ $kendo-file-manager-breadcrumb-border: null !default;
31
31
 
32
- $filemanager-listview-bg: null !default;
33
- $filemanager-listview-text: null !default;
34
- $filemanager-listview-border: null !default;
32
+ $kendo-file-manager-listview-bg: null !default;
33
+ $kendo-file-manager-listview-text: null !default;
34
+ $kendo-file-manager-listview-border: null !default;
35
35
 
36
- $filemanager-listview-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
37
- $filemanager-listview-item-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
38
- $filemanager-listview-item-width: 120px !default;
39
- $filemanager-listview-item-height: 120px !default;
40
- $filemanager-listview-item-bg: null !default;
41
- $filemanager-listview-item-text: null !default;
42
- $filemanager-listview-item-border: null !default;
36
+ $kendo-file-manager-listview-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
37
+ $kendo-file-manager-listview-item-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
38
+ $kendo-file-manager-listview-item-width: 120px !default;
39
+ $kendo-file-manager-listview-item-height: 120px !default;
40
+ $kendo-file-manager-listview-item-bg: null !default;
41
+ $kendo-file-manager-listview-item-text: null !default;
42
+ $kendo-file-manager-listview-item-border: null !default;
43
43
 
44
- $filemanager-listview-item-icon-size: ($icon-size * 3) !default;
45
- $filemanager-listview-item-icon-bg: null !default;
46
- $filemanager-listview-item-icon-text: k-try-tint($filemanager-text, 4) !default;
47
- $filemanager-listview-item-icon-border: null !default;
48
- $filemanager-listview-item-icon-selected-bg: null !default;
49
- $filemanager-listview-item-icon-selected-text: inherit !default;
50
- $filemanager-listview-item-icon-selected-border: null !default;
44
+ $kendo-file-manager-listview-item-icon-size: ($kendo-icon-size * 3) !default;
45
+ $kendo-file-manager-listview-item-icon-bg: null !default;
46
+ $kendo-file-manager-listview-item-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
47
+ $kendo-file-manager-listview-item-icon-border: null !default;
48
+ $kendo-file-manager-listview-item-icon-selected-bg: null !default;
49
+ $kendo-file-manager-listview-item-icon-selected-text: inherit !default;
50
+ $kendo-file-manager-listview-item-icon-selected-border: null !default;
51
51
 
52
- $filemanager-grid-bg: null !default;
53
- $filemanager-grid-text: null !default;
54
- $filemanager-grid-border: null !default;
52
+ $kendo-file-manager-grid-bg: null !default;
53
+ $kendo-file-manager-grid-text: null !default;
54
+ $kendo-file-manager-grid-border: null !default;
55
55
 
56
- $filemanager-preview-padding-x: $filemanager-spacer !default;
57
- $filemanager-preview-padding-y: $filemanager-spacer !default;
58
- $filemanager-preview-width: 20% !default;
59
- $filemanager-preview-border-width: $filemanager-border-width !default;
60
- $filemanager-preview-spacing: $filemanager-spacer !default;
61
- $filemanager-preview-column-gap: k-map-get( $kendo-spacing, 1 ) !default;
62
- $filemanager-preview-bg: null !default;
63
- $filemanager-preview-text: null !default;
64
- $filemanager-preview-border: null !default;
56
+ $kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
57
+ $kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
58
+ $kendo-file-manager-preview-width: 20% !default;
59
+ $kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
60
+ $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
61
+ $kendo-file-manager-preview-column-gap: k-map-get( $kendo-spacing, 1 ) !default;
62
+ $kendo-file-manager-preview-bg: null !default;
63
+ $kendo-file-manager-preview-text: null !default;
64
+ $kendo-file-manager-preview-border: null !default;
65
65
 
66
- $filemanager-preview-icon-size: ($icon-size * 6) !default;
67
- $filemanager-preview-icon-bg: null !default;
68
- $filemanager-preview-icon-text: k-try-tint($filemanager-text, 4) !default;
69
- $filemanager-preview-icon-border: null !default;
66
+ $kendo-file-manager-preview-icon-size: ($kendo-icon-size * 6) !default;
67
+ $kendo-file-manager-preview-icon-bg: null !default;
68
+ $kendo-file-manager-preview-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
69
+ $kendo-file-manager-preview-icon-border: null !default;
package/scss/filter/_layout.scss CHANGED
@@ -22,26 +22,26 @@
22
22
 
23
23
  .k-filter-container,
24
24
  .k-filter-preview {
25
- margin-bottom: $filter-bottom-margin;
25
+ margin-bottom: $kendo-filter-bottom-margin;
26
26
  }
27
27
 
28
28
  .k-filter-lines,
29
29
  .k-filter-item {
30
- padding-left: $filter-padding-x;
30
+ padding-left: $kendo-filter-padding-x;
31
31
  }
32
32
 
33
33
  .k-filter-toolbar {
34
34
  display: inline-flex;
35
35
  position: relative;
36
- padding: $filter-padding-y 0;
36
+ padding: $kendo-filter-padding-y 0;
37
37
 
38
38
  &::before {
39
39
  content: "";
40
40
  position: absolute;
41
- width: $filter-padding-x;
42
- height: $filter-line-size;
41
+ width: $kendo-filter-padding-x;
42
+ height: $kendo-filter-line-size;
43
43
  top: 50%;
44
- left: -$filter-padding-x;
44
+ left: -$kendo-filter-padding-x;
45
45
  }
46
46
 
47
47
  .k-toolbar {
@@ -49,7 +49,7 @@
49
49
  }
50
50
  }
51
51
  .k-filter-operator .k-dropdown-list {
52
- width: $filter-operator-dropdown-width;
52
+ width: $kendo-filter-operator-dropdown-width;
53
53
  }
54
54
 
55
55
  .k-filter-item {
@@ -58,9 +58,9 @@
58
58
  &::before {
59
59
  content: "";
60
60
  position: absolute;
61
- width: $filter-line-size;
61
+ width: $kendo-filter-line-size;
62
62
  height: 100%;
63
- top: -$filter-padding-y;
63
+ top: -$kendo-filter-padding-y;
64
64
  left: 0;
65
65
  }
66
66
  }
@@ -70,10 +70,10 @@
70
70
  .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
71
71
  content: "";
72
72
  position: absolute;
73
- width: $filter-line-size;
74
- top: calc(-#{$filter-padding-y} - #{$filter-line-size});
73
+ width: $kendo-filter-line-size;
74
+ top: calc(-#{$kendo-filter-padding-y} - #{$kendo-filter-line-size});
75
75
  bottom: 50%;
76
- left: -$filter-padding-x;
76
+ left: -$kendo-filter-padding-x;
77
77
  }
78
78
 
79
79
  // The forth and fifth selectors targets the Angular rendering
@@ -92,14 +92,14 @@
92
92
  .k-filter-lines,
93
93
  .k-filter-item {
94
94
  padding-left: 0;
95
- padding-right: $filter-padding-x;
95
+ padding-right: $kendo-filter-padding-x;
96
96
  }
97
97
 
98
98
  .k-filter-toolbar {
99
99
 
100
100
  &::before {
101
101
  left: auto;
102
- right: -$filter-padding-x;
102
+ right: -$kendo-filter-padding-x;
103
103
  }
104
104
  }
105
105
 
@@ -115,7 +115,7 @@
115
115
  .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
116
116
  .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
117
117
  left: auto;
118
- right: -$filter-padding-x;
118
+ right: -$kendo-filter-padding-x;
119
119
  }
120
120
  }
121
121
  }
package/scss/filter/_theme.scss CHANGED
@@ -4,11 +4,11 @@
4
4
  color: $kendo-component-text;
5
5
 
6
6
  .k-filter-preview-field {
7
- color: $filter-preview-field-text;
7
+ color: $kendo-filter-preview-field-text;
8
8
  }
9
9
 
10
10
  .k-filter-preview-operator {
11
- color: $filter-preview-operator-text;
11
+ color: $kendo-filter-preview-operator-text;
12
12
  }
13
13
 
14
14
  // The last selector targets the Angular rendering
@@ -22,7 +22,7 @@
22
22
  // Focus
23
23
  .k-toolbar:focus,
24
24
  .k-toolbar.k-focus {
25
- @include box-shadow( $filter-toolbar-focus-shadow );
25
+ @include focus-indicator( $kendo-filter-toolbar-focus-shadow );
26
26
  }
27
27
  }
28
28
 
package/scss/filter/_variables.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  // Filter expression builder
2
- $filter-padding-x: $kendo-padding-md-x !default;
3
- $filter-padding-y: $kendo-padding-md-y !default;
2
+ $kendo-filter-padding-x: $kendo-padding-md-x !default;
3
+ $kendo-filter-padding-y: $kendo-padding-md-y !default;
4
4
 
5
- $filter-bottom-margin: 30px !default;
6
- $filter-line-size: 1px !default;
5
+ $kendo-filter-bottom-margin: 30px !default;
6
+ $kendo-filter-line-size: 1px !default;
7
7
 
8
- $filter-operator-dropdown-width: 15em !default;
8
+ $kendo-filter-operator-dropdown-width: 15em !default;
9
9
 
10
- $filter-preview-field-text: $kendo-color-primary !default;
11
- $filter-preview-operator-text: $kendo-subtle-text !default;
10
+ $kendo-filter-preview-field-text: $kendo-color-primary !default;
11
+ $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
12
12
 
13
- $filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
13
+ $kendo-filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;