@syncfusion/ej2-schedule 31.2.12 → 32.1.19

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 (256) hide show
  1. package/dist/ej2-schedule.min.js +1 -10
  2. package/dist/ej2-schedule.umd.min.js +1 -10
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +24 -26
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +27 -31
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +1 -10
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +11 -11
  12. package/src/recurrence-editor/date-generator.js +0 -4
  13. package/src/schedule/actions/action-base.d.ts +1 -0
  14. package/src/schedule/actions/action-base.js +10 -7
  15. package/src/schedule/actions/drag.js +1 -5
  16. package/src/schedule/actions/keyboard.js +1 -0
  17. package/src/schedule/actions/resize.js +4 -7
  18. package/src/schedule/base/schedule.d.ts +2 -2
  19. package/src/schedule/base/schedule.js +3 -3
  20. package/src/schedule/event-renderer/month.js +2 -1
  21. package/src/schedule/event-renderer/timeline-view.js +2 -1
  22. package/src/schedule/event-renderer/vertical-view.js +1 -1
  23. package/src/schedule/event-renderer/year.js +2 -2
  24. package/src/schedule/renderer/agenda.js +2 -1
  25. package/styles/bds-lite.css +45 -8
  26. package/styles/bds-lite.scss +18 -18
  27. package/styles/bds.css +45 -8
  28. package/styles/bds.scss +20 -20
  29. package/styles/bootstrap-dark-lite.css +8 -8
  30. package/styles/bootstrap-dark-lite.scss +18 -18
  31. package/styles/bootstrap-dark.css +8 -8
  32. package/styles/bootstrap-dark.scss +20 -20
  33. package/styles/bootstrap-lite.css +8 -8
  34. package/styles/bootstrap-lite.scss +18 -18
  35. package/styles/bootstrap.css +8 -8
  36. package/styles/bootstrap.scss +20 -20
  37. package/styles/bootstrap4-lite.css +10 -10
  38. package/styles/bootstrap4-lite.scss +18 -18
  39. package/styles/bootstrap4.css +10 -10
  40. package/styles/bootstrap4.scss +20 -20
  41. package/styles/bootstrap5-dark-lite.css +8 -8
  42. package/styles/bootstrap5-dark-lite.scss +18 -18
  43. package/styles/bootstrap5-dark.css +8 -8
  44. package/styles/bootstrap5-dark.scss +20 -20
  45. package/styles/bootstrap5-lite.css +8 -8
  46. package/styles/bootstrap5-lite.scss +19 -18
  47. package/styles/bootstrap5.3-lite.css +112 -32
  48. package/styles/bootstrap5.3-lite.scss +19 -18
  49. package/styles/bootstrap5.3.css +114 -34
  50. package/styles/bootstrap5.3.scss +21 -20
  51. package/styles/bootstrap5.css +8 -8
  52. package/styles/bootstrap5.scss +21 -20
  53. package/styles/fabric-dark-lite.css +8 -8
  54. package/styles/fabric-dark-lite.scss +19 -18
  55. package/styles/fabric-dark.css +8 -8
  56. package/styles/fabric-dark.scss +21 -20
  57. package/styles/fabric-lite.css +8 -8
  58. package/styles/fabric-lite.scss +19 -18
  59. package/styles/fabric.css +8 -8
  60. package/styles/fabric.scss +21 -20
  61. package/styles/fluent-dark-lite.css +10 -10
  62. package/styles/fluent-dark-lite.scss +19 -18
  63. package/styles/fluent-dark.css +10 -10
  64. package/styles/fluent-dark.scss +21 -20
  65. package/styles/fluent-lite.css +10 -10
  66. package/styles/fluent-lite.scss +19 -18
  67. package/styles/fluent.css +10 -10
  68. package/styles/fluent.scss +21 -20
  69. package/styles/fluent2-lite.css +267 -34
  70. package/styles/fluent2-lite.scss +19 -18
  71. package/styles/fluent2.css +270 -37
  72. package/styles/fluent2.scss +21 -20
  73. package/styles/highcontrast-light-lite.css +8 -8
  74. package/styles/highcontrast-light-lite.scss +19 -18
  75. package/styles/highcontrast-light.css +8 -8
  76. package/styles/highcontrast-light.scss +21 -20
  77. package/styles/highcontrast-lite.css +8 -8
  78. package/styles/highcontrast-lite.scss +19 -18
  79. package/styles/highcontrast.css +8 -8
  80. package/styles/highcontrast.scss +21 -20
  81. package/styles/material-dark-lite.css +10 -10
  82. package/styles/material-dark-lite.scss +19 -18
  83. package/styles/material-dark.css +10 -10
  84. package/styles/material-dark.scss +21 -20
  85. package/styles/material-lite.css +12 -10
  86. package/styles/material-lite.scss +18 -18
  87. package/styles/material.css +12 -10
  88. package/styles/material.scss +20 -20
  89. package/styles/material3-dark-lite.css +432 -9
  90. package/styles/material3-dark-lite.scss +19 -18
  91. package/styles/material3-dark.css +432 -9
  92. package/styles/material3-dark.scss +21 -22
  93. package/styles/material3-lite.css +449 -26
  94. package/styles/material3-lite.scss +19 -18
  95. package/styles/material3.css +451 -28
  96. package/styles/material3.scss +21 -22
  97. package/styles/recurrence-editor/_all.scss +2 -2
  98. package/styles/recurrence-editor/_bds-definition.scss +27 -1
  99. package/styles/recurrence-editor/_bigger.scss +21 -19
  100. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +27 -1
  101. package/styles/recurrence-editor/_bootstrap-definition.scss +27 -1
  102. package/styles/recurrence-editor/_bootstrap4-definition.scss +27 -1
  103. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +41 -1
  104. package/styles/recurrence-editor/_bootstrap5-definition.scss +27 -1
  105. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +27 -1
  106. package/styles/recurrence-editor/_fabric-dark-definition.scss +27 -1
  107. package/styles/recurrence-editor/_fabric-definition.scss +27 -1
  108. package/styles/recurrence-editor/_fluent-dark-definition.scss +41 -1
  109. package/styles/recurrence-editor/_fluent-definition.scss +27 -1
  110. package/styles/recurrence-editor/_fluent2-definition.scss +27 -1
  111. package/styles/recurrence-editor/_fusionnew-definition.scss +27 -1
  112. package/styles/recurrence-editor/_highcontrast-definition.scss +27 -1
  113. package/styles/recurrence-editor/_highcontrast-light-definition.scss +27 -1
  114. package/styles/recurrence-editor/_layout.scss +60 -58
  115. package/styles/recurrence-editor/_material-dark-definition.scss +27 -1
  116. package/styles/recurrence-editor/_material-definition.scss +27 -1
  117. package/styles/recurrence-editor/_material3-dark-definition.scss +41 -1
  118. package/styles/recurrence-editor/_material3-definition.scss +27 -1
  119. package/styles/recurrence-editor/_tailwind-dark-definition.scss +41 -1
  120. package/styles/recurrence-editor/_tailwind-definition.scss +27 -1
  121. package/styles/recurrence-editor/_tailwind3-definition.scss +27 -1
  122. package/styles/recurrence-editor/_theme-variables.scss +1 -0
  123. package/styles/recurrence-editor/bds.scss +9 -9
  124. package/styles/recurrence-editor/bootstrap-dark.scss +9 -9
  125. package/styles/recurrence-editor/bootstrap.scss +9 -9
  126. package/styles/recurrence-editor/bootstrap4.css +2 -2
  127. package/styles/recurrence-editor/bootstrap4.scss +9 -9
  128. package/styles/recurrence-editor/bootstrap5-dark.scss +9 -9
  129. package/styles/recurrence-editor/bootstrap5.3.css +81 -1
  130. package/styles/recurrence-editor/bootstrap5.3.scss +9 -9
  131. package/styles/recurrence-editor/bootstrap5.scss +9 -9
  132. package/styles/recurrence-editor/fabric-dark.scss +9 -9
  133. package/styles/recurrence-editor/fabric.scss +9 -9
  134. package/styles/recurrence-editor/fluent-dark.css +2 -2
  135. package/styles/recurrence-editor/fluent-dark.scss +9 -9
  136. package/styles/recurrence-editor/fluent.css +2 -2
  137. package/styles/recurrence-editor/fluent.scss +9 -9
  138. package/styles/recurrence-editor/fluent2.css +334 -6
  139. package/styles/recurrence-editor/fluent2.scss +9 -9
  140. package/styles/recurrence-editor/highcontrast-light.scss +9 -9
  141. package/styles/recurrence-editor/highcontrast.scss +9 -9
  142. package/styles/recurrence-editor/material-dark.css +2 -2
  143. package/styles/recurrence-editor/material-dark.scss +9 -9
  144. package/styles/recurrence-editor/material.css +2 -2
  145. package/styles/recurrence-editor/material.scss +9 -9
  146. package/styles/recurrence-editor/material3-dark.css +140 -1
  147. package/styles/recurrence-editor/material3-dark.scss +9 -10
  148. package/styles/recurrence-editor/material3.css +140 -1
  149. package/styles/recurrence-editor/material3.scss +9 -10
  150. package/styles/recurrence-editor/tailwind-dark.scss +9 -9
  151. package/styles/recurrence-editor/tailwind.scss +9 -9
  152. package/styles/recurrence-editor/tailwind3.css +71 -1
  153. package/styles/recurrence-editor/tailwind3.scss +9 -9
  154. package/styles/schedule/_all.scss +2 -2
  155. package/styles/schedule/_bds-definition.scss +105 -0
  156. package/styles/schedule/_bigger.scss +88 -86
  157. package/styles/schedule/_bootstrap-dark-definition.scss +105 -0
  158. package/styles/schedule/_bootstrap-definition.scss +105 -0
  159. package/styles/schedule/_bootstrap4-definition.scss +105 -0
  160. package/styles/schedule/_bootstrap5-dark-definition.scss +385 -1
  161. package/styles/schedule/_bootstrap5-definition.scss +105 -0
  162. package/styles/schedule/_bootstrap5.3-definition.scss +113 -8
  163. package/styles/schedule/_fabric-dark-definition.scss +105 -0
  164. package/styles/schedule/_fabric-definition.scss +105 -0
  165. package/styles/schedule/_fluent-dark-definition.scss +385 -1
  166. package/styles/schedule/_fluent-definition.scss +105 -0
  167. package/styles/schedule/_fluent2-definition.scss +111 -6
  168. package/styles/schedule/_fusionnew-definition.scss +103 -0
  169. package/styles/schedule/_highcontrast-definition.scss +105 -0
  170. package/styles/schedule/_highcontrast-light-definition.scss +105 -0
  171. package/styles/schedule/_layout.scss +395 -391
  172. package/styles/schedule/_material-dark-definition.scss +105 -0
  173. package/styles/schedule/_material-definition.scss +105 -0
  174. package/styles/schedule/_material3-dark-definition.scss +384 -1
  175. package/styles/schedule/_material3-definition.scss +111 -6
  176. package/styles/schedule/_tailwind-dark-definition.scss +380 -1
  177. package/styles/schedule/_tailwind-definition.scss +105 -0
  178. package/styles/schedule/_tailwind3-definition.scss +112 -7
  179. package/styles/schedule/_theme-variables.scss +1 -0
  180. package/styles/schedule/_theme.scss +34 -32
  181. package/styles/schedule/bds.css +45 -8
  182. package/styles/schedule/bds.scss +18 -17
  183. package/styles/schedule/bootstrap-dark.css +8 -8
  184. package/styles/schedule/bootstrap-dark.scss +18 -17
  185. package/styles/schedule/bootstrap.css +8 -8
  186. package/styles/schedule/bootstrap.scss +18 -17
  187. package/styles/schedule/bootstrap4.css +8 -8
  188. package/styles/schedule/bootstrap4.scss +18 -17
  189. package/styles/schedule/bootstrap5-dark.css +8 -8
  190. package/styles/schedule/bootstrap5-dark.scss +18 -16
  191. package/styles/schedule/bootstrap5.3.css +114 -34
  192. package/styles/schedule/bootstrap5.3.scss +18 -17
  193. package/styles/schedule/bootstrap5.css +8 -8
  194. package/styles/schedule/bootstrap5.scss +18 -17
  195. package/styles/schedule/fabric-dark.css +8 -8
  196. package/styles/schedule/fabric-dark.scss +18 -17
  197. package/styles/schedule/fabric.css +8 -8
  198. package/styles/schedule/fabric.scss +18 -17
  199. package/styles/schedule/fluent-dark.css +8 -8
  200. package/styles/schedule/fluent-dark.scss +18 -16
  201. package/styles/schedule/fluent.css +8 -8
  202. package/styles/schedule/fluent.scss +18 -17
  203. package/styles/schedule/fluent2.css +266 -33
  204. package/styles/schedule/fluent2.scss +18 -17
  205. package/styles/schedule/highcontrast-light.css +8 -8
  206. package/styles/schedule/highcontrast-light.scss +18 -17
  207. package/styles/schedule/highcontrast.css +8 -8
  208. package/styles/schedule/highcontrast.scss +18 -17
  209. package/styles/schedule/icons/_bds.scss +1 -0
  210. package/styles/schedule/icons/_bootstrap-dark.scss +1 -0
  211. package/styles/schedule/icons/_bootstrap.scss +1 -0
  212. package/styles/schedule/icons/_bootstrap4.scss +1 -0
  213. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -1
  214. package/styles/schedule/icons/_bootstrap5.3.scss +1 -0
  215. package/styles/schedule/icons/_bootstrap5.scss +1 -0
  216. package/styles/schedule/icons/_fabric-dark.scss +1 -0
  217. package/styles/schedule/icons/_fabric.scss +1 -0
  218. package/styles/schedule/icons/_fluent-dark.scss +1 -1
  219. package/styles/schedule/icons/_fluent.scss +1 -0
  220. package/styles/schedule/icons/_fluent2.scss +1 -0
  221. package/styles/schedule/icons/_fusionnew.scss +1 -0
  222. package/styles/schedule/icons/_highcontrast-light.scss +1 -0
  223. package/styles/schedule/icons/_highcontrast.scss +1 -0
  224. package/styles/schedule/icons/_material-dark.scss +1 -0
  225. package/styles/schedule/icons/_material.scss +1 -0
  226. package/styles/schedule/icons/_material3-dark.scss +1 -1
  227. package/styles/schedule/icons/_material3.scss +1 -0
  228. package/styles/schedule/icons/_tailwind-dark.scss +1 -1
  229. package/styles/schedule/icons/_tailwind.scss +1 -0
  230. package/styles/schedule/icons/_tailwind3.scss +1 -0
  231. package/styles/schedule/material-dark.css +8 -8
  232. package/styles/schedule/material-dark.scss +18 -17
  233. package/styles/schedule/material.css +10 -8
  234. package/styles/schedule/material.scss +18 -17
  235. package/styles/schedule/material3-dark.css +432 -9
  236. package/styles/schedule/material3-dark.scss +18 -17
  237. package/styles/schedule/material3.css +451 -28
  238. package/styles/schedule/material3.scss +18 -18
  239. package/styles/schedule/tailwind-dark.css +8 -8
  240. package/styles/schedule/tailwind-dark.scss +18 -16
  241. package/styles/schedule/tailwind.css +8 -8
  242. package/styles/schedule/tailwind.scss +18 -17
  243. package/styles/schedule/tailwind3.css +151 -33
  244. package/styles/schedule/tailwind3.scss +18 -17
  245. package/styles/tailwind-dark-lite.css +8 -8
  246. package/styles/tailwind-dark-lite.scss +19 -18
  247. package/styles/tailwind-dark.css +8 -8
  248. package/styles/tailwind-dark.scss +21 -20
  249. package/styles/tailwind-lite.css +8 -8
  250. package/styles/tailwind-lite.scss +19 -18
  251. package/styles/tailwind.css +8 -8
  252. package/styles/tailwind.scss +21 -20
  253. package/styles/tailwind3-lite.css +149 -31
  254. package/styles/tailwind3-lite.scss +19 -18
  255. package/styles/tailwind3.css +151 -33
  256. package/styles/tailwind3.scss +21 -20
package/styles/material3.scss CHANGED
@@ -1,22 +1,21 @@
1
-
2
-
3
-
4
- @import 'ej2-navigations/styles/toolbar/material3-definition.scss';
5
- @import 'ej2-navigations/styles/treeview/material3-definition.scss';
6
- @import 'ej2-inputs/styles/input/material3-definition.scss';
7
- @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
8
- @import 'ej2-calendars/styles/calendar/material3-definition.scss';
9
- @import 'ej2-calendars/styles/datepicker/material3-definition.scss';
10
- @import 'ej2-calendars/styles/datetimepicker/material3-definition.scss';
11
- @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
12
- @import 'ej2-dropdowns/styles/multi-select/material3-definition.scss';
13
- @import 'ej2-buttons/styles/button/material3-definition.scss';
14
- @import 'ej2-buttons/styles/check-box/material3-definition.scss';
15
- @import 'recurrence-editor/material3-definition.scss';
16
- @import 'schedule/material3-definition.scss';
17
- @import 'schedule/icons/material3.scss';
18
- @import 'schedule/all.scss';
19
- @import 'schedule/bigger.scss';
20
- @import 'ej2-buttons/styles/radio-button/material3-definition.scss';
21
- @import 'recurrence-editor/all.scss';
22
- @import 'recurrence-editor/bigger.scss';
1
+ @use 'ej2-base/styles/definition/material3' as *;
2
+ @use 'ej2-navigations/styles/toolbar/material3-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/material3-definition' as *;
4
+ @use 'ej2-inputs/styles/input/material3-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/material3-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/material3-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/material3-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/material3-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/material3-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/material3-definition' as *;
11
+ @use 'ej2-buttons/styles/button/material3-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/material3-definition' as *;
13
+ @use 'recurrence-editor/material3-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/material3-definition' as *;
15
+ @use 'schedule/material3-definition' as *;
16
+ @use 'schedule/icons/material3' as *;
17
+ @use 'schedule/all' as *;
18
+ @use 'schedule/bigger' as *;
19
+ @use 'ej2-buttons/styles/radio-button/material3-definition' as *;
20
+ @use 'recurrence-editor/all' as *;
21
+ @use 'recurrence-editor/bigger' as *;
package/styles/recurrence-editor/_all.scss CHANGED
@@ -1,2 +1,2 @@
1
- @import 'layout.scss';
2
- @import 'theme.scss';
1
+ @use 'layout' as *;
2
+ @use 'theme' as *;
package/styles/recurrence-editor/_bds-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/bds' as *;
2
+ @forward 'ej2-base/styles/definition/bds';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 6px !default;
3
5
  $recurrence-month-label-bottom-bgr: 0 !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: $font-weight-medium !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 2px !default;
13
14
  $recurrence-week-position-min-width: 94px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_bigger.scss CHANGED
@@ -1,18 +1,20 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
2
+ @use './theme-variables' as *;
1
3
  @include export-module('recurrence-editor-bigger') {
2
4
  .e-bigger {
3
5
  .e-recurrenceeditor {
4
- padding: 0;
6
+ padding: $recurrence-spacing-0;
5
7
 
6
8
  .e-input-wrapper-side.e-form-left {
7
- padding: 0 12px 11px 0;
9
+ padding: $recurrence-spacing-0 $recurrence-spacing-12 $recurrence-spacing-11 $recurrence-spacing-0;
8
10
  }
9
11
 
10
12
  .e-form-left {
11
- padding: 0 12px 14px 0;
13
+ padding: $recurrence-spacing-0 $recurrence-spacing-12 $recurrence-spacing-14 $recurrence-spacing-0;
12
14
  }
13
15
 
14
16
  .e-recurrence-table .e-monthday-element {
15
- padding-left: 50px;
17
+ padding-left: $recurrence-spacing-50;
16
18
  }
17
19
 
18
20
  .e-week-position {
@@ -36,22 +38,22 @@
36
38
  }
37
39
 
38
40
  .e-end-on-label {
39
- margin-bottom: 0;
41
+ margin-bottom: $recurrence-spacing-0;
40
42
  }
41
43
 
42
44
  .e-days .e-week-expander-label {
43
45
  font-size: $recurrence-label-font-bgr-size;
44
- margin-bottom: 8px;
46
+ margin-bottom: $recurrence-spacing-8;
45
47
  }
46
48
 
47
49
  .e-input-wrapper-side.e-end-on .e-end-on-label {
48
50
  font-size: $recurrence-label-font-bgr-size;
49
- margin-bottom: 1px;
51
+ margin-bottom: $recurrence-spacing-1;
50
52
  }
51
53
 
52
54
  .e-month-expander tr:first-child .e-input-wrapper,
53
55
  .e-year-expander {
54
- margin-bottom: 11px;
56
+ margin-bottom: $recurrence-spacing-11;
55
57
  }
56
58
 
57
59
  .e-recurrence-table {
@@ -63,14 +65,14 @@
63
65
  @if $skin-name == 'fluent2' {
64
66
  .e-recurrence-table {
65
67
  &.e-month-expand-wrapper .e-radio + label {
66
- margin: 0;
68
+ margin: $recurrence-spacing-0;
67
69
  }
68
70
  }
69
71
  }
70
72
 
71
73
  .e-days {
72
74
  button {
73
- height: 40px;
75
+ height: $recurrence-height-40;
74
76
  width: 40px;
75
77
  }
76
78
  }
@@ -79,35 +81,35 @@
79
81
 
80
82
  .e-form-left,
81
83
  .e-input-wrapper-side.e-form-left {
82
- padding: 0 0 10px 12px;
84
+ padding: $recurrence-spacing-0 $recurrence-spacing-0 $recurrence-spacing-10 $recurrence-spacing-12;
83
85
  }
84
86
 
85
87
  .e-form-right,
86
88
  .e-input-wrapper-side.e-form-right {
87
- padding: 0 12px 10px 0;
89
+ padding: $recurrence-spacing-0 $recurrence-spacing-12 $recurrence-spacing-10 $recurrence-spacing-0;
88
90
  }
89
91
 
90
92
  .e-recurrence-table .e-monthday-element,
91
93
  .e-recurrence-table .e-day-position {
92
- padding: 0 64px 0 0;
94
+ padding: $recurrence-spacing-0 $recurrence-spacing-64 $recurrence-spacing-0 $recurrence-spacing-0;
93
95
  }
94
96
 
95
97
  .e-input-wrapper-side.e-end-on .e-end-on-label,
96
98
  .e-input-wrapper-side.e-non-week > .e-month-expander-label {
97
- padding-right: 0;
99
+ padding-right: $recurrence-spacing-0;
98
100
  }
99
101
 
100
102
  .e-end-on-label {
101
- margin-bottom: 5px;
103
+ margin-bottom: $recurrence-spacing-5;
102
104
  }
103
105
 
104
106
  .e-input-wrapper-side.e-end-on .e-end-on-left {
105
- padding: 0 0 0 12px;
107
+ padding: $recurrence-spacing-0 $recurrence-spacing-0 $recurrence-spacing-0 $recurrence-spacing-12;
106
108
  }
107
109
 
108
110
  .e-input-wrapper.e-end-on-date,
109
111
  .e-input-wrapper.e-end-on-count {
110
- padding: 0 12px 0 0;
112
+ padding: $recurrence-spacing-0 $recurrence-spacing-12 $recurrence-spacing-0 $recurrence-spacing-0;
111
113
  }
112
114
 
113
115
  .e-recurrence-table .e-week-position {
@@ -118,13 +120,13 @@
118
120
 
119
121
  .e-device {
120
122
  .e-recurrence-table .e-monthday-element {
121
- padding-left: 20px;
123
+ padding-left: $recurrence-spacing-20;
122
124
  }
123
125
 
124
126
  .e-recurrenceeditor {
125
127
  &.e-rtl {
126
128
  .e-recurrence-table .e-monthday-element {
127
- padding: 0 20px 0 0;
129
+ padding: $recurrence-spacing-0 $recurrence-spacing-20 $recurrence-spacing-0 $recurrence-spacing-0;
128
130
  }
129
131
  }
130
132
  }
package/styles/recurrence-editor/_bootstrap-dark-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/bootstrap-dark' as *;
2
+ @forward 'ej2-base/styles/definition/bootstrap-dark';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 9px !default;
3
5
  $recurrence-month-label-bottom-bgr: 9px !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: bold !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 12px !default;
@@ -13,3 +14,28 @@ $recurrence-day-position-bgr-padding-left: 54px !default;
13
14
  $recurrence-end-bgr-padding-right: 8px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 23px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_bootstrap-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/bootstrap' as *;
2
+ @forward 'ej2-base/styles/definition/bootstrap';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 9px !default;
3
5
  $recurrence-month-label-bottom-bgr: 9px !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: bold !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 12px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 8px !default;
13
14
  $recurrence-week-position-min-width: 98px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 23px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_bootstrap4-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/bootstrap4' as *;
2
+ @forward 'ej2-base/styles/definition/bootstrap4';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 3px !default;
3
5
  $recurrence-month-label-bottom-bgr: 0 !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: 400 !default;
6
7
  $recurrence-label-font-nrml-size: 14px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 16px !default;
13
14
  $recurrence-week-position-min-width: 98px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_bootstrap5-dark-definition.scss CHANGED
@@ -1 +1,41 @@
1
- @import './bootstrap5-definition.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5-dark' as *;
2
+ @forward 'ej2-base/styles/definition/bootstrap5-dark';
3
+ $recurrence-label-bottom: 7px !default;
4
+ $recurrence-month-label-bottom: 5px !default;
5
+ $recurrence-month-label-bottom-bgr: 0 !default;
6
+ $recurrence-label-font-weight: $font-weight-medium !default;
7
+ $recurrence-label-font-nrml-size: 12px !default;
8
+ $recurrence-label-font-bgr-size: 16px !default;
9
+ $recurrence-left-padding: 0 8px 16px 0 !default;
10
+ $recurrence-week-position-bgr-min-width: 130px !default;
11
+ $recurrence-day-position-bgr-min-width: 190px !default;
12
+ $recurrence-day-position-bgr-padding-left: 54px !default;
13
+ $recurrence-end-bgr-padding-right: 16px !default;
14
+ $recurrence-week-position-min-width: 98px !default;
15
+ $recurrence-end-on-date-margin-top: 24px !default;
16
+ $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_bootstrap5-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/bootstrap5' as *;
2
+ @forward 'ej2-base/styles/definition/bootstrap5';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 5px !default;
3
5
  $recurrence-month-label-bottom-bgr: 0 !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: $font-weight-medium !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 16px !default;
13
14
  $recurrence-week-position-min-width: 98px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_bootstrap5.3-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
2
+ @forward 'ej2-base/styles/definition/bootstrap5.3';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 5px !default;
3
5
  $recurrence-month-label-bottom-bgr: 0 !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: $font-weight-medium !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 16px !default;
13
14
  $recurrence-week-position-min-width: 98px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: $border-radius-50p !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_fabric-dark-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/fabric-dark' as *;
2
+ @forward 'ej2-base/styles/definition/fabric-dark';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 10px !default;
3
5
  $recurrence-month-label-bottom-bgr: 8px !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: 400 !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 13px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 5px !default;
13
14
  $recurrence-week-position-min-width: 90px !default;
14
15
  $recurrence-end-on-date-margin-top: 28px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 23px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_fabric-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/fabric' as *;
2
+ @forward 'ej2-base/styles/definition/fabric';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 10px !default;
3
5
  $recurrence-month-label-bottom-bgr: 8px !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: 400 !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 13px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 5px !default;
13
14
  $recurrence-week-position-min-width: 90px !default;
14
15
  $recurrence-end-on-date-margin-top: 28px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 23px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_fluent-dark-definition.scss CHANGED
@@ -1 +1,41 @@
1
- @import './fluent-definition.scss';
1
+ @use 'ej2-base/styles/definition/fluent-dark' as *;
2
+ @forward 'ej2-base/styles/definition/fluent-dark';
3
+ $recurrence-label-bottom: 7px !default;
4
+ $recurrence-month-label-bottom: 4px !default;
5
+ $recurrence-month-label-bottom-bgr: 0 !default;
6
+ $recurrence-label-font-weight: 600 !default;
7
+ $recurrence-label-font-nrml-size: 14px !default;
8
+ $recurrence-label-font-bgr-size: 16px !default;
9
+ $recurrence-left-padding: 0 8px 16px 0 !default;
10
+ $recurrence-week-position-bgr-min-width: 130px !default;
11
+ $recurrence-day-position-bgr-min-width: 183px !default;
12
+ $recurrence-day-position-bgr-padding-left: 54px !default;
13
+ $recurrence-end-bgr-padding-right: 5px !default;
14
+ $recurrence-week-position-min-width: 90px !default;
15
+ $recurrence-end-on-date-margin-top: 24px !default;
16
+ $recurrence-repeat-on-week-selector-margin-bottom: 0 !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_fluent-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/fluent' as *;
2
+ @forward 'ej2-base/styles/definition/fluent';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 4px !default;
3
5
  $recurrence-month-label-bottom-bgr: 0 !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: 600 !default;
6
7
  $recurrence-label-font-nrml-size: 14px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 5px !default;
13
14
  $recurrence-week-position-min-width: 90px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 0 !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: 50% !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;
package/styles/recurrence-editor/_fluent2-definition.scss CHANGED
@@ -1,7 +1,8 @@
1
+ @use 'ej2-base/styles/definition/fluent2' as *;
2
+ @forward 'ej2-base/styles/definition/fluent2';
1
3
  $recurrence-label-bottom: 7px !default;
2
4
  $recurrence-month-label-bottom: 3px !default;
3
5
  $recurrence-month-label-bottom-bgr: 0 !default;
4
- $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: $font-weight-medium !default;
6
7
  $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 5px !default;
13
14
  $recurrence-week-position-min-width: 100px !default;
14
15
  $recurrence-end-on-date-margin-top: 24px !default;
15
16
  $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
17
+
18
+ $recurrence-font-weight-normal: normal !default;
19
+ $recurrence-radius-50: $border-radius-50p !default;
20
+
21
+ $recurrence-height-35: 35px !default;
22
+ $recurrence-height-40: 40px !default;
23
+
24
+ $recurrence-spacing-0: 0 !default;
25
+ $recurrence-spacing-1: 1px !default;
26
+ $recurrence-spacing-3: 3px !default;
27
+ $recurrence-spacing-5: 5px !default;
28
+ $recurrence-spacing-6: 6px !default;
29
+ $recurrence-spacing-8: 8px !default;
30
+ $recurrence-spacing-10: 10px !default;
31
+ $recurrence-spacing-11: 11px !default;
32
+ $recurrence-spacing-12: 12px !default;
33
+ $recurrence-spacing-14: 14px !default;
34
+ $recurrence-spacing-16: 16px !default;
35
+ $recurrence-spacing-18: 18px !default;
36
+ $recurrence-spacing-20: 20px !default;
37
+ $recurrence-spacing-50: 50px !default;
38
+ $recurrence-spacing-59: 59px !default;
39
+ $recurrence-spacing-64: 64px !default;
40
+
41
+ $recurrence-spacing-2-5: 2.5% !default;