@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/colorgradient/_layout.scss CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  // ColorGradient
4
4
  .k-colorgradient {
5
- @include border-radius( $colorgradient-border-radius );
6
- width: $colorgradient-width;
7
- padding: $colorgradient-padding-y $colorgradient-padding-x;
5
+ @include border-radius( $kendo-color-gradient-border-radius );
6
+ width: $kendo-color-gradient-width;
7
+ padding: $kendo-color-gradient-padding-y $kendo-color-gradient-padding-x;
8
8
  border-style: solid;
9
- border-width: $colorgradient-border-width;
9
+ border-width: $kendo-color-gradient-border-width;
10
10
  box-sizing: border-box;
11
11
  outline: 0;
12
- font-size: $colorgradient-font-size;
13
- font-family: $colorgradient-font-family;
14
- line-height: $colorgradient-line-height;
12
+ font-size: $kendo-color-gradient-font-size;
13
+ font-family: $kendo-color-gradient-font-family;
14
+ line-height: $kendo-color-gradient-line-height;
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  align-items: stretch;
18
- gap: $colorgradient-gap;
18
+ gap: $kendo-color-gradient-gap;
19
19
  -webkit-touch-callout: none;
20
20
  -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
21
21
 
@@ -28,23 +28,23 @@
28
28
 
29
29
  // Canvas
30
30
  .k-colorgradient-canvas {
31
- gap: $colorgradient-canvas-gap;
31
+ gap: $kendo-color-gradient-canvas-gap;
32
32
 
33
33
  .k-hsv-rectangle {
34
- @include border-radius( $colorgradient-canvas-border-radius );
34
+ @include border-radius( $kendo-color-gradient-canvas-border-radius );
35
35
  position: relative;
36
36
  flex: 1 1 auto;
37
37
  user-select: none;
38
38
  }
39
39
 
40
40
  .k-hsv-gradient {
41
- @include border-radius( $colorgradient-canvas-border-radius );
42
- height: $colorgradient-canvas-rectangle-height;
41
+ @include border-radius( $kendo-color-gradient-canvas-border-radius );
42
+ height: $kendo-color-gradient-canvas-rectangle-height;
43
43
  }
44
44
 
45
45
  .k-hsv-draghandle {
46
- margin-top: $colorgradient-canvas-draghandle-margin-y;
47
- margin-left: $colorgradient-canvas-draghandle-margin-x;
46
+ margin-top: $kendo-color-gradient-canvas-draghandle-margin-y;
47
+ margin-left: $kendo-color-gradient-canvas-draghandle-margin-x;
48
48
  position: absolute;
49
49
  top: 50%;
50
50
  left: 50%;
@@ -55,16 +55,16 @@
55
55
  .k-hsv-controls {
56
56
  position: relative;
57
57
  flex-shrink: 0;
58
- gap: $colorgradient-canvas-gap;
58
+ gap: $kendo-color-gradient-canvas-gap;
59
59
  }
60
60
  }
61
61
 
62
62
  // DragHandle
63
63
  .k-colorgradient .k-draghandle {
64
- @include border-radius( $colorgradient-draghandle-border-radius );
65
- width: $colorgradient-draghandle-width;
66
- height: $colorgradient-draghandle-height;
67
- border-width: $colorgradient-draghandle-border-width;
64
+ @include border-radius( $kendo-color-gradient-draghandle-border-radius );
65
+ width: $kendo-color-gradient-draghandle-width;
66
+ height: $kendo-color-gradient-draghandle-height;
67
+ border-width: $kendo-color-gradient-draghandle-border-width;
68
68
  border-style: solid;
69
69
  box-sizing: border-box;
70
70
  }
@@ -73,25 +73,25 @@
73
73
  .k-colorgradient-slider {
74
74
 
75
75
  &.k-slider-vertical {
76
- width: $colorgradient-slider-track-size;
77
- height: $colorgradient-slider-vertical-size;
78
- flex: 0 0 $colorgradient-slider-track-size;
76
+ width: $kendo-color-gradient-slider-track-size;
77
+ height: $kendo-color-gradient-slider-vertical-size;
78
+ flex: 0 0 $kendo-color-gradient-slider-track-size;
79
79
  }
80
80
  &.k-slider-vertical .k-slider-track {
81
- width: $colorgradient-slider-track-size;
82
- border-radius: $colorgradient-slider-border-radius;
83
- margin-left: - k-math-div( $colorgradient-slider-track-size, 2 );
81
+ width: $kendo-color-gradient-slider-track-size;
82
+ border-radius: $kendo-color-gradient-slider-border-radius;
83
+ margin-left: - k-math-div( $kendo-color-gradient-slider-track-size, 2 );
84
84
  }
85
85
 
86
86
  &.k-slider-horizontal {
87
- width: $colorgradient-slider-horizontal-size;
88
- height: $colorgradient-slider-track-size;
89
- flex: 0 0 $colorgradient-slider-track-size;
87
+ width: $kendo-color-gradient-slider-horizontal-size;
88
+ height: $kendo-color-gradient-slider-track-size;
89
+ flex: 0 0 $kendo-color-gradient-slider-track-size;
90
90
  }
91
91
  &.k-slider-horizontal .k-slider-track {
92
- height: $colorgradient-slider-track-size;
93
- border-radius: $colorgradient-slider-border-radius;
94
- margin-top: - k-math-div( $colorgradient-slider-track-size, 2 );
92
+ height: $kendo-color-gradient-slider-track-size;
93
+ border-radius: $kendo-color-gradient-slider-border-radius;
94
+ margin-top: - k-math-div( $kendo-color-gradient-slider-track-size, 2 );
95
95
  }
96
96
 
97
97
  &.k-alpha-slider .k-slider-track::before {
@@ -114,24 +114,24 @@
114
114
  }
115
115
 
116
116
  .k-draghandle {
117
- border-width: $colorgradient-slider-draghandle-border-width;
117
+ border-width: $kendo-color-gradient-slider-draghandle-border-width;
118
118
  }
119
119
  }
120
120
 
121
121
  // Inputs
122
122
  .k-colorgradient-inputs {
123
- gap: $colorgradient-input-gap;
123
+ gap: $kendo-color-gradient-input-gap;
124
124
 
125
125
  .k-colorgradient-input-label {
126
126
  text-transform: uppercase;
127
127
  }
128
128
 
129
129
  > .k-vstack {
130
- gap: $colorgradient-input-label-gap;
130
+ gap: $kendo-color-gradient-input-label-gap;
131
131
  }
132
132
 
133
133
  .k-numerictextbox {
134
- width: $colorgradient-input-width;
134
+ width: $kendo-color-gradient-input-width;
135
135
  }
136
136
 
137
137
  .k-input-inner {
@@ -148,29 +148,30 @@
148
148
  > div {
149
149
  display: flex;
150
150
  flex-flow: row nowrap;
151
- gap: $colorgradient-contrast-spacer;
151
+ gap: $kendo-color-gradient-contrast-spacer;
152
152
  }
153
153
 
154
154
  .k-contrast-ratio {
155
- margin-bottom: $colorgradient-contrast-spacer;
155
+ margin-bottom: $kendo-color-gradient-contrast-spacer;
156
156
  }
157
157
 
158
158
  .k-contrast-ratio-text {
159
- font-weight: $colorgradient-contrast-ratio-font-weight;
159
+ font-weight: $kendo-color-gradient-contrast-ratio-font-weight;
160
160
  }
161
161
 
162
162
  .k-contrast-validation {
163
163
  display: inline-flex;
164
164
  align-items: center;
165
- gap: k-math-div( $colorgradient-contrast-spacer, 2 );
165
+ gap: k-math-div( $kendo-color-gradient-contrast-spacer, 2 );
166
166
 
167
167
  .k-icon {
168
168
  vertical-align: middle;
169
169
  }
170
170
 
171
171
  // Needed for the double check icons
172
- .k-icon + .k-icon {
173
- margin-left: -13px;
172
+ .k-icon + .k-icon,
173
+ .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
174
+ margin-inline-start: -13px;
174
175
  }
175
176
  }
176
177
  }
@@ -184,16 +185,3 @@
184
185
 
185
186
  }
186
187
 
187
- @include exports( "colorgradient/layout/rtl" ) {
188
-
189
- .k-rtl,
190
- [dir="rtl"] {
191
-
192
- .k-colorgradient-color-contrast .k-i-check + .k-i-check {
193
- margin-left: 0;
194
- margin-right: -13px;
195
- }
196
-
197
- }
198
-
199
- }
package/scss/colorgradient/_theme.scss CHANGED
@@ -3,16 +3,16 @@
3
3
  // ColorGradient
4
4
  .k-colorgradient {
5
5
  @include fill(
6
- $colorgradient-text,
7
- $colorgradient-bg,
8
- $colorgradient-border
6
+ $kendo-color-gradient-text,
7
+ $kendo-color-gradient-bg,
8
+ $kendo-color-gradient-border
9
9
  );
10
10
  }
11
11
 
12
12
  .k-colorgradient:focus,
13
13
  .k-colorgradient.k-focus {
14
- @include fill( $border: $colorgradient-focus-border );
15
- @include focus-indicator( $colorgradient-focus-shadow );
14
+ @include fill( $border: $kendo-color-gradient-focus-border );
15
+ @include focus-indicator( $kendo-color-gradient-focus-shadow );
16
16
  }
17
17
 
18
18
  // Canvas
@@ -23,16 +23,16 @@
23
23
  // DragHandle
24
24
  .k-colorgradient .k-draghandle {
25
25
  @include fill(
26
- $colorgradient-draghandle-text,
27
- $colorgradient-draghandle-bg,
28
- $colorgradient-draghandle-border
26
+ $kendo-color-gradient-draghandle-text,
27
+ $kendo-color-gradient-draghandle-bg,
28
+ $kendo-color-gradient-draghandle-border
29
29
  );
30
- @include box-shadow( $colorgradient-draghandle-shadow );
30
+ @include box-shadow( $kendo-color-gradient-draghandle-shadow );
31
31
 
32
32
  &:focus,
33
33
  &.k-focus {
34
34
  @include fill( $bg: transparent, $border: $kendo-color-white );
35
- @include focus-indicator( $colorgradient-draghandle-focus-shadow );
35
+ @include focus-indicator( $kendo-color-gradient-draghandle-focus-shadow );
36
36
  }
37
37
 
38
38
  &:hover,
@@ -40,7 +40,7 @@
40
40
  &.k-active,
41
41
  &:active {
42
42
  @include fill( $bg: transparent, $border: $kendo-color-white );
43
- @include box-shadow( $colorgradient-draghandle-hover-shadow );
43
+ @include box-shadow( $kendo-color-gradient-draghandle-hover-shadow );
44
44
  }
45
45
  }
46
46
 
@@ -56,12 +56,12 @@
56
56
  }
57
57
 
58
58
  .k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
59
- background: url(k-map-get($data-uris, "alpha-slider-bgr.png")) center repeat;
59
+ background: url(k-map-get($_kendo-data-uris, "alpha-slider-bgr.png")) center repeat;
60
60
  }
61
61
 
62
62
  // Inputs
63
63
  .k-colorgradient-input-label {
64
- @include fill( $color: $colorgradient-input-label-text );
64
+ @include fill( $color: $kendo-color-gradient-input-label-text );
65
65
  }
66
66
 
67
67
  }
package/scss/colorgradient/_variables.scss CHANGED
@@ -1,51 +1,51 @@
1
1
  // ColorGradient
2
- $colorgradient-spacer: k-map-get( $kendo-spacing, 3 ) !default;
3
-
4
- $colorgradient-width: 272px !default;
5
- $colorgradient-border-width: 1px !default;
6
- $colorgradient-border-radius: $kendo-border-radius-md !default;
7
- $colorgradient-padding-y: $colorgradient-spacer !default;
8
- $colorgradient-padding-x: $colorgradient-padding-y !default;
9
- $colorgradient-gap: $colorgradient-spacer !default;
10
- $colorgradient-font-family: $font-family !default;
11
- $colorgradient-font-size: $font-size !default;
12
- $colorgradient-line-height: $line-height !default;
13
- $colorgradient-bg: $kendo-component-bg !default;
14
- $colorgradient-text: $kendo-component-text !default;
15
- $colorgradient-border: $kendo-component-border !default;
16
-
17
- $colorgradient-focus-border: null !default;
18
- $colorgradient-focus-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
19
-
20
- $colorgradient-canvas-border-radius: $kendo-border-radius-md !default;
21
- $colorgradient-canvas-gap: $colorgradient-spacer !default;
22
- $colorgradient-canvas-rectangle-height: 180px !default;
23
-
24
- $colorgradient-slider-track-size: 10px !default;
25
- $colorgradient-slider-border-radius: 10px !default;
26
- $colorgradient-slider-draghandle-border-width: 3px !default;
27
-
28
- $colorgradient-slider-vertical-size: 180px !default;
29
- $colorgradient-slider-horizontal-size: 100% !default;
30
-
31
- $colorgradient-draghandle-width: 14px !default;
32
- $colorgradient-draghandle-height: 14px !default;
33
- $colorgradient-draghandle-border-width: 1px !default;
34
- $colorgradient-draghandle-border-radius: 50% !default;
35
- $colorgradient-draghandle-bg: transparent !default;
36
- $colorgradient-draghandle-text: null !default;
37
- $colorgradient-draghandle-border: rgba( $kendo-color-white, .8) !default;
38
- $colorgradient-draghandle-shadow: 0 1px 4px rgba(0, 0, 0, .5) !default;
39
- $colorgradient-draghandle-focus-shadow: 0 1px 4px black !default;
40
- $colorgradient-draghandle-hover-shadow: $colorgradient-draghandle-focus-shadow !default;
41
-
42
- $colorgradient-canvas-draghandle-margin-y: - k-math-div( $colorgradient-draghandle-height, 2 ) !default;
43
- $colorgradient-canvas-draghandle-margin-x: - k-math-div( $colorgradient-draghandle-width, 2 ) !default;
44
-
45
- $colorgradient-input-width: 46px !default;
46
- $colorgradient-input-gap: k-math-div( $colorgradient-spacer, 1.5 ) !default;
47
- $colorgradient-input-label-gap: k-math-div( $colorgradient-spacer, 3 ) !default;
48
- $colorgradient-input-label-text: $kendo-subtle-text !default;
49
-
50
- $colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
51
- $colorgradient-contrast-spacer: k-math-div( $colorgradient-spacer, 1.5 ) !default;
2
+ $kendo-color-gradient-spacer: k-map-get( $kendo-spacing, 3 ) !default;
3
+
4
+ $kendo-color-gradient-width: 272px !default;
5
+ $kendo-color-gradient-border-width: 1px !default;
6
+ $kendo-color-gradient-border-radius: $kendo-border-radius-md !default;
7
+ $kendo-color-gradient-padding-y: $kendo-color-gradient-spacer !default;
8
+ $kendo-color-gradient-padding-x: $kendo-color-gradient-padding-y !default;
9
+ $kendo-color-gradient-gap: $kendo-color-gradient-spacer !default;
10
+ $kendo-color-gradient-font-family: $kendo-font-family !default;
11
+ $kendo-color-gradient-font-size: $kendo-font-size-md !default;
12
+ $kendo-color-gradient-line-height: $kendo-line-height-md !default;
13
+ $kendo-color-gradient-bg: $kendo-component-bg !default;
14
+ $kendo-color-gradient-text: $kendo-component-text !default;
15
+ $kendo-color-gradient-border: $kendo-component-border !default;
16
+
17
+ $kendo-color-gradient-focus-border: null !default;
18
+ $kendo-color-gradient-focus-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
19
+
20
+ $kendo-color-gradient-canvas-border-radius: $kendo-border-radius-md !default;
21
+ $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
22
+ $kendo-color-gradient-canvas-rectangle-height: 180px !default;
23
+
24
+ $kendo-color-gradient-slider-track-size: 10px !default;
25
+ $kendo-color-gradient-slider-border-radius: 10px !default;
26
+ $kendo-color-gradient-slider-draghandle-border-width: 3px !default;
27
+
28
+ $kendo-color-gradient-slider-vertical-size: 180px !default;
29
+ $kendo-color-gradient-slider-horizontal-size: 100% !default;
30
+
31
+ $kendo-color-gradient-draghandle-width: 14px !default;
32
+ $kendo-color-gradient-draghandle-height: 14px !default;
33
+ $kendo-color-gradient-draghandle-border-width: 1px !default;
34
+ $kendo-color-gradient-draghandle-border-radius: 50% !default;
35
+ $kendo-color-gradient-draghandle-bg: transparent !default;
36
+ $kendo-color-gradient-draghandle-text: null !default;
37
+ $kendo-color-gradient-draghandle-border: rgba( $kendo-color-white, .8) !default;
38
+ $kendo-color-gradient-draghandle-shadow: 0 1px 4px rgba(0, 0, 0, .5) !default;
39
+ $kendo-color-gradient-draghandle-focus-shadow: 0 1px 4px black !default;
40
+ $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-gradient-draghandle-focus-shadow !default;
41
+
42
+ $kendo-color-gradient-canvas-draghandle-margin-y: - k-math-div( $kendo-color-gradient-draghandle-height, 2 ) !default;
43
+ $kendo-color-gradient-canvas-draghandle-margin-x: - k-math-div( $kendo-color-gradient-draghandle-width, 2 ) !default;
44
+
45
+ $kendo-color-gradient-input-width: 46px !default;
46
+ $kendo-color-gradient-input-gap: k-math-div( $kendo-color-gradient-spacer, 1.5 ) !default;
47
+ $kendo-color-gradient-input-label-gap: k-math-div( $kendo-color-gradient-spacer, 3 ) !default;
48
+ $kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
49
+
50
+ $kendo-color-gradient-contrast-ratio-font-weight: $kendo-font-weight-bold !default;
51
+ $kendo-color-gradient-contrast-spacer: k-math-div( $kendo-color-gradient-spacer, 1.5 ) !default;
package/scss/colorpalette/_layout.scss CHANGED
@@ -5,9 +5,9 @@
5
5
  border-width: 0;
6
6
  box-sizing: border-box;
7
7
  outline: 0;
8
- font-size: $colorpalette-font-size;
9
- font-family: $colorpalette-font-family;
10
- line-height: $colorpalette-line-height;
8
+ font-size: $kendo-color-palette-font-size;
9
+ font-family: $kendo-color-palette-font-family;
10
+ line-height: $kendo-color-palette-line-height;
11
11
  display: inline-flex;
12
12
  position: relative;
13
13
  -webkit-touch-callout: none;
@@ -30,8 +30,8 @@
30
30
 
31
31
  // Tile
32
32
  .k-colorpalette-tile {
33
- width: $colorpalette-tile-width;
34
- height: $colorpalette-tile-height;
33
+ width: $kendo-color-palette-tile-width;
34
+ height: $kendo-color-palette-tile-height;
35
35
  box-sizing: border-box;
36
36
  overflow: hidden;
37
37
  cursor: pointer;
package/scss/colorpalette/_theme.scss CHANGED
@@ -5,17 +5,17 @@
5
5
 
6
6
  &:focus,
7
7
  &.k-focus {
8
- @include focus-indicator( $colorpalette-tile-focus-shadow );
8
+ @include focus-indicator( $kendo-color-palette-tile-focus-shadow );
9
9
  }
10
10
 
11
11
  &:hover,
12
12
  &.k-hover {
13
- @include box-shadow( $colorpalette-tile-hover-shadow );
13
+ @include box-shadow( $kendo-color-palette-tile-hover-shadow );
14
14
  }
15
15
 
16
16
  &.k-selected,
17
17
  &.k-selected:hover {
18
- @include box-shadow( $colorpalette-tile-selected-shadow );
18
+ @include box-shadow( $kendo-color-palette-tile-selected-shadow );
19
19
  }
20
20
 
21
21
  }
package/scss/colorpalette/_variables.scss CHANGED
@@ -1,10 +1,10 @@
1
1
  // Colorpalette
2
- $colorpalette-font-family: $font-family !default;
3
- $colorpalette-font-size: $font-size !default;
4
- $colorpalette-line-height: 0 !default;
2
+ $kendo-color-palette-font-family: $kendo-font-family !default;
3
+ $kendo-color-palette-font-size: $kendo-font-size-md !default;
4
+ $kendo-color-palette-line-height: 0 !default;
5
5
 
6
- $colorpalette-tile-width: k-map-get( $kendo-spacing, 6 ) !default;
7
- $colorpalette-tile-height: $colorpalette-tile-width !default;
8
- $colorpalette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
9
- $colorpalette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
10
- $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;
6
+ $kendo-color-palette-tile-width: k-map-get( $kendo-spacing, 6 ) !default;
7
+ $kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
8
+ $kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
9
+ $kendo-color-palette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
10
+ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;
package/scss/common/_dragdrop.scss CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  // Layout
4
4
  .k-drag-clue {
5
- @include border-radius( $drag-clue-border-radius );
6
- padding: $drag-clue-padding-y $drag-clue-padding-x;
7
- border-width: $drag-clue-border-width;
8
- border-style: if( $drag-clue-border-width == null, null, solid );
5
+ @include border-radius( $kendo-drag-hint-border-radius );
6
+ padding: $kendo-drag-hint-padding-y $kendo-drag-hint-padding-x;
7
+ border-width: $kendo-drag-hint-border-width;
8
+ border-style: if( $kendo-drag-hint-border-width == null, null, solid );
9
9
  box-sizing: border-box;
10
- font-size: $drag-clue-font-size;
11
- font-family: $drag-clue-font-family;
12
- line-height: $drag-clue-line-height;
10
+ font-size: $kendo-drag-hint-font-size;
11
+ font-family: $kendo-drag-hint-font-family;
12
+ line-height: $kendo-drag-hint-line-height;
13
13
  display: inline-flex;
14
14
  flex-flow: row nowrap;
15
15
  align-items: center;
16
16
  align-content: center;
17
17
  white-space: nowrap;
18
- opacity: $drag-clue-opacity;
18
+ opacity: $kendo-drag-hint-opacity;
19
19
  overflow: hidden;
20
20
  position: absolute;
21
21
  z-index: 20000;
@@ -31,12 +31,12 @@
31
31
  // Theme
32
32
  .k-drag-clue {
33
33
  @include fill(
34
- $drag-clue-text,
35
- $drag-clue-bg,
36
- $drag-clue-border,
37
- $drag-clue-gradient
34
+ $kendo-drag-hint-text,
35
+ $kendo-drag-hint-bg,
36
+ $kendo-drag-hint-border,
37
+ $kendo-drag-hint-gradient
38
38
  );
39
- @include box-shadow( $drag-clue-shadow );
39
+ @include box-shadow( $kendo-drag-hint-shadow );
40
40
  }
41
41
 
42
42
  }