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

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 (229) hide show
  1. package/dist/all.css +222 -18
  2. package/dist/all.scss +4737 -4662
  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 +16 -16
  10. package/dist/default-ocean-blue.scss +9 -9
  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 +40 -54
  22. package/lib/swatches/default-ocean-blue.json +15 -9
  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 +4 -4
  28. package/scss/_variables.scss +55 -52
  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 +63 -63
  35. package/scss/adaptive/_layout.scss +11 -11
  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/_variables.scss +32 -32
  41. package/scss/bottom-navigation/_layout.scss +17 -17
  42. package/scss/bottom-navigation/_theme.scss +4 -4
  43. package/scss/bottom-navigation/_variables.scss +23 -23
  44. package/scss/breadcrumb/_layout.scss +16 -16
  45. package/scss/breadcrumb/_theme.scss +42 -24
  46. package/scss/breadcrumb/_variables.scss +45 -44
  47. package/scss/button/_layout.scss +39 -0
  48. package/scss/button/_theme.scss +3 -3
  49. package/scss/button/_variables.scss +34 -34
  50. package/scss/calendar/_layout.scss +49 -49
  51. package/scss/calendar/_theme.scss +52 -52
  52. package/scss/calendar/_variables.scss +84 -87
  53. package/scss/captcha/_layout.scss +10 -10
  54. package/scss/captcha/_theme.scss +3 -3
  55. package/scss/captcha/_variables.scss +14 -14
  56. package/scss/card/_layout.scss +45 -45
  57. package/scss/card/_theme.scss +15 -15
  58. package/scss/card/_variables.scss +55 -55
  59. package/scss/chat/_layout.scss +59 -59
  60. package/scss/chat/_theme.scss +28 -28
  61. package/scss/chat/_variables.scss +57 -57
  62. package/scss/checkbox/_variables.scss +1 -1
  63. package/scss/chip/_layout.scss +1 -1
  64. package/scss/chip/_theme.scss +10 -10
  65. package/scss/chip/_variables.scss +29 -29
  66. package/scss/color-preview/_layout.scss +5 -5
  67. package/scss/color-preview/_theme.scss +4 -4
  68. package/scss/color-preview/_variables.scss +11 -11
  69. package/scss/coloreditor/_layout.scss +18 -18
  70. package/scss/coloreditor/_theme.scss +6 -6
  71. package/scss/coloreditor/_variables.scss +24 -24
  72. package/scss/colorgradient/_layout.scss +42 -54
  73. package/scss/colorgradient/_theme.scss +13 -13
  74. package/scss/colorgradient/_variables.scss +50 -50
  75. package/scss/colorpalette/_layout.scss +5 -5
  76. package/scss/colorpalette/_theme.scss +3 -3
  77. package/scss/colorpalette/_variables.scss +8 -8
  78. package/scss/common/_dragdrop.scss +13 -13
  79. package/scss/dataviz/_layout.scss +75 -75
  80. package/scss/dataviz/_theme.scss +18 -18
  81. package/scss/dataviz/_variables.scss +97 -97
  82. package/scss/datetimepicker/_layout.scss +3 -3
  83. package/scss/datetimepicker/_variables.scss +1 -1
  84. package/scss/dialog/_variables.scss +3 -3
  85. package/scss/draggable/_layout.scss +23 -23
  86. package/scss/draggable/_theme.scss +5 -5
  87. package/scss/draggable/_variables.scss +20 -20
  88. package/scss/drawer/_variables.scss +4 -4
  89. package/scss/dropdowntree/_layout.scss +2 -2
  90. package/scss/dropdowntree/_variables.scss +2 -2
  91. package/scss/dropzone/_layout.scss +12 -12
  92. package/scss/dropzone/_theme.scss +7 -7
  93. package/scss/dropzone/_variables.scss +20 -20
  94. package/scss/editor/_variables.scss +3 -3
  95. package/scss/expansion-panel/_layout.scss +9 -9
  96. package/scss/expansion-panel/_theme.scss +12 -12
  97. package/scss/expansion-panel/_variables.scss +22 -22
  98. package/scss/fab/_layout.scss +2 -2
  99. package/scss/fab/_theme.scss +1 -1
  100. package/scss/fab/_variables.scss +10 -10
  101. package/scss/filemanager/_layout.scss +24 -24
  102. package/scss/filemanager/_theme.scss +31 -31
  103. package/scss/filemanager/_variables.scss +59 -59
  104. package/scss/filter/_layout.scss +15 -15
  105. package/scss/filter/_theme.scss +3 -3
  106. package/scss/filter/_variables.scss +8 -8
  107. package/scss/floating-label/_layout.scss +19 -19
  108. package/scss/floating-label/_theme.scss +4 -4
  109. package/scss/floating-label/_variables.scss +14 -14
  110. package/scss/forms/_layout.scss +6 -6
  111. package/scss/forms/_variables.scss +12 -12
  112. package/scss/gantt/_layout.scss +44 -43
  113. package/scss/gantt/_theme.scss +60 -60
  114. package/scss/gantt/_variables.scss +92 -92
  115. package/scss/grid/_layout.scss +45 -21
  116. package/scss/grid/_theme.scss +44 -4
  117. package/scss/grid/_variables.scss +75 -75
  118. package/scss/icons/_layout.scss +5 -0
  119. package/scss/imageeditor/_layout.scss +19 -19
  120. package/scss/imageeditor/_theme.scss +13 -13
  121. package/scss/imageeditor/_variables.scss +31 -31
  122. package/scss/input/_layout.scss +1 -1
  123. package/scss/input/_variables.scss +36 -36
  124. package/scss/list/_variables.scss +66 -72
  125. package/scss/listbox/_variables.scss +3 -3
  126. package/scss/listgroup/_layout.scss +15 -15
  127. package/scss/listgroup/_theme.scss +3 -3
  128. package/scss/listgroup/_variables.scss +10 -10
  129. package/scss/listview/_variables.scss +3 -3
  130. package/scss/loader/_layout.scss +40 -40
  131. package/scss/loader/_variables.scss +30 -30
  132. package/scss/map/_layout.scss +15 -15
  133. package/scss/map/_theme.scss +5 -5
  134. package/scss/map/_variables.scss +21 -21
  135. package/scss/mediaplayer/_layout.scss +5 -5
  136. package/scss/mediaplayer/_theme.scss +6 -6
  137. package/scss/mediaplayer/_variables.scss +13 -13
  138. package/scss/menu/_layout.scss +38 -38
  139. package/scss/menu/_theme.scss +25 -25
  140. package/scss/menu/_variables.scss +65 -68
  141. package/scss/messagebox/_layout.scss +7 -7
  142. package/scss/messagebox/_theme.scss +3 -3
  143. package/scss/messagebox/_variables.scss +11 -11
  144. package/scss/notification/_variables.scss +4 -4
  145. package/scss/orgchart/_layout.scss +26 -26
  146. package/scss/orgchart/_theme.scss +13 -13
  147. package/scss/orgchart/_variables.scss +56 -56
  148. package/scss/overlay/_layout.scss +1 -1
  149. package/scss/overlay/_theme.scss +2 -2
  150. package/scss/overlay/_variables.scss +3 -3
  151. package/scss/pager/_layout.scss +1 -1
  152. package/scss/pager/_theme.scss +4 -4
  153. package/scss/pager/_variables.scss +33 -33
  154. package/scss/panelbar/_layout.scss +15 -15
  155. package/scss/panelbar/_theme.scss +70 -70
  156. package/scss/panelbar/_variables.scss +103 -106
  157. package/scss/pdf-viewer/_layout.scss +13 -13
  158. package/scss/pdf-viewer/_theme.scss +21 -21
  159. package/scss/pdf-viewer/_variables.scss +44 -44
  160. package/scss/pivotgrid/_layout.scss +45 -45
  161. package/scss/pivotgrid/_theme.scss +52 -52
  162. package/scss/pivotgrid/_variables.scss +86 -86
  163. package/scss/popover/_variables.scss +16 -16
  164. package/scss/popup/_layout.scss +7 -7
  165. package/scss/popup/_theme.scss +4 -4
  166. package/scss/popup/_variables.scss +12 -12
  167. package/scss/progressbar/_variables.scss +2 -2
  168. package/scss/radio/_variables.scss +1 -1
  169. package/scss/rating/_layout.scss +11 -11
  170. package/scss/rating/_theme.scss +6 -6
  171. package/scss/rating/_variables.scss +16 -16
  172. package/scss/scheduler/_layout.scss +32 -32
  173. package/scss/scheduler/_theme.scss +51 -51
  174. package/scss/scheduler/_variables.scss +93 -93
  175. package/scss/scrollview/_layout.scss +16 -16
  176. package/scss/scrollview/_theme.scss +23 -23
  177. package/scss/scrollview/_variables.scss +32 -32
  178. package/scss/signature/_variables.scss +18 -18
  179. package/scss/skeleton/_layout.scss +4 -4
  180. package/scss/skeleton/_theme.scss +2 -2
  181. package/scss/skeleton/_variables.scss +6 -6
  182. package/scss/slider/_layout.scss +26 -26
  183. package/scss/slider/_theme.scss +21 -21
  184. package/scss/slider/_variables.scss +44 -44
  185. package/scss/split-button/_layout.scss +3 -4
  186. package/scss/split-button/_variables.scss +6 -6
  187. package/scss/splitter/_layout.scss +15 -15
  188. package/scss/splitter/_theme.scss +10 -10
  189. package/scss/splitter/_variables.scss +18 -18
  190. package/scss/spreadsheet/_layout.scss +24 -24
  191. package/scss/spreadsheet/_theme.scss +20 -20
  192. package/scss/spreadsheet/_variables.scss +29 -29
  193. package/scss/stepper/_layout.scss +33 -33
  194. package/scss/stepper/_theme.scss +44 -44
  195. package/scss/stepper/_variables.scss +86 -86
  196. package/scss/switch/_theme.scss +2 -2
  197. package/scss/switch/_variables.scss +7 -7
  198. package/scss/table/_variables.scss +18 -18
  199. package/scss/tabstrip/_layout.scss +31 -31
  200. package/scss/tabstrip/_theme.scss +26 -26
  201. package/scss/tabstrip/_variables.scss +41 -44
  202. package/scss/taskboard/_layout.scss +34 -34
  203. package/scss/taskboard/_theme.scss +32 -32
  204. package/scss/taskboard/_variables.scss +93 -93
  205. package/scss/tilelayout/_layout.scss +4 -4
  206. package/scss/tilelayout/_theme.scss +4 -4
  207. package/scss/tilelayout/_variables.scss +8 -8
  208. package/scss/timeline/_layout.scss +54 -54
  209. package/scss/timeline/_theme.scss +15 -15
  210. package/scss/timeline/_variables.scss +50 -50
  211. package/scss/timeselector/_layout.scss +18 -18
  212. package/scss/timeselector/_theme.scss +11 -11
  213. package/scss/timeselector/_variables.scss +36 -39
  214. package/scss/toolbar/_layout.scss +10 -10
  215. package/scss/toolbar/_variables.scss +24 -24
  216. package/scss/tooltip/_layout.scss +20 -20
  217. package/scss/tooltip/_theme.scss +25 -25
  218. package/scss/tooltip/_variables.scss +29 -29
  219. package/scss/treelist/_layout.scss +3 -0
  220. package/scss/treeview/_variables.scss +30 -33
  221. package/scss/typography/_layout.scss +77 -77
  222. package/scss/typography/_theme.scss +3 -3
  223. package/scss/typography/_variables.scss +84 -92
  224. package/scss/upload/_variables.scss +3 -3
  225. package/scss/validator/_layout.scss +1 -1
  226. package/scss/window/_variables.scss +5 -5
  227. package/scss/wizard/_layout.scss +11 -11
  228. package/scss/wizard/_theme.scss +1 -1
  229. package/scss/wizard/_variables.scss +10 -10
package/scss/grid/_variables.scss CHANGED
@@ -1,15 +1,15 @@
1
1
  // Grid
2
2
  $kendo-grid-border-width: 1px !default;
3
- $kendo-grid-font-family: $font-family !default;
4
- $kendo-grid-font-size: $font-size !default;
5
- $kendo-grid-line-height: $line-height !default;
3
+ $kendo-grid-font-family: $kendo-font-family !default;
4
+ $kendo-grid-font-size: $kendo-font-size-md !default;
5
+ $kendo-grid-line-height: $kendo-line-height-md !default;
6
6
 
7
7
  /// Horizontal padding of the grid.
8
8
  /// @group grid
9
- $kendo-grid-padding-x: $kendo-table-cell-padding-x-md !default;
9
+ $kendo-grid-padding-x: $kendo-table-md-cell-padding-x !default;
10
10
  /// Vertical padding of the grid.
11
11
  /// @group grid
12
- $kendo-grid-padding-y: $kendo-table-cell-padding-y-md !default;
12
+ $kendo-grid-padding-y: $kendo-table-md-cell-padding-y !default;
13
13
 
14
14
  /// Horizontal padding of the grid header.
15
15
  /// @group grid
@@ -46,71 +46,71 @@ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
46
46
  /// @group grid
47
47
  $kendo-grid-edit-cell-padding-y: 3px !default;
48
48
 
49
- $kendo-grid-group-dropclue-size: 6px !default;
50
- $kendo-grid-group-dropclue-line-size: k-math-div( $kendo-grid-group-dropclue-size, 3 ) !default;
51
- $kendo-grid-group-dropclue-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-dropclue-size}) !default;
52
- $kendo-grid-group-dropclue-top: 3px !default;
53
-
54
- $kendo-grid-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
55
- $kendo-grid-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
56
- $kendo-grid-header-padding-x-sm: $kendo-grid-padding-x-sm !default;
57
- $kendo-grid-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
58
- $kendo-grid-grouping-header-padding-x-sm: $kendo-grid-padding-x-sm !default;
59
- $kendo-grid-grouping-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
60
- $kendo-grid-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
61
- $kendo-grid-cell-padding-y-sm: $kendo-grid-padding-y-sm !default;
62
- $kendo-grid-filter-cell-padding-x-sm: k-map-get( $kendo-spacing, 1.5 ) !default;
63
- $kendo-grid-filter-cell-padding-y-sm: $kendo-grid-filter-cell-padding-x-sm !default;
64
- $kendo-grid-edit-cell-padding-x-sm: $kendo-grid-cell-padding-x-sm !default;
65
- $kendo-grid-edit-cell-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
66
- $kendo-grid-group-dropclue-height-sm: calc( #{$kendo-chip-calc-size-sm} + #{$kendo-grid-group-dropclue-size}) !default;
67
-
68
- $kendo-grid-padding-x-md: $kendo-grid-padding-x !default;
69
- $kendo-grid-padding-y-md: $kendo-grid-padding-y !default;
70
- $kendo-grid-header-padding-x-md: $kendo-grid-header-padding-x !default;
71
- $kendo-grid-header-padding-y-md: $kendo-grid-header-padding-y !default;
72
- $kendo-grid-grouping-header-padding-x-md: $kendo-grid-grouping-header-padding-x !default;
73
- $kendo-grid-grouping-header-padding-y-md: $kendo-grid-grouping-header-padding-y !default;
74
- $kendo-grid-cell-padding-x-md: $kendo-grid-cell-padding-x !default;
75
- $kendo-grid-cell-padding-y-md: $kendo-grid-cell-padding-y !default;
76
- $kendo-grid-filter-cell-padding-x-md: $kendo-grid-filter-cell-padding-x !default;
77
- $kendo-grid-filter-cell-padding-y-md: $kendo-grid-filter-cell-padding-y !default;
78
- $kendo-grid-edit-cell-padding-x-md: $kendo-grid-edit-cell-padding-x !default;
79
- $kendo-grid-edit-cell-padding-y-md: $kendo-grid-edit-cell-padding-y !default;
80
- $kendo-grid-group-dropclue-height-md: $kendo-grid-group-dropclue-height !default;
49
+ $kendo-grid-group-drop-hint-size: 6px !default;
50
+ $kendo-grid-group-drop-hint-line-size: k-math-div( $kendo-grid-group-drop-hint-size, 3 ) !default;
51
+ $kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
52
+ $kendo-grid-group-drop-hint-top: 3px !default;
53
+
54
+ $kendo-grid-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
55
+ $kendo-grid-sm-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
56
+ $kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
57
+ $kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
58
+ $kendo-grid-sm-grouping-header-padding-x: $kendo-grid-sm-padding-x !default;
59
+ $kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-padding-y !default;
60
+ $kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
61
+ $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
62
+ $kendo-grid-sm-filter-cell-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
63
+ $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
64
+ $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-cell-padding-x !default;
65
+ $kendo-grid-sm-edit-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
66
+ $kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
67
+
68
+ $kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
69
+ $kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
70
+ $kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
71
+ $kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
72
+ $kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
73
+ $kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
74
+ $kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
75
+ $kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
76
+ $kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
77
+ $kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
78
+ $kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
79
+ $kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
80
+ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
81
81
 
82
82
 
83
83
  // Kendo Grid sizes
84
84
  $kendo-grid-sizes: (
85
85
  sm: (
86
- header-padding-x: $kendo-grid-header-padding-x-sm,
87
- header-padding-y: $kendo-grid-header-padding-y-sm,
88
- grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-sm,
89
- grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-sm,
90
- cell-padding-x: $kendo-grid-cell-padding-x-sm,
91
- cell-padding-y: $kendo-grid-cell-padding-y-sm,
92
- filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-sm,
93
- filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-sm,
94
- edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-sm,
95
- edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-sm,
96
- button-padding-y: $kendo-button-padding-y-sm,
97
- button-calc-size: $kendo-button-calc-size-sm,
98
- group-dropclue-height: $kendo-grid-group-dropclue-height-sm
86
+ header-padding-x: $kendo-grid-sm-header-padding-x,
87
+ header-padding-y: $kendo-grid-sm-header-padding-y,
88
+ grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,
89
+ grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,
90
+ cell-padding-x: $kendo-grid-sm-cell-padding-x,
91
+ cell-padding-y: $kendo-grid-sm-cell-padding-y,
92
+ filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,
93
+ filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,
94
+ edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,
95
+ edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
96
+ button-padding-y: $kendo-button-sm-padding-y,
97
+ button-calc-size: $kendo-button-sm-calc-size,
98
+ group-dropclue-height: $kendo-grid-sm-group-dropclue-height
99
99
  ),
100
100
  md: (
101
- header-padding-x: $kendo-grid-header-padding-x-md,
102
- header-padding-y: $kendo-grid-header-padding-y-md,
103
- grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-md,
104
- grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-md,
105
- cell-padding-x: $kendo-grid-cell-padding-x-md,
106
- cell-padding-y: $kendo-grid-cell-padding-y-md,
107
- filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-md,
108
- filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-md,
109
- edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-md,
110
- edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-md,
111
- button-padding-y: $kendo-button-padding-y-md,
112
- button-calc-size: $kendo-button-calc-size-md,
113
- group-dropclue-height: $kendo-grid-group-dropclue-height-md
101
+ header-padding-x: $kendo-grid-md-header-padding-x,
102
+ header-padding-y: $kendo-grid-md-header-padding-y,
103
+ grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,
104
+ grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,
105
+ cell-padding-x: $kendo-grid-md-cell-padding-x,
106
+ cell-padding-y: $kendo-grid-md-cell-padding-y,
107
+ filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,
108
+ filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,
109
+ edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,
110
+ edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
111
+ button-padding-y: $kendo-button-md-padding-y,
112
+ button-calc-size: $kendo-button-md-calc-size,
113
+ group-dropclue-height: $kendo-grid-md-group-dropclue-height
114
114
  ),
115
115
  ) !default;
116
116
 
@@ -191,13 +191,13 @@ $kendo-grid-selected-text: $kendo-table-selected-text !default;
191
191
  /// @group grid
192
192
  $kendo-grid-selected-border: $kendo-table-selected-border !default;
193
193
 
194
- $kendo-grid-grouping-row-bg: $base-bg !default;
194
+ $kendo-grid-grouping-row-bg: $kendo-base-bg !default;
195
195
  $kendo-grid-grouping-row-text: $kendo-grid-text !default;
196
196
 
197
197
  $kendo-grid-sorted-icon-spacing: calc( #{$kendo-padding-md-x} - 1px ) !default;
198
198
  $kendo-grid-sorted-bg: rgba( k-contrast-legacy( $kendo-grid-bg ), .02 ) !default;
199
199
  $kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
200
- $kendo-grid-sorting-index-font-size: $font-size-sm !default;
200
+ $kendo-grid-sorting-index-font-size: $kendo-font-size-sm !default;
201
201
  $kendo-grid-sorting-index-height: $kendo-icon-size !default;
202
202
  $kendo-grid-sorting-index-spacing-y: k-math-div( $kendo-icon-spacing, 2 ) !default;
203
203
  $kendo-grid-sorting-index-spacing-x: -$kendo-grid-sorting-index-spacing-y !default;
@@ -207,7 +207,7 @@ $kendo-grid-focus-shadow: $kendo-table-focus-shadow !default;
207
207
 
208
208
  $kendo-grid-command-cell-button-spacing: k-map-get( $kendo-spacing, 2 ) !default;
209
209
  // be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
210
- $kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$line-height-em}) / 2 ) !default;
210
+ $kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
211
211
 
212
212
  $kendo-grid-sticky-bg: $kendo-component-bg !default;
213
213
  $kendo-grid-sticky-text: $kendo-grid-text !default;
@@ -241,27 +241,27 @@ $kendo-grid-column-menu-popup-padding-y: null !default;
241
241
  $kendo-grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x !default;
242
242
  $kendo-grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !default;
243
243
 
244
- $kendo-grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
245
- $kendo-grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
244
+ $kendo-grid-column-menu-list-item-padding-x: $kendo-list-md-item-padding-x !default;
245
+ $kendo-grid-column-menu-list-item-padding-y: $kendo-list-md-item-padding-y !default;
246
246
 
247
247
  $kendo-grid-column-menu-items-wrap-padding-x: 0 !default;
248
248
  $kendo-grid-column-menu-items-wrap-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
249
249
 
250
- $kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-item-padding-x-md !default;
251
- $kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-item-padding-y-md !default;
250
+ $kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-md-item-padding-x !default;
251
+ $kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-padding-y !default;
252
252
 
253
- $kendo-grid-column-menu-group-header-font-size: $font-size-sm !default;
254
- $kendo-grid-column-menu-group-header-line-height: $line-height !default;
253
+ $kendo-grid-column-menu-group-header-font-size: $kendo-font-size-sm !default;
254
+ $kendo-grid-column-menu-group-header-line-height: $kendo-line-height-md !default;
255
255
  $kendo-grid-column-menu-group-header-text-transform: uppercase !default;
256
256
  $kendo-grid-column-menu-group-header-border-bottom-width: 1px !default;
257
257
 
258
258
  $kendo-grid-column-menu-group-header-bg: null !default;
259
- $kendo-grid-column-menu-group-header-text: $popup-text !default;
260
- $kendo-grid-column-menu-group-header-border: $popup-border !default;
259
+ $kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
260
+ $kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
261
261
 
262
262
  $kendo-grid-drag-cell-width: ($kendo-icon-size * 2.25) !default;
263
263
 
264
- $kendo-grid-row-inner-height: calc( #{$line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
264
+ $kendo-grid-row-inner-height: calc( #{$kendo-line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
265
265
 
266
266
  $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
267
267
 
package/scss/icons/_layout.scss CHANGED
@@ -26,6 +26,11 @@ $ki-icon-size: $kendo-icon-size;
26
26
  }
27
27
  }
28
28
 
29
+ // kendo-icon-wrapper component
30
+ .k-icon-wrapper-host {
31
+ display: contents;
32
+ }
33
+
29
34
  .k-icon-with-modifier {
30
35
  position: relative;
31
36
  margin: .25em;
package/scss/imageeditor/_layout.scss CHANGED
@@ -2,15 +2,15 @@
2
2
 
3
3
  // Image Editor
4
4
  .k-imageeditor {
5
- margin: $imageeditor-margin-y $imageeditor-margin-x;
6
- padding: $imageeditor-padding-y $imageeditor-padding-x;
7
- border-width: $imageeditor-border-width;
5
+ margin: $kendo-image-editor-margin-y $kendo-image-editor-margin-x;
6
+ padding: $kendo-image-editor-padding-y $kendo-image-editor-padding-x;
7
+ border-width: $kendo-image-editor-border-width;
8
8
  border-style: solid;
9
9
  box-sizing: border-box;
10
10
  outline: 0;
11
- font-family: $imageeditor-font-family;
12
- font-size: $imageeditor-font-size;
13
- line-height: $imageeditor-line-height;
11
+ font-family: $kendo-image-editor-font-family;
12
+ font-size: $kendo-image-editor-font-size;
13
+ line-height: $kendo-image-editor-line-height;
14
14
  -webkit-touch-callout: none;
15
15
  -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
16
16
 
@@ -56,10 +56,10 @@
56
56
 
57
57
  // Action Pane
58
58
  .k-imageeditor-action-pane {
59
- padding: $imageeditor-action-pane-padding-y $imageeditor-action-pane-padding-x;
60
- width: $imageeditor-action-pane-width;
59
+ padding: $kendo-image-editor-action-pane-padding-y $kendo-image-editor-action-pane-padding-x;
60
+ width: $kendo-image-editor-action-pane-width;
61
61
  border-width: 0;
62
- border-left-width: $imageeditor-content-border-width;
62
+ border-left-width: $kendo-image-editor-content-border-width;
63
63
  border-style: solid;
64
64
  border-color: inherit;
65
65
  box-sizing: border-box;
@@ -85,37 +85,37 @@
85
85
  .k-imageeditor-crop {
86
86
  width: 100%;
87
87
  height: 100%;
88
- border-width: $imageeditor-crop-border-width;
89
- border-style: $imageeditor-crop-border-style;
88
+ border-width: $kendo-image-editor-crop-border-width;
89
+ border-style: $kendo-image-editor-crop-border-style;
90
90
  box-sizing: border-box;
91
91
  position: absolute;
92
92
 
93
93
  .k-resize-handle {
94
- margin: $imageeditor-resize-handle-margin-y $imageeditor-resize-handle-margin-x;
94
+ margin: $kendo-image-editor-resize-handle-margin-y $kendo-image-editor-resize-handle-margin-x;
95
95
  border-style: solid;
96
- border-width: $imageeditor-resize-handle-border-width;
96
+ border-width: $kendo-image-editor-resize-handle-border-width;
97
97
  }
98
98
 
99
99
  .k-resize-sw,
100
100
  .k-resize-se,
101
101
  .k-resize-nw,
102
102
  .k-resize-ne {
103
- width: $imageeditor-resize-handle-size;
104
- height: $imageeditor-resize-handle-size;
103
+ width: $kendo-image-editor-resize-handle-size;
104
+ height: $kendo-image-editor-resize-handle-size;
105
105
  }
106
106
 
107
107
  .k-resize-n,
108
108
  .k-resize-s {
109
- left: calc( 50% - (#{k-math-div( $imageeditor-resize-handle-size, 2 )}) );
110
- width: $imageeditor-resize-handle-size;
109
+ left: calc( 50% - (#{k-math-div( $kendo-image-editor-resize-handle-size, 2 )}) );
110
+ width: $kendo-image-editor-resize-handle-size;
111
111
  height: 0;
112
112
  }
113
113
 
114
114
  .k-resize-w,
115
115
  .k-resize-e {
116
- top: calc( 50% - (#{k-math-div( $imageeditor-resize-handle-size, 2 )}) );
116
+ top: calc( 50% - (#{k-math-div( $kendo-image-editor-resize-handle-size, 2 )}) );
117
117
  width: 0;
118
- height: $imageeditor-resize-handle-size;
118
+ height: $kendo-image-editor-resize-handle-size;
119
119
  }
120
120
 
121
121
  .k-resize-ne {
package/scss/imageeditor/_theme.scss CHANGED
@@ -3,18 +3,18 @@
3
3
  // Image Editor
4
4
  .k-imageeditor {
5
5
  @include fill(
6
- $imageeditor-text,
7
- $imageeditor-bg,
8
- $imageeditor-border
6
+ $kendo-image-editor-text,
7
+ $kendo-image-editor-bg,
8
+ $kendo-image-editor-border
9
9
  );
10
10
  }
11
11
 
12
12
  // Content
13
13
  .k-imageeditor-content {
14
14
  @include fill(
15
- $imageeditor-content-text,
16
- $imageeditor-content-bg,
17
- $imageeditor-content-border
15
+ $kendo-image-editor-content-text,
16
+ $kendo-image-editor-content-bg,
17
+ $kendo-image-editor-content-border
18
18
  );
19
19
  }
20
20
 
@@ -26,25 +26,25 @@
26
26
  // Action Pane
27
27
  .k-imageeditor-action-pane {
28
28
  @include fill(
29
- $imageeditor-action-pane-text,
30
- $imageeditor-action-pane-bg,
31
- $imageeditor-action-pane-border
29
+ $kendo-image-editor-action-pane-text,
30
+ $kendo-image-editor-action-pane-bg,
31
+ $kendo-image-editor-action-pane-border
32
32
  );
33
33
  }
34
34
 
35
35
  // Crop Tool
36
36
  .k-imageeditor-crop {
37
37
  @include fill(
38
- $imageeditor-crop-text,
39
- $imageeditor-crop-bg,
40
- $imageeditor-crop-border
38
+ $kendo-image-editor-crop-text,
39
+ $kendo-image-editor-crop-bg,
40
+ $kendo-image-editor-crop-border
41
41
  );
42
42
  }
43
43
 
44
44
  // Crop Overlay
45
45
  .k-imageeditor-crop-overlay {
46
46
  @include fill (
47
- $bg: $imageeditor-crop-overlay-bg
47
+ $bg: $kendo-image-editor-crop-overlay-bg
48
48
  );
49
49
  }
50
50
 
package/scss/imageeditor/_variables.scss CHANGED
@@ -1,42 +1,42 @@
1
1
  // ImageEditor
2
- $imageeditor-margin-y: null !default;
3
- $imageeditor-margin-x: null !default;
4
- $imageeditor-padding-y: null !default;
5
- $imageeditor-padding-x: null !default;
2
+ $kendo-image-editor-margin-y: null !default;
3
+ $kendo-image-editor-margin-x: null !default;
4
+ $kendo-image-editor-padding-y: null !default;
5
+ $kendo-image-editor-padding-x: null !default;
6
6
 
7
- $imageeditor-border-width: 1px !default;
8
- $imageeditor-font-size: $font-size !default;
9
- $imageeditor-line-height: $line-height !default;
10
- $imageeditor-font-family: $font-family !default;
7
+ $kendo-image-editor-border-width: 1px !default;
8
+ $kendo-image-editor-font-size: $kendo-font-size-md !default;
9
+ $kendo-image-editor-line-height: $kendo-line-height-md !default;
10
+ $kendo-image-editor-font-family: $kendo-font-family !default;
11
11
 
12
- $imageeditor-content-border-width: 1px !default;
12
+ $kendo-image-editor-content-border-width: 1px !default;
13
13
 
14
- $imageeditor-action-pane-padding-y: k-map-get( $kendo-spacing, 8 ) !default;
15
- $imageeditor-action-pane-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
16
- $imageeditor-action-pane-width: if( $imageeditor-content-border-width == null, 240px, calc(240px + #{$imageeditor-content-border-width}) ) !default;
14
+ $kendo-image-editor-action-pane-padding-y: k-map-get( $kendo-spacing, 8 ) !default;
15
+ $kendo-image-editor-action-pane-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
16
+ $kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 240px, calc(240px + #{$kendo-image-editor-content-border-width}) ) !default;
17
17
 
18
- $imageeditor-crop-border-width: 1px !default;
19
- $imageeditor-crop-border-style: dashed !default;
18
+ $kendo-image-editor-crop-border-width: 1px !default;
19
+ $kendo-image-editor-crop-border-style: dashed !default;
20
20
 
21
- $imageeditor-resize-handle-margin-x: 1px !default;
22
- $imageeditor-resize-handle-margin-y: 1px !default;
23
- $imageeditor-resize-handle-border-width: 0 2px 2px 0 !default;
24
- $imageeditor-resize-handle-size: 15px !default;
21
+ $kendo-image-editor-resize-handle-margin-x: 1px !default;
22
+ $kendo-image-editor-resize-handle-margin-y: 1px !default;
23
+ $kendo-image-editor-resize-handle-border-width: 0 2px 2px 0 !default;
24
+ $kendo-image-editor-resize-handle-size: 15px !default;
25
25
 
26
- $imageeditor-bg: $kendo-component-bg !default;
27
- $imageeditor-text: $kendo-component-text !default;
28
- $imageeditor-border: $kendo-component-border !default;
26
+ $kendo-image-editor-bg: $kendo-component-bg !default;
27
+ $kendo-image-editor-text: $kendo-component-text !default;
28
+ $kendo-image-editor-border: $kendo-component-border !default;
29
29
 
30
- $imageeditor-content-bg: #c6c6c6 !default;
31
- $imageeditor-content-text: null !default;
32
- $imageeditor-content-border: null !default;
30
+ $kendo-image-editor-content-bg: #c6c6c6 !default;
31
+ $kendo-image-editor-content-text: null !default;
32
+ $kendo-image-editor-content-border: null !default;
33
33
 
34
- $imageeditor-action-pane-bg: $base-bg !default;
35
- $imageeditor-action-pane-text: null !default;
36
- $imageeditor-action-pane-border: null !default;
34
+ $kendo-image-editor-action-pane-bg: $kendo-base-bg !default;
35
+ $kendo-image-editor-action-pane-text: null !default;
36
+ $kendo-image-editor-action-pane-border: null !default;
37
37
 
38
- $imageeditor-crop-bg: null !default;
39
- $imageeditor-crop-text: null !default;
40
- $imageeditor-crop-border: white !default;
38
+ $kendo-image-editor-crop-bg: null !default;
39
+ $kendo-image-editor-crop-text: null !default;
40
+ $kendo-image-editor-crop-border: white !default;
41
41
 
42
- $imageeditor-crop-overlay-bg: rgba(black, .3) !default;
42
+ $kendo-image-editor-crop-overlay-bg: rgba(black, .3) !default;
package/scss/input/_layout.scss CHANGED
@@ -288,7 +288,7 @@
288
288
  position: relative;
289
289
  aspect-ratio: auto;
290
290
 
291
- > .k-button-icon {
291
+ .k-button-icon {
292
292
  margin: -1em 0;
293
293
  min-width: auto !important; // sass-lint:disable-line no-important
294
294
  min-height: auto !important; // sass-lint:disable-line no-important
package/scss/input/_variables.scss CHANGED
@@ -20,56 +20,56 @@ $kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
20
20
  $kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
21
21
  /// Font family of input components.
22
22
  /// @group input
23
- $kendo-input-font-family: $font-family !default;
23
+ $kendo-input-font-family: $kendo-font-family !default;
24
24
  /// Font size of input components.
25
25
  /// @group input
26
- $kendo-input-font-size: $font-size-md !default;
26
+ $kendo-input-font-size: $kendo-font-size-md !default;
27
27
  /// Line height of input components.
28
28
  /// @group input
29
- $kendo-input-line-height: $line-height-md !default;
29
+ $kendo-input-line-height: $kendo-line-height-md !default;
30
30
 
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
- $kendo-input-font-size-sm: $font-size-md !default;
34
- $kendo-input-line-height-sm: $line-height-md !default;
31
+ $kendo-input-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
32
+ $kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
33
+ $kendo-input-sm-font-size: $kendo-font-size-md !default;
34
+ $kendo-input-sm-line-height: $kendo-line-height-md !default;
35
35
 
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
- $kendo-input-font-size-md: $font-size-md !default;
39
- $kendo-input-line-height-md: $line-height-md !default;
36
+ $kendo-input-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
37
+ $kendo-input-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
38
+ $kendo-input-md-font-size: $kendo-font-size-md !default;
39
+ $kendo-input-md-line-height: $kendo-line-height-md !default;
40
40
 
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
- $kendo-input-font-size-lg: $font-size-lg !default;
44
- $kendo-input-line-height-lg: $line-height-lg !default;
41
+ $kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
42
+ $kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
43
+ $kendo-input-lg-font-size: $kendo-font-size-lg !default;
44
+ $kendo-input-lg-line-height: $kendo-line-height-lg !default;
45
45
 
46
46
  $kendo-input-sizes: (
47
47
  sm: (
48
- padding-x: $kendo-input-padding-x-sm,
49
- padding-y: $kendo-input-padding-y-sm,
50
- font-size: $kendo-input-font-size-sm,
51
- line-height: $kendo-input-line-height-sm,
52
- icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-sm * 2} ),
53
- button-padding-x: $kendo-input-padding-y-sm,
54
- button-padding-y: $kendo-input-padding-y-sm
48
+ padding-x: $kendo-input-sm-padding-x,
49
+ padding-y: $kendo-input-sm-padding-y,
50
+ font-size: $kendo-input-sm-font-size,
51
+ line-height: $kendo-input-sm-line-height,
52
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-sm-padding-y * 2} ),
53
+ button-padding-x: $kendo-input-sm-padding-y,
54
+ button-padding-y: $kendo-input-sm-padding-y
55
55
  ),
56
56
  md: (
57
- padding-x: $kendo-input-padding-x-md,
58
- padding-y: $kendo-input-padding-y-md,
59
- font-size: $kendo-input-font-size-md,
60
- line-height: $kendo-input-line-height-md,
61
- icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-md * 2} ),
62
- button-padding-x: $kendo-input-padding-y-md,
63
- button-padding-y: $kendo-input-padding-y-md
57
+ padding-x: $kendo-input-md-padding-x,
58
+ padding-y: $kendo-input-md-padding-y,
59
+ font-size: $kendo-input-md-font-size,
60
+ line-height: $kendo-input-md-line-height,
61
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-md-padding-y * 2} ),
62
+ button-padding-x: $kendo-input-md-padding-y,
63
+ button-padding-y: $kendo-input-md-padding-y
64
64
  ),
65
65
  lg: (
66
- padding-x: $kendo-input-padding-x-lg,
67
- padding-y: $kendo-input-padding-y-lg,
68
- font-size: $kendo-input-font-size-lg,
69
- line-height: $kendo-input-line-height-lg,
70
- icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-lg * 2} ),
71
- button-padding-x: $kendo-input-padding-y-lg,
72
- button-padding-y: $kendo-input-padding-y-lg
66
+ padding-x: $kendo-input-lg-padding-x,
67
+ padding-y: $kendo-input-lg-padding-y,
68
+ font-size: $kendo-input-lg-font-size,
69
+ line-height: $kendo-input-lg-line-height,
70
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-lg-padding-y * 2} ),
71
+ button-padding-x: $kendo-input-lg-padding-y,
72
+ button-padding-y: $kendo-input-lg-padding-y
73
73
  )
74
74
  ) !default;
75
75