@syncfusion/ej2-schedule 31.2.15 → 32.1.20

package/styles/recurrence-editor/_tailwind-definition.scss

@@ -1,7 +1,8 @@
+@use 'ej2-base/styles/definition/tailwind' as *;
+@forward 'ej2-base/styles/definition/tailwind';
 $recurrence-label-bottom: 7px !default;
 $recurrence-month-label-bottom: 6px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
-$recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 2px !default;
 $recurrence-week-position-min-width: 94px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
+
+$recurrence-font-weight-normal: normal !default;
+$recurrence-radius-50: 50% !default;
+
+$recurrence-height-35: 35px !default;
+$recurrence-height-40: 40px !default;
+
+$recurrence-spacing-0: 0 !default;
+$recurrence-spacing-1: 1px !default;
+$recurrence-spacing-3: 3px !default;
+$recurrence-spacing-5: 5px !default;
+$recurrence-spacing-6: 6px !default;
+$recurrence-spacing-8: 8px !default;
+$recurrence-spacing-10: 10px !default;
+$recurrence-spacing-11: 11px !default;
+$recurrence-spacing-12: 12px !default;
+$recurrence-spacing-14: 14px !default;
+$recurrence-spacing-16: 16px !default;
+$recurrence-spacing-18: 18px !default;
+$recurrence-spacing-20: 20px !default;
+$recurrence-spacing-50: 50px !default;
+$recurrence-spacing-59: 59px !default;
+$recurrence-spacing-64: 64px !default;
+
+$recurrence-spacing-2-5: 2.5% !default;

package/styles/recurrence-editor/_tailwind3-definition.scss

@@ -1,7 +1,8 @@
+@use 'ej2-base/styles/definition/tailwind3' as *;
+@forward 'ej2-base/styles/definition/tailwind3';
 $recurrence-label-bottom: 7px !default;
 $recurrence-month-label-bottom: 6px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
-$recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
 $recurrence-label-font-nrml-size: 12px !default;
 $recurrence-label-font-bgr-size: 16px !default;
@@ -13,3 +14,28 @@ $recurrence-end-bgr-padding-right: 16px !default;
 $recurrence-week-position-min-width: 98px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 $recurrence-repeat-on-week-selector-margin-bottom: 18px !default;
+
+$recurrence-font-weight-normal: normal !default;
+$recurrence-radius-50: $border-radius-50p !default;
+
+$recurrence-height-35: 35px !default;
+$recurrence-height-40: 40px !default;
+
+$recurrence-spacing-0: 0 !default;
+$recurrence-spacing-1: 1px !default;
+$recurrence-spacing-3: 3px !default;
+$recurrence-spacing-5: 5px !default;
+$recurrence-spacing-6: 6px !default;
+$recurrence-spacing-8: 8px !default;
+$recurrence-spacing-10: 10px !default;
+$recurrence-spacing-11: 11px !default;
+$recurrence-spacing-12: 12px !default;
+$recurrence-spacing-14: 14px !default;
+$recurrence-spacing-16: 16px !default;
+$recurrence-spacing-18: 18px !default;
+$recurrence-spacing-20: 20px !default;
+$recurrence-spacing-50: 50px !default;
+$recurrence-spacing-59: 59px !default;
+$recurrence-spacing-64: 64px !default;
+
+$recurrence-spacing-2-5: 2.5% !default;

package/styles/recurrence-editor/_theme-variables.scss

@@ -0,0 +1 @@
+@forward './_tailwind3-definition';

package/styles/recurrence-editor/bds.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bds-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'bds-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bds' as *;
+@use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bds-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'bds-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/bootstrap-dark.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bootstrap-dark' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'bootstrap-dark-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/bootstrap.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bootstrap' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
+@use 'bootstrap-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/bootstrap4.css

@@ -269,7 +269,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -295,7 +295,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400;
   margin-bottom: 7px;
 }

package/styles/recurrence-editor/bootstrap4.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bootstrap4' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap4-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap4-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
+@use 'bootstrap4-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/bootstrap5-dark.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition' as *;
+@use 'bootstrap5-dark-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/bootstrap5.3.css

@@ -2,8 +2,88 @@
 
 
 
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-popup.e-ddl {
-  border-radius: 4px;
+  border-radius: calc(var(--e-radius) * 0.25);
   -webkit-box-shadow: none;
           box-shadow: none;
   margin-top: 3px;

package/styles/recurrence-editor/bootstrap5.3.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bootstrap5.3.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5.3-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5.3-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5.3-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition.scss';
-@import 'bootstrap5.3-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bootstrap5.3' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap5.3-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap5.3-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap5.3-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition' as *;
+@use 'bootstrap5.3-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/bootstrap5.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/bootstrap5' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap5-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap5-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap5-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition' as *;
+@use 'bootstrap5-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/fabric-dark.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/fabric-dark' as *;
+@use 'ej2-inputs/styles/numerictextbox/fabric-dark-definition' as *;
+@use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fabric-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fabric-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition' as *;
+@use 'fabric-dark-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/fabric.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'ej2-inputs/styles/numerictextbox/fabric-definition' as *;
+@use 'ej2-buttons/styles/button/fabric-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fabric-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fabric-definition' as *;
+@use 'fabric-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/fluent-dark.css

@@ -264,7 +264,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -290,7 +290,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 7px;
 }

package/styles/recurrence-editor/fluent-dark.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
+@use 'fluent-dark-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/recurrence-editor/fluent.css

@@ -264,7 +264,7 @@
   margin-bottom: 6px;
 }
 .e-device .e-recurrenceeditor .e-month-expander-label {
-  font-size: 12px;
+  font-size: 14px;
   margin-bottom: 5px;
 }
 .e-device .e-recurrenceeditor .e-footer-content {
@@ -290,7 +290,7 @@
 }
 .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
   float: none;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   margin-bottom: 7px;
 }

package/styles/recurrence-editor/fluent.scss

@@ -1,9 +1,9 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/fluent' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
+@use 'ej2-buttons/styles/button/fluent-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
+@use 'fluent-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;