@progress/kendo-theme-fluent 11.2.1-dev.1 → 11.3.0-dev.0

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 (340) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +24099 -27323
  5. package/dist/meta/sassdoc-raw-data.json +8421 -7718
  6. package/dist/meta/variables.json +7880 -8036
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-buttons/_layout.scss +2 -55
  12. package/scss/action-buttons/_theme.scss +2 -11
  13. package/scss/action-buttons/_variables.scss +17 -7
  14. package/scss/action-sheet/_layout.scss +11 -399
  15. package/scss/action-sheet/_theme.scss +14 -69
  16. package/scss/action-sheet/_variables.scss +129 -66
  17. package/scss/adaptive/_index.scss +0 -3
  18. package/scss/adaptive/_layout.scss +2 -457
  19. package/scss/adaptive/_theme.scss +2 -75
  20. package/scss/adaptive/_variables.scss +39 -18
  21. package/scss/appbar/_layout.scss +2 -114
  22. package/scss/appbar/_theme.scss +9 -20
  23. package/scss/appbar/_variables.scss +38 -71
  24. package/scss/avatar/_layout.scss +2 -73
  25. package/scss/avatar/_theme.scss +2 -16
  26. package/scss/avatar/_variables.scss +24 -82
  27. package/scss/badge/_layout.scss +3 -146
  28. package/scss/badge/_theme.scss +8 -21
  29. package/scss/badge/_variables.scss +41 -88
  30. package/scss/bottom-navigation/_layout.scss +5 -108
  31. package/scss/bottom-navigation/_theme.scss +73 -74
  32. package/scss/bottom-navigation/_variables.scss +58 -117
  33. package/scss/breadcrumb/_layout.scss +8 -132
  34. package/scss/breadcrumb/_theme.scss +15 -71
  35. package/scss/breadcrumb/_variables.scss +133 -71
  36. package/scss/button/_layout.scss +18 -182
  37. package/scss/button/_theme.scss +132 -113
  38. package/scss/button/_variables.scss +156 -301
  39. package/scss/calendar/_layout.scss +27 -383
  40. package/scss/calendar/_theme.scss +55 -127
  41. package/scss/calendar/_variables.scss +185 -100
  42. package/scss/captcha/_layout.scss +2 -59
  43. package/scss/captcha/_theme.scss +2 -9
  44. package/scss/captcha/_variables.scss +25 -9
  45. package/scss/card/_layout.scss +9 -314
  46. package/scss/card/_theme.scss +3 -103
  47. package/scss/card/_variables.scss +110 -60
  48. package/scss/chart-wizard/_layout.scss +2 -38
  49. package/scss/chart-wizard/_theme.scss +2 -28
  50. package/scss/chart-wizard/_variables.scss +25 -11
  51. package/scss/chat/_index.scss +0 -3
  52. package/scss/chat/_layout.scss +26 -450
  53. package/scss/chat/_theme.scss +9 -80
  54. package/scss/chat/_variables.scss +143 -71
  55. package/scss/checkbox/_layout.scss +14 -191
  56. package/scss/checkbox/_theme.scss +11 -100
  57. package/scss/checkbox/_variables.scss +165 -78
  58. package/scss/chip/_layout.scss +11 -137
  59. package/scss/chip/_theme.scss +56 -57
  60. package/scss/chip/_variables.scss +99 -94
  61. package/scss/color-preview/_layout.scss +4 -64
  62. package/scss/color-preview/_theme.scss +2 -27
  63. package/scss/color-preview/_variables.scss +23 -9
  64. package/scss/coloreditor/_layout.scss +21 -109
  65. package/scss/coloreditor/_theme.scss +3 -24
  66. package/scss/coloreditor/_variables.scss +92 -57
  67. package/scss/colorgradient/_layout.scss +12 -196
  68. package/scss/colorgradient/_theme.scss +27 -65
  69. package/scss/colorgradient/_variables.scss +134 -76
  70. package/scss/colorpalette/_layout.scss +6 -40
  71. package/scss/colorpalette/_theme.scss +10 -20
  72. package/scss/colorpalette/_variables.scss +39 -21
  73. package/scss/colorpicker/_layout.scss +2 -11
  74. package/scss/colorpicker/_theme.scss +2 -1
  75. package/scss/column-menu/_layout.scss +5 -56
  76. package/scss/column-menu/_theme.scss +1 -24
  77. package/scss/column-menu/_variables.scss +38 -17
  78. package/scss/combobox/_layout.scss +4 -2
  79. package/scss/combobox/_theme.scss +4 -2
  80. package/scss/core/functions/index.import.scss +1 -0
  81. package/scss/dataviz/_layout.scss +6 -543
  82. package/scss/dataviz/_theme.scss +12 -76
  83. package/scss/dataviz/_variables.scss +152 -33
  84. package/scss/daterangepicker/_layout.scss +2 -37
  85. package/scss/daterangepicker/_theme.scss +16 -7
  86. package/scss/daterangepicker/_variables.scss +9 -0
  87. package/scss/datetimepicker/_layout.scss +3 -41
  88. package/scss/datetimepicker/_theme.scss +3 -2
  89. package/scss/datetimepicker/_variables.scss +5 -1
  90. package/scss/dialog/_layout.scss +8 -53
  91. package/scss/dialog/_theme.scss +5 -25
  92. package/scss/dialog/_variables.scss +31 -60
  93. package/scss/dock-manager/_layout.scss +9 -193
  94. package/scss/dock-manager/_theme.scss +6 -28
  95. package/scss/dock-manager/_variables.scss +74 -36
  96. package/scss/draggable/_layout.scss +13 -59
  97. package/scss/draggable/_theme.scss +10 -15
  98. package/scss/draggable/_variables.scss +45 -23
  99. package/scss/drawer/_layout.scss +7 -198
  100. package/scss/drawer/_theme.scss +25 -52
  101. package/scss/drawer/_variables.scss +73 -45
  102. package/scss/dropdowngrid/_layout.scss +3 -11
  103. package/scss/dropdowngrid/_theme.scss +3 -3
  104. package/scss/dropdownlist/_layout.scss +4 -28
  105. package/scss/dropdownlist/_theme.scss +3 -7
  106. package/scss/dropdowntree/_layout.scss +2 -35
  107. package/scss/dropdowntree/_theme.scss +3 -4
  108. package/scss/dropdowntree/_variables.scss +4 -3
  109. package/scss/dropzone/_layout.scss +7 -31
  110. package/scss/dropzone/_theme.scss +2 -30
  111. package/scss/dropzone/_variables.scss +43 -21
  112. package/scss/editor/_layout.scss +3 -588
  113. package/scss/editor/_theme.scss +12 -78
  114. package/scss/editor/_variables.scss +45 -26
  115. package/scss/expansion-panel/_layout.scss +22 -57
  116. package/scss/expansion-panel/_theme.scss +13 -36
  117. package/scss/expansion-panel/_variables.scss +49 -28
  118. package/scss/fab/_layout.scss +11 -134
  119. package/scss/fab/_theme.scss +37 -126
  120. package/scss/fab/_variables.scss +104 -56
  121. package/scss/filemanager/_layout.scss +2 -240
  122. package/scss/filemanager/_theme.scss +8 -89
  123. package/scss/filemanager/_variables.scss +109 -56
  124. package/scss/filter/_layout.scss +8 -71
  125. package/scss/filter/_theme.scss +5 -14
  126. package/scss/filter/_variables.scss +20 -10
  127. package/scss/floating-label/_layout.scss +3 -75
  128. package/scss/floating-label/_theme.scss +4 -20
  129. package/scss/floating-label/_variables.scss +35 -17
  130. package/scss/forms/_layout.scss +5 -302
  131. package/scss/forms/_theme.scss +5 -24
  132. package/scss/forms/_variables.scss +73 -39
  133. package/scss/gantt/_layout.scss +5 -801
  134. package/scss/gantt/_theme.scss +17 -236
  135. package/scss/gantt/_variables.scss +142 -73
  136. package/scss/grid/_layout.scss +60 -1276
  137. package/scss/grid/_theme.scss +35 -343
  138. package/scss/grid/_variables.scss +306 -183
  139. package/scss/gridlayout/_layout.scss +1 -6
  140. package/scss/gridlayout/_theme.scss +1 -6
  141. package/scss/icons/_layout.scss +4 -33
  142. package/scss/icons/_theme.scss +7 -1
  143. package/scss/icons/_variables.scss +35 -9
  144. package/scss/imageeditor/_layout.scss +2 -152
  145. package/scss/imageeditor/_theme.scss +5 -42
  146. package/scss/imageeditor/_variables.scss +66 -32
  147. package/scss/index.scss +2 -1
  148. package/scss/input/_layout.scss +36 -468
  149. package/scss/input/_theme.scss +52 -128
  150. package/scss/input/_variables.scss +153 -208
  151. package/scss/list/_layout.scss +3 -252
  152. package/scss/list/_theme.scss +10 -81
  153. package/scss/list/_variables.scss +176 -92
  154. package/scss/listbox/_layout.scss +2 -80
  155. package/scss/listbox/_theme.scss +5 -8
  156. package/scss/listbox/_variables.scss +28 -13
  157. package/scss/listgroup/_layout.scss +2 -174
  158. package/scss/listgroup/_theme.scss +2 -8
  159. package/scss/listgroup/_variables.scss +23 -10
  160. package/scss/listview/_layout.scss +6 -133
  161. package/scss/listview/_theme.scss +8 -37
  162. package/scss/listview/_variables.scss +66 -39
  163. package/scss/loader/_layout.scss +15 -572
  164. package/scss/loader/_theme.scss +2 -14
  165. package/scss/loader/_variables.scss +90 -92
  166. package/scss/map/_layout.scss +7 -121
  167. package/scss/map/_theme.scss +5 -17
  168. package/scss/map/_variables.scss +40 -22
  169. package/scss/maskedtextbox/_layout.scss +3 -3
  170. package/scss/maskedtextbox/_theme.scss +3 -3
  171. package/scss/mediaplayer/_layout.scss +5 -72
  172. package/scss/mediaplayer/_theme.scss +5 -15
  173. package/scss/mediaplayer/_variables.scss +27 -14
  174. package/scss/menu/_layout.scss +25 -267
  175. package/scss/menu/_theme.scss +14 -73
  176. package/scss/menu/_variables.scss +135 -76
  177. package/scss/menu-button/_layout.scss +9 -14
  178. package/scss/menu-button/_theme.scss +5 -1
  179. package/scss/menu-button/_variables.scss +10 -0
  180. package/scss/messagebox/_layout.scss +2 -18
  181. package/scss/messagebox/_theme.scss +4 -19
  182. package/scss/messagebox/_variables.scss +33 -37
  183. package/scss/multiselect/_layout.scss +3 -4
  184. package/scss/multiselect/_theme.scss +3 -4
  185. package/scss/no-data/_layout.scss +2 -17
  186. package/scss/no-data/_theme.scss +2 -5
  187. package/scss/no-data/_variables.scss +7 -2
  188. package/scss/notification/_functions.scss +17 -0
  189. package/scss/notification/_layout.scss +2 -68
  190. package/scss/notification/_theme.scss +4 -28
  191. package/scss/notification/_variables.scss +50 -91
  192. package/scss/numerictextbox/_layout.scss +3 -7
  193. package/scss/numerictextbox/_theme.scss +3 -3
  194. package/scss/orgchart/_layout.scss +8 -99
  195. package/scss/orgchart/_theme.scss +4 -45
  196. package/scss/orgchart/_variables.scss +87 -45
  197. package/scss/otp/_layout.scss +1 -34
  198. package/scss/otp/_theme.scss +1 -7
  199. package/scss/otp/_variables.scss +25 -12
  200. package/scss/overlay/_layout.scss +2 -11
  201. package/scss/overlay/_theme.scss +4 -3
  202. package/scss/overlay/_variables.scss +7 -3
  203. package/scss/pager/_layout.scss +11 -145
  204. package/scss/pager/_theme.scss +7 -15
  205. package/scss/pager/_variables.scss +49 -26
  206. package/scss/panel/_layout.scss +2 -24
  207. package/scss/panel/_theme.scss +10 -13
  208. package/scss/panel/_variables.scss +23 -10
  209. package/scss/panelbar/_layout.scss +17 -95
  210. package/scss/panelbar/_theme.scss +15 -164
  211. package/scss/panelbar/_variables.scss +134 -68
  212. package/scss/pdf-viewer/_layout.scss +3 -327
  213. package/scss/pdf-viewer/_theme.scss +2 -80
  214. package/scss/pdf-viewer/_variables.scss +75 -36
  215. package/scss/pivotgrid/_index.scss +0 -6
  216. package/scss/pivotgrid/_layout.scss +44 -579
  217. package/scss/pivotgrid/_theme.scss +5 -192
  218. package/scss/pivotgrid/_variables.scss +144 -70
  219. package/scss/popover/_layout.scss +6 -73
  220. package/scss/popover/_theme.scss +2 -36
  221. package/scss/popover/_variables.scss +54 -27
  222. package/scss/popup/_layout.scss +5 -70
  223. package/scss/popup/_theme.scss +2 -9
  224. package/scss/popup/_variables.scss +25 -12
  225. package/scss/progressbar/_layout.scss +10 -196
  226. package/scss/progressbar/_theme.scss +11 -46
  227. package/scss/progressbar/_variables.scss +57 -34
  228. package/scss/prompt/_layout.scss +2 -75
  229. package/scss/prompt/_theme.scss +2 -35
  230. package/scss/prompt/_variables.scss +43 -20
  231. package/scss/radio/_layout.scss +12 -178
  232. package/scss/radio/_theme.scss +7 -75
  233. package/scss/radio/_variables.scss +72 -36
  234. package/scss/rating/_layout.scss +11 -57
  235. package/scss/rating/_theme.scss +8 -6
  236. package/scss/rating/_variables.scss +21 -13
  237. package/scss/responsivepanel/_layout.scss +2 -45
  238. package/scss/responsivepanel/_theme.scss +3 -3
  239. package/scss/ripple/_layout.scss +2 -50
  240. package/scss/ripple/_theme.scss +2 -2
  241. package/scss/scheduler/_layout.scss +11 -773
  242. package/scss/scheduler/_theme.scss +32 -167
  243. package/scss/scheduler/_variables.scss +149 -77
  244. package/scss/scroller/_layout.scss +2 -80
  245. package/scss/scroller/_theme.scss +2 -5
  246. package/scss/scrollview/_layout.scss +2 -159
  247. package/scss/scrollview/_theme.scss +11 -35
  248. package/scss/scrollview/_variables.scss +52 -29
  249. package/scss/searchbox/_layout.scss +2 -0
  250. package/scss/searchbox/_theme.scss +4 -1
  251. package/scss/searchbox/_variables.scss +1 -1
  252. package/scss/signature/_layout.scss +3 -67
  253. package/scss/signature/_theme.scss +3 -8
  254. package/scss/signature/_variables.scss +46 -25
  255. package/scss/skeleton/_layout.scss +2 -79
  256. package/scss/skeleton/_theme.scss +2 -17
  257. package/scss/skeleton/_variables.scss +15 -6
  258. package/scss/slider/_layout.scss +18 -203
  259. package/scss/slider/_theme.scss +31 -40
  260. package/scss/slider/_variables.scss +58 -41
  261. package/scss/speech-to-text-button/_layout.scss +1 -9
  262. package/scss/speech-to-text-button/_theme.scss +1 -3
  263. package/scss/split-button/_layout.scss +22 -18
  264. package/scss/split-button/_theme.scss +2 -1
  265. package/scss/split-button/_variables.scss +18 -9
  266. package/scss/splitter/_layout.scss +8 -171
  267. package/scss/splitter/_theme.scss +2 -31
  268. package/scss/splitter/_variables.scss +42 -20
  269. package/scss/spreadsheet/_layout.scss +50 -724
  270. package/scss/spreadsheet/_theme.scss +14 -182
  271. package/scss/spreadsheet/_variables.scss +172 -99
  272. package/scss/stacklayout/_layout.scss +1 -5
  273. package/scss/stacklayout/_theme.scss +1 -5
  274. package/scss/stepper/_layout.scss +9 -255
  275. package/scss/stepper/_theme.scss +4 -186
  276. package/scss/stepper/_variables.scss +125 -60
  277. package/scss/suggestion/_layout.scss +2 -38
  278. package/scss/suggestion/_theme.scss +3 -66
  279. package/scss/suggestion/_variables.scss +42 -19
  280. package/scss/switch/_layout.scss +2 -138
  281. package/scss/switch/_theme.scss +2 -136
  282. package/scss/switch/_variables.scss +99 -49
  283. package/scss/table/_layout.scss +6 -249
  284. package/scss/table/_theme.scss +9 -95
  285. package/scss/table/_variables.scss +100 -64
  286. package/scss/tabstrip/_layout.scss +2 -421
  287. package/scss/tabstrip/_theme.scss +12 -123
  288. package/scss/tabstrip/_variables.scss +113 -61
  289. package/scss/taskboard/_layout.scss +28 -178
  290. package/scss/taskboard/_theme.scss +20 -55
  291. package/scss/taskboard/_variables.scss +122 -63
  292. package/scss/textarea/_layout.scss +3 -6
  293. package/scss/textarea/_theme.scss +3 -4
  294. package/scss/textbox/_layout.scss +3 -4
  295. package/scss/textbox/_theme.scss +3 -4
  296. package/scss/tilelayout/_layout.scss +2 -36
  297. package/scss/tilelayout/_theme.scss +13 -10
  298. package/scss/tilelayout/_variables.scss +19 -8
  299. package/scss/time-marker/_layout.scss +2 -15
  300. package/scss/time-marker/_theme.scss +2 -17
  301. package/scss/time-marker/_variables.scss +7 -2
  302. package/scss/timedurationpicker/_layout.scss +3 -4
  303. package/scss/timedurationpicker/_theme.scss +3 -4
  304. package/scss/timeline/_layout.scss +8 -423
  305. package/scss/timeline/_theme.scss +11 -34
  306. package/scss/timeline/_variables.scss +108 -61
  307. package/scss/timepicker/_layout.scss +7 -3
  308. package/scss/timepicker/_theme.scss +3 -4
  309. package/scss/timeselector/_layout.scss +3 -223
  310. package/scss/timeselector/_theme.scss +5 -55
  311. package/scss/timeselector/_variables.scss +84 -41
  312. package/scss/toolbar/_layout.scss +11 -296
  313. package/scss/toolbar/_theme.scss +3 -167
  314. package/scss/toolbar/_variables.scss +65 -32
  315. package/scss/tooltip/_functions.scss +17 -0
  316. package/scss/tooltip/_layout.scss +13 -74
  317. package/scss/tooltip/_theme.scss +17 -23
  318. package/scss/tooltip/_variables.scss +50 -72
  319. package/scss/treelist/_layout.scss +3 -82
  320. package/scss/treelist/_theme.scss +4 -6
  321. package/scss/treelist/_variables.scss +7 -2
  322. package/scss/treeview/_layout.scss +8 -137
  323. package/scss/treeview/_theme.scss +20 -65
  324. package/scss/treeview/_variables.scss +88 -48
  325. package/scss/typography/_layout.scss +3 -113
  326. package/scss/typography/_theme.scss +2 -17
  327. package/scss/typography/_variables.scss +84 -3
  328. package/scss/upload/_layout.scss +7 -219
  329. package/scss/upload/_theme.scss +4 -90
  330. package/scss/upload/_variables.scss +66 -29
  331. package/scss/validator/_layout.scss +2 -16
  332. package/scss/validator/_theme.scss +2 -2
  333. package/scss/virtual-scroller/_layout.scss +2 -34
  334. package/scss/virtual-scroller/_theme.scss +2 -2
  335. package/scss/window/_layout.scss +9 -141
  336. package/scss/window/_theme.scss +7 -35
  337. package/scss/window/_variables.scss +65 -70
  338. package/scss/wizard/_layout.scss +8 -95
  339. package/scss/wizard/_theme.scss +4 -7
  340. package/scss/wizard/_variables.scss +24 -11
package/scss/calendar/_theme.scss CHANGED
@@ -1,142 +1,78 @@
1
1
  @use "../core/_index.scss" as *;
2
2
  @use "./_variables.scss" as *;
3
+ @use "@progress/kendo-theme-core/scss/components/calendar/_theme.scss" as *;
3
4
 
4
5
  @mixin kendo-calendar--theme() {
5
- .k-calendar {
6
- @include fill(
7
- var( --kendo-calendar-text, #{$kendo-calendar-text}),
8
- var( --kendo-calendar-bg, #{$kendo-calendar-bg}),
9
- var( --kendo-calendar-border, #{$kendo-calendar-border}),
10
- );
11
-
12
- // Header / footer
13
- .k-header {
14
- @include fill(
15
- var( --kendo-calendar-header-text, #{$kendo-calendar-header-text}),
16
- var( --kendo-calendar-header-bg, #{$kendo-calendar-header-bg}),
17
- inherit,
18
- );
19
- }
20
-
6
+ @include kendo-calendar--theme-base();
21
7
 
22
- // Header cells
8
+ .k-calendar {
23
9
  .k-calendar-th {
24
- color: var( --kendo-calendar-header-cell-text, #{$kendo-calendar-header-cell-text});
10
+ color: $kendo-calendar-header-cell-text;
25
11
  }
26
12
 
27
13
  .k-calendar-caption,
28
14
  .k-meta-header,
29
15
  .k-month-header {
30
- color: var( --kendo-calendar-caption-color, #{$kendo-calendar-caption-color});
16
+ color: $kendo-calendar-caption-color;
31
17
  }
32
18
 
33
-
34
19
  .k-calendar-td {
35
- @include fill(
36
- var( --kendo-calendar-cell-text, inherit ),
37
- var( --kendo-calendar-cell-bg, inherit )
38
- );
39
20
 
40
- .k-link {
41
- color: var( --kendo-calendar-cell-link-text );
42
- background-color: var( --kendo-calendar-cell-link-bg );
43
- box-shadow: var( --kendo-calendar-cell-link-shadow );
21
+ &.k-today .k-link {
22
+ color: $kendo-calendar-today-text;
23
+ background-color: $kendo-calendar-today-bg;
24
+ box-shadow: none;
25
+ }
44
26
 
45
- @include fill(
46
- var( --kendo-calendar-cell-link-text, inherit ),
47
- var( --kendo-calendar-cell-link-bg, inherit )
48
- );
27
+ &.k-today:hover .k-link,
28
+ &.k-today.k-hover .k-link {
29
+ color: $kendo-calendar-today-hover-text;
30
+ background-color: $kendo-calendar-today-hover-bg;
31
+ }
32
+
33
+ &.k-weekend .k-link {
34
+ color: $kendo-calendar-weekend-text;
35
+ background-color: $kendo-calendar-weekend-bg;
36
+ }
49
37
 
50
- box-shadow: var( --kendo-calendar-cell-link-shadow, none );
38
+ &.k-other-month .k-link {
39
+ color: $kendo-calendar-other-month-text;
40
+ background-color: $kendo-calendar-other-month-bg;
51
41
  }
52
42
 
53
43
  &:hover .k-link,
54
44
  &.k-hover .k-link {
55
- color: var( --kendo-calendar-cell-hover-text, #{$kendo-calendar-cell-hover-text} );
56
- background-color: var( --kendo-calendar-cell-hover-bg, #{$kendo-calendar-cell-hover-bg} );
45
+ color: $kendo-calendar-cell-hover-text;
46
+ background-color: $kendo-calendar-cell-hover-bg;
57
47
  }
58
48
 
59
49
  &:focus .k-link,
60
50
  &.k-focus .k-link {
61
- box-shadow: var( --kendo-calendar-cell-focus-shadow, #{$kendo-calendar-cell-focus-shadow} );
51
+ box-shadow: $kendo-calendar-cell-focus-shadow;
62
52
  }
63
53
 
64
54
  &.k-selected .k-link{
65
- color: var( --kendo-calendar-cell-selected-text, #{$kendo-calendar-cell-selected-text} );
66
- background-color: var( --kendo-calendar-cell-selected-bg, #{$kendo-calendar-cell-selected-bg} );
67
- box-shadow: var( --kendo-calendar-cell-selected-shadow, #{$kendo-calendar-cell-selected-shadow} );
55
+ color: $kendo-calendar-cell-selected-text;
56
+ background-color: $kendo-calendar-cell-selected-bg;
57
+ box-shadow: $kendo-calendar-cell-selected-shadow;
68
58
  }
69
59
 
70
60
  &.k-selected:hover .k-link,
71
61
  &.k-selected.k-hover .k-link {
72
- color: var( --kendo-calendar-cell-selected-hover-text, #{$kendo-calendar-cell-selected-hover-text} );
73
- background-color: var( --kendo-calendar-cell-selected-hover-bg, #{$kendo-calendar-cell-selected-hover-bg} );
62
+ color: $kendo-calendar-cell-selected-hover-text;
63
+ background-color: $kendo-calendar-cell-selected-hover-bg;
74
64
  }
75
65
 
76
66
  &.k-selected:focus .k-link,
77
67
  &.k-selected.k-focus .k-link {
78
- box-shadow: var( --kendo-calendar-cell-selected-focus-shadow, #{$kendo-calendar-cell-selected-focus-shadow} );
68
+ box-shadow: $kendo-calendar-cell-selected-focus-shadow;
79
69
  }
80
70
 
81
71
  &.k-disabled {
82
- --kendo-calendar-cell-text: color-mix(in srgb, #{k-color(on-app-surface)} 46%, transparent);
72
+ color: color-mix(in srgb, #{k-color(on-app-surface)} 46%, transparent);
83
73
  }
84
74
  }
85
75
 
86
- // Special days
87
-
88
- .k-today {
89
- --kendo-calendar-cell-link-text: var( --kendo-calendar-today-text, #{$kendo-calendar-today-text} );
90
- --kendo-calendar-cell-link-bg: var( --kendo-calendar-today-bg, #{$kendo-calendar-today-bg} );
91
- --kendo-calendar-cell-hover-text: var( --kendo-calendar-today-hover-text, #{$kendo-calendar-today-hover-text} );
92
- --kendo-calendar-cell-hover-bg: var( --kendo-calendar-today-hover-bg, #{$kendo-calendar-today-hover-bg} );
93
- }
94
-
95
- .k-weekend {
96
- --kendo-calendar-cell-text: var( --kendo-calendar-weekend-text, #{$kendo-calendar-weekend-text} );
97
- --kendo-calendar-cell-bg: var( --kendo-calendar-weekend-bg, #{$kendo-calendar-weekend-bg} );
98
- }
99
-
100
- .k-other-month {
101
- --kendo-calendar-cell-text: var( --kendo-calendar-other-month-text, #{$kendo-calendar-other-month-text} );
102
- --kendo-calendar-cell-bg: var( --kendo-calendar-other-month-bg, #{$kendo-calendar-other-month-bg} );
103
- }
104
-
105
- .k-alt {
106
- // remove default k-alt background color
107
- background-color: transparent;
108
-
109
- --kendo-calendar-cell-text: var( --kendo-calendar-week-number-text, #{$kendo-calendar-week-number-text} );
110
- --kendo-calendar-cell-bg: var( --kendo-calendar-week-number-bg, #{$kendo-calendar-week-number-bg} );
111
- }
112
-
113
-
114
- // Calendar navigation
115
- .k-calendar-navigation {
116
- @include fill(
117
- var( --kendo-calendar-navigation-text, #{$kendo-calendar-navigation-text} ),
118
- var( --kendo-calendar-navigation-bg, #{$kendo-calendar-navigation-bg} ),
119
- );
120
- box-shadow: inset -1px 0 var( --kendo-calendar-navigation-border, #{$kendo-calendar-navigation-border} );
121
-
122
- li:hover,
123
- li.k-hover {
124
- color: var( --kendo-calendar-navigation-hover-text, #{$kendo-calendar-navigation-hover-text} );
125
- }
126
- }
127
- .k-calendar-navigation-highlight {
128
- @include fill(
129
- var( --kendo-calendar-text, #{$kendo-calendar-text} ),
130
- var( --kendo-calendar-bg, #{$kendo-calendar-bg} ),
131
- var( --kendo-calendar-border, #{$kendo-calendar-border} )
132
- );
133
- }
134
-
135
- .k-calendar-navigation-marker {
136
- color: var( --kendo-calendar-navigation-marker-text, #{$kendo-calendar-navigation-marker-text} );
137
- }
138
-
139
- // Invalid
140
76
  &.k-invalid,
141
77
  &.k-invalid:hover,
142
78
  &.ng-invalid.ng-touched,
@@ -147,15 +83,11 @@
147
83
 
148
84
  .k-calendar[dir="rtl"],
149
85
  .k-rtl .k-calendar {
150
- .k-calendar-navigation {
151
- box-shadow: inset 1px 0 var( --kendo-calendar-navigation-border, #{$kendo-calendar-navigation-border} );
152
- }
153
-
154
86
  .k-calendar-td {
155
87
 
156
88
  &.k-range-start:hover .k-link,
157
89
  &.k-range-start.k-hover .k-link {
158
- box-shadow: var( --kendo-calendar-end-range-hover-shadow, #{$kendo-calendar-end-range-hover-shadow} );
90
+ box-shadow: $kendo-calendar-end-range-hover-shadow;
159
91
 
160
92
  }
161
93
 
@@ -163,80 +95,76 @@
163
95
  &.k-range-mid:last-child.k-hover .k-link,
164
96
  &.k-range-end:hover .k-link,
165
97
  &.k-range-end.k-hover .k-link {
166
- box-shadow: var( --kendo-calendar-start-range-hover-shadow, #{$kendo-calendar-start-range-hover-shadow} );
98
+ box-shadow: $kendo-calendar-start-range-hover-shadow;
167
99
  }
168
100
 
169
101
  &.k-range-mid:first-child:hover .k-link,
170
102
  &.k-range-mid:first-child.k-hover .k-link,
171
103
  &.k-alt + .k-range-mid:hover .k-link,
172
104
  &.k-alt + .k-range-mid.k-hover .k-link {
173
- box-shadow: var( --kendo-calendar-end-range-hover-shadow, #{$kendo-calendar-end-range-hover-shadow} );
105
+ box-shadow: $kendo-calendar-end-range-hover-shadow;
174
106
  }
175
107
  }
176
108
  }
177
109
 
178
- // Scheduler integration
179
- .k-scheduler .k-calendar .k-other-month {
180
- @include fill(
181
- var( --kendo-calendar-other-month-text, #{$kendo-calendar-other-month-text} ),
182
- transparent
183
- );
184
- }
185
-
186
- // Range Selection
187
-
188
110
  .k-calendar .k-calendar-td {
189
111
 
190
112
  &.k-range-start,
191
113
  &.k-range-end,
192
114
  &.k-range-mid {
193
- --kendo-calendar-cell-bg: var( --kendo-calendar-range-bg, #{$kendo-calendar-range-bg} );
194
- --kendo-calendar-cell-text: var( --kendo-calendar-range-text, #{$kendo-calendar-range-text} );
195
- --kendo-calendar-cell-link-bg: transparent;
196
- --kendo-calendar-cell-selected-bg: transparent;
197
- --kendo-calendar-cell-selected-shadow: none;
115
+ background-color: $kendo-calendar-range-bg;
116
+ color: $kendo-calendar-range-text;
117
+
118
+ .k-link {
119
+ background-color: transparent;
120
+
121
+ &.k-selected {
122
+ background-color: transparent;
123
+ box-shadow: none;
124
+ }
125
+ }
198
126
 
199
127
  &::before {
200
- border-color: var( --kendo-calendar-range-border, #{$kendo-calendar-range-border} );
128
+ border-color: $kendo-calendar-range-border;
201
129
  }
202
130
 
203
131
  &.k-disabled {
204
- --kendo-calendar-cell-text: color-mix(in srgb, #{k-color(on-app-surface)} 46%, transparent);
132
+ color: color-mix(in srgb, #{k-color(on-app-surface)} 46%, transparent);
205
133
  }
206
134
 
207
135
  &:hover .k-link,
208
136
  &.k-hover .k-link {
209
- background-color: var( --kendo-calendar-cell-selected-hover-bg, #{$kendo-calendar-cell-selected-hover-bg} );
137
+ background-color: $kendo-calendar-cell-selected-hover-bg;
210
138
  }
211
139
  }
212
140
 
213
141
  &.k-range-start:hover .k-link,
214
142
  &.k-range-start.k-hover .k-link {
215
- box-shadow: var( --kendo-calendar-start-range-hover-shadow, #{$kendo-calendar-start-range-hover-shadow} );
143
+ box-shadow: $kendo-calendar-start-range-hover-shadow;
216
144
 
217
145
  }
218
146
 
219
147
  &.k-range-mid:hover .k-link,
220
148
  &.k-range-mid.k-hover .k-link {
221
- box-shadow: var( --kendo-calendar-mid-range-hover-shadow, #{$kendo-calendar-mid-range-hover-shadow} );
149
+ box-shadow: $kendo-calendar-mid-range-hover-shadow;
222
150
  }
223
151
 
224
152
  &.k-range-mid:last-child:hover .k-link,
225
153
  &.k-range-mid:last-child.k-hover .k-link,
226
154
  &.k-range-end:hover .k-link,
227
155
  &.k-range-end.k-hover .k-link {
228
- box-shadow: var( --kendo-calendar-end-range-hover-shadow, #{$kendo-calendar-end-range-hover-shadow} );
156
+ box-shadow: $kendo-calendar-end-range-hover-shadow;
229
157
  }
230
158
 
231
159
  &.k-range-mid:first-child:hover .k-link,
232
160
  &.k-range-mid:first-child.k-hover .k-link,
233
161
  &.k-alt + .k-range-mid:hover .k-link,
234
162
  &.k-alt + .k-range-mid.k-hover .k-link {
235
- box-shadow: var( --kendo-calendar-start-range-hover-shadow, #{$kendo-calendar-start-range-hover-shadow} );
163
+ box-shadow: $kendo-calendar-start-range-hover-shadow;
236
164
  }
237
165
 
238
166
  &.k-range-start.k-range-end:hover .k-link {
239
- box-shadow: var( --kendo-calendar-start-end-range-hover-shadow, #{$kendo-calendar-start-end-range-hover-shadow} );
167
+ box-shadow: $kendo-calendar-start-end-range-hover-shadow;
240
168
  }
241
169
  }
242
170