@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/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;
@@ -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;
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: ($kendo-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: ($kendo-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 focus-indicator( $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;
package/scss/floating-label/_layout.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  // Floating label
5
5
  .k-floating-label-container {
6
- padding-top: $floating-label-height;
6
+ padding-top: $kendo-floating-label-height;
7
7
  box-sizing: border-box;
8
8
  display: inline-flex;
9
9
  vertical-align: middle;
@@ -19,17 +19,17 @@
19
19
 
20
20
  > .k-label {
21
21
  max-width: 90%;
22
- font-size: $floating-label-font-size;
23
- line-height: $floating-label-line-height;
22
+ font-size: $kendo-floating-label-font-size;
23
+ line-height: $kendo-floating-label-line-height;
24
24
  white-space: nowrap;
25
25
  text-overflow: ellipsis;
26
26
  position: absolute;
27
- top: $floating-label-offset-y;
28
- left: $floating-label-offset-x;
27
+ top: $kendo-floating-label-offset-y;
28
+ left: $kendo-floating-label-offset-x;
29
29
  overflow: hidden;
30
30
  cursor: text;
31
31
  transform-origin: left center;
32
- transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, left $floating-label-transition;
32
+ transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, left $kendo-floating-label-transition;
33
33
  }
34
34
 
35
35
  > .k-widget {
@@ -39,23 +39,23 @@
39
39
 
40
40
  &.k-empty {
41
41
  > .k-label {
42
- top: $floating-label-offset-y;
43
- left: $floating-label-offset-x;
44
- transform: scale( $floating-label-scale );
42
+ top: $kendo-floating-label-offset-y;
43
+ left: $kendo-floating-label-offset-x;
44
+ transform: scale( $kendo-floating-label-scale );
45
45
  pointer-events: none;
46
46
  }
47
47
  }
48
48
 
49
49
  > .k-label,
50
50
  &.k-focus > .k-label {
51
- top: $floating-label-focus-offset-y;
52
- left: $floating-label-focus-offset-x;
53
- transform: scale( $floating-label-focus-scale );
51
+ top: $kendo-floating-label-focus-offset-y;
52
+ left: $kendo-floating-label-focus-offset-x;
53
+ transform: scale( $kendo-floating-label-focus-scale );
54
54
  }
55
55
  &:focus-within > .k-label {
56
- top: $floating-label-focus-offset-y;
57
- left: $floating-label-focus-offset-x;
58
- transform: scale( $floating-label-focus-scale );
56
+ top: $kendo-floating-label-focus-offset-y;
57
+ left: $kendo-floating-label-focus-offset-x;
58
+ transform: scale( $kendo-floating-label-focus-scale );
59
59
  }
60
60
 
61
61
  &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
@@ -68,24 +68,24 @@
68
68
 
69
69
  > .k-label {
70
70
  transform-origin: right center;
71
- transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
71
+ transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
72
72
  }
73
73
 
74
74
  &.k-empty {
75
75
  > .k-label {
76
76
  left: auto;
77
- right: $floating-label-offset-x;
77
+ right: $kendo-floating-label-offset-x;
78
78
  }
79
79
  }
80
80
 
81
81
  > .k-label,
82
82
  &.k-focus > .k-label {
83
83
  left: auto;
84
- right: $floating-label-focus-offset-x;
84
+ right: $kendo-floating-label-focus-offset-x;
85
85
  }
86
86
  &:focus-within > .k-label {
87
87
  left: auto;
88
- right: $floating-label-focus-offset-x;
88
+ right: $kendo-floating-label-focus-offset-x;
89
89
  }
90
90
  }
91
91
  }
package/scss/floating-label/_theme.scss CHANGED
@@ -5,15 +5,15 @@
5
5
 
6
6
  > .k-label {
7
7
  @include fill(
8
- $color: $floating-label-text,
9
- $bg: $floating-label-bg
8
+ $color: $kendo-floating-label-text,
9
+ $bg: $kendo-floating-label-bg
10
10
  );
11
11
  }
12
12
 
13
13
  &.k-focus > .k-label {
14
14
  @include fill(
15
- $color: $floating-label-focus-text,
16
- $bg: $floating-label-focus-bg
15
+ $color: $kendo-floating-label-focus-text,
16
+ $bg: $kendo-floating-label-focus-bg
17
17
  );
18
18
  }
19
19